Web 101: HTML für Anfänger:innen

1. Web 101 // Einführung: Willkommen bei Web One, einer in dieser Klasse, werden Sie lernen die Grundlagen von Code. Was ist das? Wie funktioniert es und was können Sie tun, um eine Webseite zum Laufen zu bringen, egal ob Sie keine Erfahrung haben oder ob Sie im Druckfeld gewesen sind und wir fragen was genau die Web-Abteilungen da drüben tun? Das ist die Klasse für Sie. Mein Name ist Cookie. Ich bin Künstler, Designer und Pädagoge, und ich liebe es, Menschen zu helfen, ihren Weg zu finden. Ob in den frühen Stadien des Entwurfsprozesses oder in den fortgeschritteneren Schritten dieser Klasse, wir werden es auf die Grundlagen, auf denen wir über Code lernen werden, entfernen. Wir werden eine Webseite erstellen, die die grundlegenden Elemente für alle Web-Design erforscht. Ich hoffe, Sie genießen diese Klasse und ich kann es kaum erwarten, Ihr Projekt zu sehen. Lasst uns loslegen 2. Web 101 // Terminologie: Willkommen in der HTML-Klasse und dieser Klasse werden Sie die Grundlagen lernen, wie Sie mit dem Codieren beginnen. Also, wo fangen wir an? Nun, was genau ist HTML? Es ist Hyper-Text-Markup-Sprache. Das ist die Art, wie Computer miteinander reden. Dafür. Wir müssen die grundlegende Terminologie lernen, um alles zu beginnen. Der erste Teil ist, nur zu sehen, wie alles zusammen funktioniert. Das Etikett ist unser erster Schritt. Denken Sie daran, das ist eine Art Adam. Dies ist der Befehl, der der Seite genau mitteilt, was sie tun muss. Es sind die Grundlagen. Das ist der Baustein. Diese werden in Klammern auf Ihrer Tastatur eingeschlossen. Sie sehen so aus für Ihre Seite. Du brauchst Öffnungen und Schließungen. Sie brauchen ein öffnendes Etikett entwickelt. Das schließende Tag. Denken Sie daran, dass dies eine Art Satz ist. Sie brauchen die Großschreibung an der Vorderseite und Sie brauchen den Punkt an den Enden, dass Sie wissen wo der Satz beginnt und wo dieser Satz endet. Ihre Tags werden dieser Marker sein. Als nächstes haben wir unsere Elemente. Dies ist ein Start-Tag und es hat ein End-Tag. Es ist auch alles, was zwischen diesen Tags geschrieben ist. Denken Sie daran, dass dies die Art von Container ist, was Sie auf Ihrer Seite erstellen, sichtbar sein wird , wenn es innerhalb des Abschnitts ist. Dies ist der Elementinhalt, der sich im Highlight befindet. Was auch immer Sie zwischen den Start- und End-Tags haben, das ist, was die Zuschauer tatsächlich sehen werden. Es ist bekannt als die Markt-Code-Attribute über Dinge beginnen immer ein wenig mehr Spaß und spannend und dass Verschönerung Phase dies wird, um den Inhalt Ihrer Seite zu erweitern, und es wird Ihnen die Funktionalität Ihrer Tags geben. Denken Sie also an Links, Fotos , Bilder , Hintergründe , Farben etc., Protokoll. Das ist ein bisschen von der Wissenschaft. Er hat euch Dinge gesehen, also werden wir uns nicht allzu verstricken damit, dass diese Luft so ausströmen, wie Computer tatsächlich miteinander sprechen. Also, wie bekommen Sie Ihre Stimme zu den Zuschauern? Diese erfordern spezifische Regeln, und sie sind mit jedem Typ verbunden, den Sie verwenden werden, um die FTP erleichtern die Drucker, I P und derjenige, die wir die http verwenden werden. Also rate mal, was der letzte Buchstabe steht für Du hast es Protokoll erraten, damit du sehen kannst, wie das funktioniert. Der erste Teil ist das Protokoll, über das wir gerade gesprochen haben, von dort haben wir das W w w, das wir gewohnt sind. Dies wird als Unterdomäne bezeichnet. Dies ist auch der Name des Webservers. Als nächstes ist der lustige Teil. Dies ist diejenige, die wir wahrscheinlich in erster Linie erkennen. Und das ist unser Domain-Name Ihre Domain-Namen. Sie können sich tatsächlich über verschiedene Websites wie Go Daddy und Hover registrieren. Und das ist das Du, das Menschen erkannt wurden. Wenn Sie also eine Marke aufbauen, werden Sie wahrscheinlich viel Zeit damit verbringen, über die Domain nachzudenken. Und wie können Sie eine Domain erstellen, die für Menschen leicht zu merken ist? Und jetzt, natürlich, etwas, das tatsächlich verfügbar ist Der nächste Teil ist eigentlich Ihr Ordnername. Also unser erster Schritt, wenn wir unser Projekt starten, werden wir einen Ordner erstellen, und ich werde meinen,wissen Sie, Index oder Webseite anrufen wissen Sie, , oder was haben Sie? Was auch immer Sie das nennen, es wird dort erscheinen, und dieser letzte Teil ist genau das, was Ihre Webseite eigentlich genannt wurde, was sein Dateiname war . Es wird an diesem Teil Ihrer Adresse auftauchen. Alles klar, jetzt fangen wir an, ein bisschen mehr Details zu erfahren. Nun, da wir einige der Grundlagen der Funktionsweise kennen, lassen Sie uns in einige der Cody-Bits einsteigen, damit wir unseren Webseiten sagen können, was zu tun ist. 3. Web 101 // der Code: Also, jetzt lasst uns anfangen. Die eigentliche Codierung Teil dieses Teils ist die Art von Fleisch und Kartoffeln Ihrer Webseite, und das ist, was wird alles Tech machen. Erste Dinge zuerst. Sie haben erraten, dass das HTML-Tag dieses wird Ihre Seite beginnen und diese wird Ihre Seite beenden. Uh, wir haben vorhin darauf Bezug genommen, es ist ein Container. Denken Sie also daran, das ist der riesige Container. Das ist die Sache, die alles zusammenhält. Ihre Webseite muss wissen, sobald sie durch das System geht, dass sie hier beginnt. Dann endet es hier und verwenden Sie das mit Ihrem HTML. Webseiten sind in zwei Abschnitte unterteilt. Der erste Abschnitt, den Sie mit uns zu tun haben, Dieser hier, der Header. Die Kopfzeile gibt Ihnen alle Informationen, die in Ihren Dokumenten vor sich geht. Also, was ist die Seite? Es beschreibt die Sprache, die Zeichen, die Sie verwenden werden, wie es läuft, Teoh wird angezeigt, wenn der Betrachter es sieht, und der andere Teil wird der Körper selbst sein , der wir gehen zu bekommen. Teoh, deine Webseite wird einen Deskriptor brauchen, damit die Zuschauer wissen, wo sie sich befinden. Siehst du, du musst einen Titel setzen. Der Titel für Ihre Seite wird oben im Browser angezeigt. In Ordnung, die Leiche. Also wird unser Header die, äh, Art von Unsichtbaren enthalten äh, , damit die Computer wissen, wie man es liest. Die Leiche ist das, was wir eigentlich als Zuschauer sehen werden. Das ist der ganze Inhalt. Dies ist die Links die Texttabellen, Bilder, Listen, Sie nennen es. Es wird hier drin sein, und das ist es, was sichtbar ist. Apropos, was sichtbar ist, ist das, was Sie nur als Starter in Ihrem Körper setzen können . Zuerst werden Sie wahrscheinlich einen Absatz irgendeiner Art haben wollen. Sie werden auch für alle diese bemerken, die die öffnenden und die schließenden Tags haben. Jedes Mal, wenn Sie tippen, kennen Sie die Öffnung, müssen Sie sicherstellen, dass das schließende Tag irgendwo drin ist, so dass es weiß, wo dieser Befehl bis jetzt beginnen und beenden soll. Absatz. Wir setzen es wörtlich, den Anfang jedes Absatzes am Ende des Absatzes auf, dann wiederholen Sie es für den nächsten Absatz , den Sie in unserem Beispiel sehen werden, aber stellen Sie sicher, dass Sie immer öffnen und schließen Sie Ihre -Absätze. Wenn Sie aus einem Druckhintergrund in die Codierung kommen, sind Sie sich der Hierarchie bereits sehr bewusst. BetrachtenSiealso alle unsere Überschriften als Hierarchie, ähm, eine ist die wichtigste, um die nächste wichtige zu sein Sie . So weiter und so weiter für unsere Beispiele wurden sechs verschiedene Überschrifentypen H eins, h zwei, h drei, h vier, h fünf und H sechs und sechs die kleinste und eine ist die größte. Wenn wir Teoh unser Klassenprojekt bekommen, möchte ich, dass Sie mit jedem von ihnen experimentieren. Er ist nur helfen, den Inhalt durch die Seite für den Betrachter zu fließen, genau wie Hierarchie und Ihre Werbung. Da wir von Werbung und auch Ihren Layouts sprechen, sind die Chancen, dass Sie ein Pull-Zitat oder das Block Zitat tun mussten, um den Schwerpunkt auf verschiedenen Abschnitt des Absatzes zu geben , Uh, für unseren Fall nennen wir diese Block Anführungszeichen und es wird springen, um, das Ende es in für jeden Abschnitt ist es, den Sie für Ihre Block Anführungszeichen verwenden, weiter auf unserem Text Styling. Wenn Sie etwas bauen müssen, verwenden wir jetzt stark. Also wird es die Aufmerksamkeit auf der Seite herausspringen. Es war einmal, wir verwenden einfach das B für fett. Aber mit dem neuen HTML Five ist es mehr Standard, stark für fett zu verwenden. Also, wenn Sie etwas schrauben müssen, verwenden Sie den starken Befehl und dies ist die gleiche Funktion wie ein Tallix. Und wieder, einmal, war es ich nicht für ein Talic. Aber mit HTML five hat es sich zur Hervorhebung umgestellt. Wenn Sie also etwas kursiv formatieren müssen, werden Sie den Schwerpunkt darauf legen. Die letzten beiden, die wir behandeln werden, sind unsere Arten von Listen. Wir haben eigentlich zwei Mal Listen. Wir haben die geordnete Liste und die A Nordeste. Die geordnete Liste, was auch immer Sie in diesen Befehl setzen, wird Ihnen Nummer eins, 234 usw. geben . Und jetzt, wie viele Sie auch hinzufügen, wird es automatisch die nächste Zahl darauf setzen, und die eine geordnete Liste funktioniert als Aufzählungspunkte. Wenn Sie also Aufzählungslisten in Sichtweite stellen müssen, werden Sie die geordnete Liste der Vereinten Nationen verwenden. Offensichtlich gibt es so viele weitere Codes da draußen, aber das sind die guten, mit denen man sich frühzeitig wohl machen kann. Uh, wir sagen normalerweise, weißt du, es ist, als ob du laufen willst, bevor du gehst, aber in diesem Fall mit Webdesign sind wir so gewohnt, Webdesign zu sehen, dass wir im Grunde einen Marathon laufen wollen, bevor wir wissen, wie man krabbeln. Also lasst uns vor dem Marathon kriechen und uns auf diese grundlegenden Codes konzentrieren, damit ihr euch vertraut machen und mit ihnen herumspielen und sich mit ihnen vertraut machen könnt. Und dann können Sie anfangen, mehr zu dem Mix hinzuzufügen. Also lasst uns all das nehmen und anfangen, alles zusammenzufassen. 4. Web 101 // Dateieinrichtung: Alles klar, lass uns weitermachen und loslegen. Die ersten Dinge zuerst. Ich benutze einen Mac. Wenn Sie also in einem PC sind, sollten Sie den Bohrer kennen. Mittlerweile. Immer wenn ich Befehl sage, wisse, dass es Kontrolle mit einem Mac ist, werden wir Text an ihm verwenden. Und wenn Sie auf einem PC sind, werden Sie Notizblock plus plus verwenden, was ich einen Link dafür haben werde. Ah, und unsere Kursnotizen, wenn Sie das nicht bereits auf Ihrem PC haben, aber unabhängig davon, ob Sie auf einem Mac oder PC sind, ist der erste Schritt, den Sie tun werden, einen neuen Ordner zu erstellen. Ich werde meinen Index nur Rick Scott Website nennen. Du könntest deinen Namen drauf setzen, du weißt schon, wie du es nennen willst, weitermachen und es so nennen. Und ich werde es einfach schön und ordentlich halten. Und da drüben, runter zur Seite. Ordnung. Wenn Sie auf einem PC sind, gehen Sie einfach vor und öffnen Sie Ihr Notizblock plus plus. Und wenn Sie ein neues Dokument erstellen, stellen Sie sicher, dass es sich um ein HTML-Dokument handelt, und Sie sollten gut gehen. Wenn Sie auf einem Mac sind, haben Sie möglicherweise einen zusätzlichen Schritt, wenn es um Text geht Ich werde ein neues Dokument erstellen. Nein, ich würde gerne ein bisschen größer als ihre Standardeinstellung arbeiten. Also werde ich die Größe ändern, und Sie müssen zu Ihrem Text Bearbeiten und Einstellungen gehen. Ähm, wenn du das tust, musst du auf die Notiz Erde klicken. Entschuldigung. Öffnen und speichern Sie rechts neben dem neuen Dokument. Und was Sie sicherstellen müssen, ist es, HTML-Dateien als HTML-Code anstelle von formatiertem Text anzuzeigen . Stellen Sie also sicher, dass dieses Feld angeklickt wird. Wenn es so ist, bist du gut zu gehen. Wenn dies nicht der Fall ist, stellen Sie sicher, dass es so ist, dass Sie funktionieren können. In Ordnung, ich werde vorgehen und sparen, und ich werde diesen Index nennen. Auch Hunderte gehen, um es schön und ordentlich organisiert zu halten. Und, äh, wenn Sie dabei sind, sind hier Ihre Dateiformate. Es ist für meins. Standardmäßig auf Rich Tax. Klicken Sie einfach auf das und ändern Sie es in HTML und drücken Sie. Sparen. Stellen Sie sicher, dass Sie es in den richtigen Ordner legen und dann auf Speichern klicken. In Ordnung. So können Sie auch einen zusätzlichen Schritt mit einem max. Sie können einen Grund sehen, warum Code-Leute normalerweise auf PCs sind, weil Sie einfach aufstehen und loslegen . Im Moment Ihr Code nicht angezeigt, also werde ich das schließen. Gehen Sie voran und öffnen und schließen. Befehlen Sie einfach. W ähm, ich werde weiter gehen und ich klicke und ziehe es auf meinen Text dran. Also, wenn ich das tue, können wir tatsächlich unsere Code-Bits sehen. Das ist es, was wir sehen wollen. Also, wenn Sie nicht Vicks dieses extra kleine bisschen zu ihm haben, werden Sie wollen Pause, schließen und wieder öffnen. Auf diese Weise können Sie sehen, dass Sie wissen, der eigentliche Code-Teil. Du könntest das hier lassen. Sicher, ich werde nicht nein sagen. brauchst Manchmal sind es nur extra kleine Bits, die du wirklich nichtbrauchst. Ah, in den frühen Stadien. Weißt du, wenn du nur rumspielst, es zu lernen, ist das in Ordnung. Sie können einfach voran gehen und Ihren Titel bearbeiten, und Sie können einfach anfangen, sofort in diesem Körper zu plunkieren. Ähm, es wird völlig an Ihnen liegen, aber um unseretwillen werde ich Oh auswählen, wir werden löschen, weil wir den ganzen Teil selbst erledigen werden. 5. Web 101 // Code: Röschen. Jetzt sind wir bereit, Toe, fangen Sie an, endlich etwas Code auf ihre Seite zu setzen. Okay, also, also, wie ich schon sagte, wenn du kein Problem wolltest. Sie können ihre Bits and Bobs da lassen und einfach anfangen, mit den Elementenherumzutauchen , mit denen wir herumzutauchen für unser Klassenprojekt herumspielen. Aber lasst uns einfach von vorne anfangen. Schritt eins. Wir müssen es sagen, dass dies ein Dokumenttyp ist, sagte der Doc-Typ. Es ist eigentlich HTML, dem wir in dieser Phase ziemlich angenommen haben. Wir brauchen das HTML-Tag, über das wir reden, das beginnt, Sie müssen es beginnen und dann müssen Sie damit enden. Wir werden einen zusätzlichen kleinen Teil dazu hinzufügen, weil wir wollen, dass die Sprache Englisch ist . Wenn Sie kein Englischsprecher sind , , werde ich eine Liste für die verschiedenen Codes für Sprachen aufstellen, und Sie können jeden Sprachcode hier für unsere Demos eintragen. Und da ich Englisch spreche, werde ich nur bei Englisch als Sprachtyp bleiben. Alles klar, also hör auf eins. Wir haben diesen HTML-Code erstellt. Sie haben zwei Möglichkeiten. Sie können weiter die Linie hinuntergehen und die Elemente einfügen. Aber ich möchte sicherstellen, dass alles geschlossen ist, sobald ich es mache. Wenn ich das mache, ich einfach ein paar zusätzliche Renditen hinzu. Ich gehe, Teoh, schließe das Etikett. Jetzt muss ich mir keine Sorgen machen. Also fangen wir an, wenn wir enden, und ich gehe einfach wieder nach oben und gehe zum nächsten Teil weiter. Alles klar, also ist der HTML dieser riesige Container. Jetzt müssen wir es sagen, einer der beiden Teile unser erster Teil war unser Header auf dem zweiten Teil war unser Körper. Da der Header zuerst kommt, werden wir mit dem Header beginnen. Ordnung, also habe ich das Etikett reingesteckt und das ist nur der Kopf der Klammer. Und jetzt müssen wir ihm einen Titel geben. Es könnte dein Name sein. Es könnte ein Katzenhund sein. Frettchen Name. Es könnte alles sein, was du willst, Teoh. Ich werde super generisch sein und nur meine erste Website sagen und ich bin wirklich aufgeregt. Gruppen Site-Seite öffnen Ausrufe darauf. Oh, meine Güte. Das ist eine spannende Webseite. Und jetzt, seit ich den Titel angefangen habe, muss ich diesen Titel beenden, also werde ich ihn schließen. In Ordnung? Unser Titel wird da sein. Wir müssen ihm einen Zeichensatz geben. Und diese Code-Info ist Metta-Pflege. Set entspricht T-Gruppen. Sind Sie TF acht Klammergruppen. Da gehen wir. Das gibt also nur den Zeichensatz, damit er weiß , du weißt schon , Sonderzeichen usw. Woher man es ziehen kann. Dies ist Teil dieser HTML-Fünf-Sache. In Ordnung, also was? Wir müssen dio, dass du es erraten hast. Ich werde einfach wieder nach oben scrollen. Wir haben unsere HTML Ende html, unsere Header. , Der Teil ,den wir beim Titel nicht geschlossen haben, hat unseren Titel beendet. Alles klar, was wir tun müssen, ist, die Kopfzeile zu beenden. In Ordnung? Unsere Kopfzeilen sind fertig. Jetzt könnten wir zum lustigen Teil übergehen. Der Körperteil. Das ist der Teil, den jeder sieht. Ich werde nur ein bisschen hinlegen. Beenden Sie einfach ein zusätzliches Leerzeichen dort, nur damit Sie die Abschnitte visuell sehen können, die wir an diesen Räumen arbeiten, da sie nicht in sie codiert sind, wird nicht auf der Website angezeigt. Das bin nur ich aus meiner eigenen Struktur. Wir brauchen eine Leiche. Und ich werde einfach voran gehen und diesen Körper beenden, genau wie wir es mit dem, ähm HTML unten getan haben . Auf diese Weise. Ich weiß, Körper und Endkörper sind gleich. Alles klar, jetzt fangen wir an, ein bisschen Spaß damit zu haben . Ah, das erste, was wir tun wollen, ist, einen Absatz zu setzen. Also unsere Absatzinformationen oder Tags waren das P und der NP. Ich gehe in Lauren Ipsen und schnappe mir einfach ein Ipsum. Wir könnten Cupcake, Ipsum, Zombie, Ipsum gebrauchen. Wir könnten Cupcake, Ipsum, Zombie, Ipsum gebrauchen Ipsum, Zombie, Zombie, Was immer du willst. Es gibt alle Arten von Lawrence Gips. Ach, lasst uns vorerst einen Absatz bekommen und ich gehe einfach zu Oops. Kopieren und Einfügen, Apple C, Apple V. Alles klar, also haben wir den Absatz begonnen. Jetzt müssen wir diesen Absatz beenden, und ich werde die Folie zur Seite speichern und in meinen Index gehen. Ich werde darauf doppelklicken, damit wir tatsächlich eine Live-Vorschau davon bekommen können, was wir auf unserer Website machen . In Ordnung, da ist unser Titel. Meine erste Website, meine erste Website. So aufregend. Und da ist diese Lorne Epsom, die wir einfach reinlegen, wenn wir eine Sekunde machen wollten. Lauren, es ist an. Du hast es erraten Neuer Absatz. Ich werde nur das gleiche Tempo, speichern Sie es und dann gehen Sie in Ihren Browser und dann werden Sie in der Lage sein, das zu sehen. Wenn ich arbeite, wie arbeiten Sie gerne mit geteilten Fenstern? Wenn ich also Notiz, Pad oder Text verwende , werde ich das normalerweise weitermachen. Wenn Sie mit Dreamweaver arbeiten, das Sie hineinwachsen können, haben Sie sowieso die geteilte Ansicht. Und dann haben Sie auch die Lebensvorschau. Diese beiden Systeme sind wirklich schön zu arbeiten. Moment mache ich mir keine Sorgen um Dreamweaver für diese Demo. Wenn Sie sich jedochmit Dreamweaver wohlfühlen, jedoch dann gehen Sie einfach voran und seien Sie im Code. Wenn Sie sich mit Dreamweaver wohlfühlen, beobachten Sie diese Klasse wahrscheinlich sowieso nicht. Alles klar, eines der Dinge, über die wir gesprochen haben, war, ein bisschen von unseren ah, Sonderzeichen zu setzen oder unsere Seiten ein bisschen schicker zu machen. Eso vielleicht für den nächsten. Weißt du, du hast in den dritten Absatz gesetzt, ich wusste, dass der mittlere ein Block-Zitat sein wird, aber lass uns nur 1/3 1 bekommen. Hoppla. Stellen Sie sicher, dass Sie nicht Großbuchstaben, Leerzeichen vergessen, Tag zu beenden. Großkapitalisierung. Diese Dinger werfen deinen Mantel ab. Und wenn es nicht funktioniert, überprüfen Sie Rechtschreibung und Groß- und Kleinschreibung sowie Platzprobleme. Jeder von denen kann die ganze Seite abwerfen. Ordnung, da haben wir drei Absätze, und ich werde diesem mittleren Zitat einen Block hinzufügen. Wenn Sie möchten, können Sie zusätzliche Leerzeichen dazwischen bekommen, so dass es nur ein wenig einfacher macht. Und ich würde gerne Nestela Also, was auch immer dem Texas am nächsten war, wie ich auch endete, also war Block direkt neben ihm. Block-Zitat wird zuerst gehen, und dann werde ich meinen Absatz beenden und dann aktualisieren. Und man kann sehen, wie das in dichtem es nur ein wenig schicker macht. Vielleicht für diesen zweiten Absatzmuss der erste kleine Teil mutig sein. Vielleicht für diesen zweiten Absatz Das war also unsere Stärke. Und nehmen wir einfach den ersten Satz und wir werden den ersten Satz schön und stark machen . Speichern, aktualisieren. Und Sie können sehen, dass der Text ein wenig kühner wurde. Äh, vielleicht dafür? Ich weiß es nicht. Letzte Zeile. Wir wollen ihm ein bisschen Metallic geben, also müssen wir es betonen. Und dann müssen wir diese Betonung beenden. Also für Besatzung oder Text, ähm, Disc mit diesen beiden machte es viel einfacher zu lesen. Ähm, für unser in-class Projekt werden wir auch Header machen. Also ich gehe nur Teoh Nur eine Rückkehr auf diesem, wo es war h eins bis h sechs eine Überschrift eins durch Schlagzeilen sechs Ich werde einfach Schlagzeile eins sagen, damit Sie die Größe sehen können und ich werde es speichern, damit Sie es Schritt für Schritt sehen können. Schlagzeile eins ist also unsere größte. Und dann arbeiten wir einfach von da runter. Hoppla, jeweils neun bis H drei jeweils vier. Stellen Sie sicher, dass Sie nicht Tippfehler. Es ist gut zu sehen, wie Menschen arbeiten , ähm, in Echtzeit, damit Sie die hinteren Räume sehen können, etc. So wissen Sie irgendwie, worauf Sie achten sollten, wenn nicht. Wenn ein Problem auftritt, ist es dieser Lauf, bevor Sie gehen Sache. Es wird Probleme geben, egal wie komfortabel Sie mit dem Code sind und wie lange Sie codiert haben . Manchmal nur eine kleine Art von Willen für alles aus. Also zur Hölle ging ich 23456 Speichern und aktualisieren Sie das. Was? Sie können die Hierarchie sehen. Also für diejenigen von Ihnen, die in mehr der Print-Design-Disziplinen sind es gewohnt , das zu sehen . Also denken Sie an den Himmel wollen ist wie, na ja, Ihre Hauptüberschrift wäre Sie wissen, die Sub-Header Byline So weiter und so weiter Und dann, natürlich, für ähm, wenn Sie wissen, Sie ist in der Körperkopie, benutzen Sie einfach Ihren Absatz. Aber das hilft, den Leser durchzufließen. Wir sprachen auch über Listen für diese. Also lassen Sie uns voran und machen einen neuen Absatz. Und für diesen Absatz gehe ich Teoh meine Lieblingskünstler. Also dafür wir bauen wollen, sind auf geordneter Liste und dann machen wir es zu einer geordneten Liste. Eigentlich habe ich meine Meinung geändert, nur gesagt, dass die Schlagzeilen ein bisschen mehr Sinn machen. Lassen Sie uns voran und machen, dass in einem Chuan ist, dass wir ein wenig hierarchischen Fluss zu ihm haben. Also mein Lieblingskünstler und das wird eine geordnete Liste sein, weil ich nur die Aufzählungspunkte will und ich nicht, wissen Sie, will haben, wie, Oh, Oh, das ist mein Lieblingskünstler Nummer eins. Diese Luft. Nur die Liste der Künstler, die ich mag, ist eine Nordliste müsste anfangen, und sie müsste enden und dann brauchen wir den Inhalt in der Mitte. Wir brauchen eine neue Linie und ich mag Van Gogh. Wer nicht? Wir brauchen eine andere Leitung. Ich mache nur drei oder vier. Ähm, wen mag ich sonst noch? Lass uns einfach die Gegend kleben. Monet wie Degas und Cassatt retten es. In Ordnung, lassen Sie uns einfach die Paranoia verdreifachen. Es wird eine zusätzliche Rendite machen, damit ich alles sehen kann. Das sind meine Lieblingskünstler. Und denken Sie daran, dass hier nicht mehr Platz auftauchen wird. Es ist nur für mich, die Dinge online zu verfolgen. Einer wurde auf der bestellten Liste geschlossen. Geschlossen, Linien, die jeder geschlossen ist. Ich fühle mich glücklich. Speichern Sie es wieder und gehen Sie voran und drücken Sie. Aktualisieren. Und da ist es. Schlagzeile eins. Meine Lieblingskünstler sind Aufzählungspunkte und die Liste unserer Künstler, die ich mochte, konnten Sie bis zur Unendlichkeit hinzufügen. Das ist die Freude unserer eigenen geordneten Listen. Die andere ist geordnete Listen. Machen wir das H auch eins, und ich werde diese Lebensmittelliste anrufen, weil wer keine Webseite für die Lebensmittelliste erstellt? Alles klar, das hier ist eine geordnete Liste. Gehen wir weiter und beenden es. Es sind genau die gleichen Schritte in der Mitte. Ich werde es sagen. Eiergruppen schließen es nicht zuerst Milch. Wir werden super generisch bei uns sein. Ein Miststück Raten Sie den nächsten. Du hast es Brot erraten. Also Eier, Milch, Brot und lass uns einfach sicherstellen, dass alles da ist. Jeder hat ihn geschlossen. Sortierte Liste geordnete Listenzeile. Jeder ist geöffnet und geschlossen. Speichern, aktualisieren. Und da gehen wir. 12 und drei. Alles klar , hier beginnt alles zusammen zu kommen. Sie können unsere Schlagzeilen sehen, wir haben unsere Inhalte und wir fangen an, ein wenig Struktur zu bekommen und durch diese fließen. Wir können unseren Schwerpunkt haben und wir können unsere Kühnheit haben 6. Web 101 // das Projekt: In Ordnung. Also für dieses Projekt, machen Sie mindestens zwei. Ich würde sagen, verschiedene Schlagzeilentypen und einfach mit denen herumspielen und sehen, was sie dio. Versuchen Sie, ein paar Absätze in diesen Block zu werfen. Zitat tun Sie eine geordnete Liste tun auf geordnete Liste. Sehen Sie, was die Fett- und Kursivschrift dio. Ich werde Teoh eine Liste von anderen Dingen anzeigen, die Sie tun können, wenn Sie es ein wenig schicker machen wollen , werde ich sagen. Aber für dieses Flugzeug ist der Weg, den wir mit ihm gehen. Der Inhalt liegt also ganz bei Ihnen. Es könnte ein Tagebuch sein. Es könnte ein Tag im Leben sein. Könnte eine Dokumentation irgendeiner Art sein. Oder du könntest einfach die Lauren Ipsen benutzen, die ich tue. Der Inhalt liegt ganz bei Ihnen. Hier ist, wonach ich suche. Entspannen Sie sich einfach und haben Sie Spaß und sehen Sie, was der Code tut. Ändern Sie es, vermasseln Sie es. Sehen Sie, was passiert, wenn Sie es nicht schließen. Oder was passiert, wenn Sie eine dieser Endlinien verpassen oder Sie die geordnete Liste nicht beendet und das schließen. Probieren Sie es aus, sehen Sie, was passiert, und Sie wissen, dass Sie nur lernen können, indem Sie es tun. Probieren Sie es aus, sehen Sie, was passiert, Und da wir davon reden, es sieht so aus, als hätte ich eine Sache falsch gemacht. Ich muss meine eigene geordnete Liste dort oben stellen, damit wir später kein Problem haben . So lernt man also. Du versuchst es einfach. Man scheitert Experiment, und dann lernt man, die Fehler zu fangen. Also für Ihr Projekt, haben Sie einfach Spaß, Sehen, mit allem, was es speichert und dann hochladen. Ähm, du könntest einen Screenshot machen. Wenn Sie nur den Typ wie diesen verwenden, können Sie Ihren Index html hier oben für uns alle zu sehen. Um, wenn Sie einen Screenshot auf einem Mac machen wollen, ist es Shift Apfel vier und es erstellt ein, ähm, Fadenkreuz, und Sie ziehen einfach darauf und es wird einen Snapshot oder einen Screenshot auf Ihre Desktop, Sie einfach auf diese Weise hochladen, Wenn Sie jedem Ihren Code zeigen möchten, können Sie einfach alle auswählen und kopieren Sie es und fügen Sie es in ah, Ihr Klassenprojekt sowie. Ich kann es kaum erwarten zu sehen, was Sie sich einfallen lassen, und ich hoffe, Sie haben viel Spaß in diesen frühen Stadien des Codes. Erinnerst du dich an diese Luft, die Gehschritte? Und wenn du dich wirklich wohl fühlst, werden wir ein bisschen schicker damit werden. Vielen Dank, dass Sie diesen Kurs genommen haben. Ich kann es kaum erwarten zu sehen, was Sie sich für Ihr Projekt einfallen lassen. Achten Sie darauf, es unten zu teilen, damit wir alle genießen können und einen tollen Tag haben.