Grundlegende Programmierung in HTML5, CSS und JavaScript von Grund auf lernen | Richard Sneyd | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Grundlegende Programmierung in HTML5, CSS und JavaScript von Grund auf lernen

teacher avatar Richard Sneyd, Lecturer, Founder & CEO of CyberMyth Games

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

29 Einheiten (4 Std. 1 Min.)
    • 1. Was lerne ich dabei?

      3:14
    • 2. Erforderliche Software herunterladen und

      1:33
    • 3. Grundlegende HTML

      12:51
    • 4. Gemeinsam verwendete Tags und Elemente

      14:54
    • 5. Gemeinsame Tags Teil 2

      13:08
    • 6. Erste Schritte mit Aptana

      5:33
    • 7. Arbeiten mit CSS Selektoren und Regeln

      12:21
    • 8. Kurse und Table

      13:06
    • 9. Externe Stilblätter

      6:42
    • 10. Inline

      4:28
    • 11. Einführung in Javascript

      9:24
    • 12. Benutzerdefinierte Funktionen

      8:05
    • 13. Variablen

      5:07
    • 14. Arithmetische Operatoren

      6:02
    • 15. Dynamisches Dateityp

      13:11
    • 16. Dateityp: Strings

      4:30
    • 17. 16 Objekte in JavaScript

      8:44
    • 18. 17 Objektmethode

      4:16
    • 19. 18 Geltungsbereich

      5:55
    • 20. Bedingungslose Logik

      7:23
    • 21. Alert

      2:10
    • 22. Form

      13:12
    • 23. 22 externe Skripte

      3:25
    • 24. 23 Leinwand

      12:49
    • 25. 24 Erstellung einer Website

      8:37
    • 26. 25 Website-Projekt Teil 2

      13:52
    • 27. 26 Website-Projekt Teil 3

      9:27
    • 28. 27 Website-Projekt Pt4

      6:57
    • 29. 28 Website-Projekt Pt 5

      10:14
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

2.031

Teilnehmer:innen

--

Projekte

Über diesen Kurs

HTML5 ist die neueste Evolution der Webtechnik, die sich von Jahrzehnten der Entwicklung von Recherche und Entwicklung einfließen lassen kann. Es ist so matured dass es sich um atemberaubende, reaktionsschnelle und wirklich interaktive Websites, Apps und Spiele zu kreieren kann. Außerdem ist alles in dem Bereich HTML5 von sich aus kreatives kreatives die Erfahrung in der Verwendung von HTML5 als Web, App oder Spielentwickler, für dich unerträglichen so als Web-, cross-platform, oder Spielentwickler.

Dieser Einführungskurs vermittelt dir alle Grundlagen für die Arbeit mit den drei cardinal des modernen Web-: HTML, CSS und JavaScript. Am Ende des Kurses wirst du die grundlegende Verwendung von HTML5 verstehen.

Triff deine:n Kursleiter:in

Teacher Profile Image

Richard Sneyd

Lecturer, Founder & CEO of CyberMyth Games

Kursleiter:in

Richard Sneyd (B.A Hons.) is founder and CEO of CyberMyth Games. In the performance of his duties within the company, he must wear many hats, including that of a programmer, designer, digital 2D & 3D artist, sound designer, scriptwriter, texture artist, leader, marketer and business man.

He is also a fully registered, qualified, and highly experienced lecturer. His speciality subjects include 3D Modelling & Animation, Computer Game Programming, 2D Image Processing, Game Design, Desktop Audio, Psychology, Consumer Behaviour, Human Resources & Business Management.

Richard is enthusiastic about his work, and students and colleagues note that he is a very dedicated and accomplished teacher. All of his courses are characterised by a steady, incremental flow of information, and ... Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Was lerne ich dabei?: Hallo und herzlich willkommen noch einmal zu lernen. Hey, html fünf CSS und JavaScript-Grundlagen von Grund auf neu. Also, was wird auf diesem Kurs gelernt werden? Tja, erstens, mach es. Nun, mein Name ist Richard Sneed, ich werde dein Instruktor sein. Ich bin Gründer und CEO von Cybermen Games, einem Unternehmen, das sich auf die Spieleentwicklung sowohl für mobile als auch für Desktop-Ziele spezialisiert hat, sowie Kurse Erstellung Anweisungen in Desktop-Ziele spezialisiert hat, ähnlicher Richtung. Also, was wirst du lernen? Nun, Sie lernen, dass Jim oder fünf hasst. Also, was ist ein Team von fünf? Nun ist die neueste Evolution aus Das Hass-Team sind Standard, und das bedeutet an der Technologie der Hass CML in der Moderne. Also die späteren Standards für Arbeitsangriffe Andi sogar einige dieser neuen Funktionen, die auch gekommen sind, der Punkt ist hier, dass von einem kompletten Anfänger, Sie zu dem Punkt gebracht werden, wo Sie in der Lage sein, Hass-E-Mail zu verwenden Websites erstellen und nicht nur statische Websites. Wir können CSS verwenden, um Ihre Websites zu stylen und eine bestimmte Menge an grafischer oder stilistischer Interaktivität wie und Hover Buttons und Dinge wie diese auf Ihrem Label zu erstellen, um JavaScript zu verwenden , um echte Interaktivität und dynamische Elemente innerhalb Ihrer Websites, einschließlich der Erstellung eigener Funktionen, benutzerdefinierten Funktionen, Erstellen von Objekten mit Eigenschaften auf ihren eigenen Methoden. Arbeiten mit den verschiedenen Datentypen. Verständnis des dynamischen Datentyps in JavaScript und wie das funktioniert. Sie werden in der Lage sein, mit Veranstaltungen zu arbeiten. Änderungen auf der Seite, abhängig von der Benutzerinteraktion, etc. Also, was? Schon Lernergebnisse? Nun, am Ende des Kurses werden Sie in der Lage sein, auf einer grundlegenden Ebene mit Baumkarte auf Technologien aus dem Web zu arbeiten. Seite fünf CSS-Baum auf JavaScript. Also die neuesten Standards Nah, Kleines. Sie werden verstehen, wie sie sich beziehen. Wie Hass TML sowohl von CSS als auch von JavaScript beeinflusst wird und wie JavaScript sogar verwendet werden kann um Stile in Echtzeit als Reaktion auf Benutzerereignisse oder sogar Browserereignisse zu ändern. So wären Sie in der Lage, einfache, dynamische oder statische Websites zu erstellen . Sagen Sie wirtschaftlich, weil Sie JavaScript bis zu dem Punkt verstehen, dass Sie dynamische Elemente mit in Ihre innerhalb Ihrer Website einführen , mit dieser Sprache und Sie werden feststellen, dass Grundlagen, die notwendig sind, off. Hey html, CSS und JavaScript auf BP in der Lage, vorwärts zu schieben, einige fortgeschrittene Themen wie HTML fünf auf Erhalten über. Also musst du dieses Zeug wissen, bevor wir dahin gehen. Und es wird einen Kurs dafür geben, auf den Sie sehr kurz von hier weiterkommen können. Okay, also, nachdem wir diese grundlegenden Punkte festgelegt haben, springen wir rein. 2. Erforderliche Software herunterladen und: Bevor wir also mit unserer schnellen und schmutzigen Einführung anfangen, Dampf l auf seinen Tags zu hassen , gibt es ein paar , äh , nun, wirklich nur ein paar Stücke Software, die Sie installieren wollen. Ja, kein Pad Plus Plus ist ah, praktischer kleiner Klartext-Editor. Das verbessert die grundlegenden Fähigkeiten der keine Patentanmeldung mit Schiffen standardmäßig, aber Fenster. Also, wenn Sie einen Windows-Benutzer haben, würde ich vorschlagen, dass Sie nicht wissen, kein Pad schließen Plus und installieren Sie es, so dass Sie stattdessen verwenden können , es spielt immer noch Textbuch. Ähm, es gibt nur bestimmte Hände kleine Features wie Farbcode. Es ist in der Steuer und so was. So möchten Sie vielleicht, um es auf Mac zu installieren und sind Reihenfolge Klartext-Editoren, die Sie verwenden können, wenn Sie ein Mac-Benutzer auf nach Donna ist eine Anwendung, die ich als auch verwenden möchte. Also, wenn Sie weitermachen möchten, laden Sie das auf, installieren Sie es und es kommt in zwei Formen, Sie können entweder die Standalone-Version erhalten oder Sie können es als Plug in für Eclipse bekommen. Wenn Sie jemals mit Eclipse arbeiten, planen Sie Arbeiter-Ausrüstungsclips. Ich werde nur die einfachste auf der Leihversion verwenden. Andi. Fühlen Sie sich frei, das auch zu verwenden. Sobald Sie diese Anwendungen heruntergeladen und installiert haben, können wir mit unserer nächsten Lektion beginnen . 3. Grundlegende HTML: Okay, also werfen wir einen Blick auf die grundlegenden Konzepte der Hass-E-Mail. Also, erstens, hasse Dampf. L steht für Hyper-Text-Markup-Sprache. Für den Fall, dass Sie sich jetzt fragen, HTML five ist ein Wort, über das von Vermarktern in Hülle und Fülle in den letzten paar Jahren und dann die Spiele-Industrie bandiert wurde . Es wird zu einem sehr beliebten Thema. Also, was ist es? Nun, hasst traditionell? CML hatte wenig oder nichts mit Spielen zu tun. Hypertext-Markup-Sprache war im Grunde die Konvention, die regelt, wie wir Seiten für das Internet geschrieben und ist immer noch so, was er mit Tags beginnen und enden würde. Jedes Element würde ihn nicht auf der Seite mit Beginn in den Tags hassen. Dies war zum Standard, der verwendet wurde, und wir werden alles aufgrund von Regeln lernen, die damit einhergehen. Aber in letzter Zeit an die Macht, die in die neueste Version von H Smell investiert wurde , die ihn gehasst wird. Fünf, einschließlich seiner Schwester Technologies, die CSS CSS Tänzerin ist, Cascading Stylesheets. Das ist ah, Dinkel wie diese Skating-Stylesheets. CSS ist eine Schwester-Technologie, um Dampf zu hassen. Elder Schwester, ich bin ja, Framework oder was auch immer Sie diese Schwestersprache nennen wollen gekoppelt, die TML und JavaScript hasst . Diese Baumtechnologien sind das, was wir nutzen können, um interaktive, dynamische Webanwendungen und sogar interaktive und dynamische Webspiele zu erstellen . Getreu zu hassen. HTML fünf Standards mit HTML CSS JavaScript Okay, jetzt habe ich einen Nur-Text-Editor auf meinem Computer geöffnet. Es ist kein Pad plus Plus, Sie können jeden Nur-Text-Editor verwenden, den Sie wünschen. Aber wenn Sie möglicherweise kein Patent plus plus verwenden können, wie ich es bin und dann könnte das eine gute Idee sein. Nun, das erste und grundlegendste Element in jedem HTML-Dokument ist D Sie erraten, dass es CML-Element hassen . Dies ist kein Element. Dies ist nur ein Tag, also müssen wir das Element abschließen. Zuerst erstellen Sie ein öffnendes Tag. Also das ist auf dem Öffnen von Tag für zwei. He, HTML-Element. Es beginnt mit einer dieser kleinen Klammern an den Enden mit einer dieser kleinen Klammern, die genau rechts von Ihrer M-Taste zu finden sind, um eine Tastatur zu halten. Also, um sie alte Verschiebung zu verwenden, dann drücken Sie eine dieser Tasten auf Sie können diese erstellen. Verwechseln Sie sie nicht mit geschweiften Klammern oder eckigen Klammern, die sich neben dem Gipfel befinden. Die sind anders. Unterschiedliche Charaktere ganz. Verwechseln Sie Ihre Charaktere nicht. Ich werde die Steuer etwas größer machen, damit du genau sehen kannst, was ich tue. Mausrad steuern. Okay, ich gehe davon aus, in einer kleinen Art Texas groß, schön und leicht zu sehen, was passiert. Also, sobald ich zur Verfügung gestellt habe müssen die beiden dieser Klammern ein Tag finden. Ich hätte es dem Computer sagen sollen. Und das HTML-Tag beginnt jetzt. Es ist eine schlechte Praxis, um auf inkonsistente Gehäuse zu verwenden . Also halten Sie alles Kleinbuchstaben, gehen Sie nicht einen Fall hoch, ih, Kleinbuchstaben, wissen Sie von einem Fall M? Wissen Sie, der Browser, mein Prozess, aber dann könnte es einige Browser oder einige Anwendungen geben, die es nicht verarbeiten würden . Der Punkt ist, dass es nicht der Standard der Konventionskonvention ist, alles Kleinbuchstaben zu halten , besonders was html fünf. Das wäre die Konvention, die befolgt werden würde. Also beenden wir HTML-Elemente. Wir schließen es mit einem schließenden Tag. Nun, was ist der Unterschied zwischen einem Öffnen eines öffnenden Tags beim schließenden Tag? Nun, schließende Taek ist fast in jedem identisch mit einem öffnenden Tag, außer dass es diesen Schrägstrich hat und das unterscheidet Theis Schließen sie hasst. Angriff von diesem Eröffnungs-HTM-Angriff dieses wenig vorwärts im letzten Jahr. Es ist wichtig, dass Sie das einbeziehen, und es muss am Anfang sein. Es kann nicht zwischen der Seite im D liegen, die nicht funktionieren würde. Kann nicht nach dem HTML sein, das nicht funktionieren würde. Es muss sofort nach nur wenig dreieckig aussehende Klammer hier sein, die genau rechts von der M-Taste auf Ihrer Tastatur ist. Halten Sie Shift, um es zu benutzen. Also, jetzt haben wir die beiden grundlegendsten Öffnung auf schließende Tags für HTML-Dokument. Jetzt gibt es Ordnungsgrund-Tags, die immer in jedem hey HTML-Dokument vorhanden sind. Ich werde die Tabulatortaste drücken, weil es eine gute Übung ist, deine Erkältung oder dein Amerika einzureißen , wie wir es nennen könnten. Das nächste Tag, das wir einschließen werden, ist das Head-Tag, und ich werde einfach zu Zeilen kommen und den Kopf schließen. Es gibt einen Grund, warum ich mein Amerika für meinen Code so formatiere, wie ich es bin. So lernen Sie, diese Praxis im Grunde zu folgen und verschachtelte Kälte. Dieser Kopf geht in den Hasty Mount Tag. Wann immer es verschachtelt ist, sollte es in einer Ebene gehen. Also habe ich einmal für diese Zeilen gepflückt. Wenn ich etwas in das Kopfelement lege, was passiert dann? Welt logisch genug, dass wieder passieren und sagen Titel? Der Titel ist also ein anderer vom mentalen Tag. Es ist immer da. Der Titel ist, was auf der oberen Wanne erscheint. In den meisten Browsern handelt es sich um eine Form von Metadaten. Messa ist Gürtel M e t ein Meta-Daten-Materie bedeutet höher. Also werde ich das hier unsere Testseite nennen, von großartig von erstaunlich, so viel von euch vorher, als wäre es so erstaunlich. Ich bin mir ziemlich sicher, dass es eine Belohnung ist. Also haben wir unseren Titel, unseren Kopf auf unseren Hass. Komm schon, jetzt ist der Grund, warum es den Kopf genannt wird, weil es scheint, dass das Gespräch logisch über dem Körper. Wenn also ein Kopf zum Körper rechts benutzt wird, ist das nicht dämonisch, um sich an den Körper zu erinnern, der den Tigerkörper schließt. Sie können sehen, Ihr Arzt ist ein deutliches Muster. Das Kopf-Element auf den Körperelementen sind auf der gleichen Ebene eingerückt, da sie innerhalb der hassen TML-Elemente fett sind . Der Titel wird weiter eingerückt, da er sich nicht nur innerhalb des hateem-Elements befindet. Es ist auch innerhalb des Kopfelements, also jedes Mal dicht, und es ist in einem anderen verschachtelt. Ein weiteres Element, es ist der beste Weg, um Ihren Code zu organisieren. Eine andere Konvention, die ich dazu neige, auf eine Menge Wasser Webentwickler zu verwenden, ist, dass, wenn Thea , wenn es ein sehr einfaches Element ist, wie in diesem Fall, es ist ein einzeiliges Element, das ich bin. Ich habe mein öffnendes Tag, ich habe ein wenig Text, und dann habe ich mein schließendes Tag in dieser Art von Situation, eine einfache, äh, dass Sie es das öffnende Tag und ein schließendes Tag alle auf der gleichen Zeile setzen können. Es ist nichts falsch daran, das zu tun. Aber für große Elemente wie das Kopfelement, das eine Menge nehmen wird, wird eine Menge von nüchternen Elementen oder den Körper enthalten , der auch eine Menge von Unterelementen enthalten wird, um Scham zu hassen. Element natürlich enthält natürlichalle Ordnungselemente, so dass und es wird in der Form getrennt werden, dass es eine eindeutige Zeile für das öffnende Tag für den schließenden Typ haben wird , weil es sich dramatisch verbessert zur Lesbarkeit unserer Kälte über Amerika, so dass wir nicht später auf das, was wir mit dieser Kälte tun, sehr leicht zurückkommen können , indem wir es mit ihren Augen scannen oder wenn wir an einem Team für ein Unternehmen und die anderen Entwickler arbeiten , die Blick auf unsere Kälte oder gehen sehr leicht in der Lage zu verstehen, was sie lesen, weil es gut geschrieben wurde formatiert gut, So halten Sie alles. Kleinbuchstaben. Trennen Sie die öffnende und schließende Tack in zwei separaten Zeilen, wenn es sich um ein Element handelt, das einige Elemente enthält, weil das besser lesbar ist. Und wenn es ein Element ist, das wie dieses ein einfaches Element ist, das nicht wirklich einige Elemente wie den Titel hat, dann können Sie es so in einer Zeile bis zum Körper platzieren. Wir können jetzt einfach in Texas schreiben, und das wird auf der Seite erscheinen, als wäre dies mein Körpertext. Was bedeutet Amerika, das und wir nutzen können, um die Form der Information weiter zu benennen, wird hier präsentiert? Also, zum Beispiel, wenn ein Start ging und sagen, dass dies sein eigener Absatz ist, ist dies ein Absatz schließender Typ e keine Unterelemente, so dass wir das öffnende und schließende Paket in der gleichen Zeile lassen können . In diesem Fall wird das gespeichert, dass dies eine Art Projekt für uns selbst einrichten wird, von dem wir arbeiten können. Also, wenn Sie zu Bibliotheken gehen und gehen zu Websites auf, werde ich einen neuen Ordner erstellen, den ich nennen werde und hey, html fünf Grundlagen, natürlich, auf darin waren wir dabei, unsere Datei zu speichern. Das ist unsere einzige Seite auf unserer, Sie wissen schon, beginnenden Website. So ist es logisch, dass es dann die erste Seite sein wird, da Ihre Ehre Gewässer so wollen die erste Standardseite in einer Website aufgerufen werden . Wir nennen es die Indexseite. Unweigerlich nennen wir die erste Seite immer die Standardseite auf dem Server-Index, so dass der Index automatisch von dem Server geöffnet wird, einer der offenen Straßen-Websites. Es ist die Standard-Öffnungsseite in Enten Dot Hass E-Mail so dot html, dass die Dateierweiterung ist . Jetzt sind wir noch nicht bereit, auf Speichern klicken Dies ist ein wichtiger Punkt zu speichern, da Typ sollte kein Text sein. Okay, stellen Sie sicher, dass es kein Text ist, also in keinem Pad Plus Plus, können Sie es einfach auf alle Typen einstellen. Und das bedeutet, dass wir uns selbst mit dem Punkt-HTML dort bezeichnen. Sobald Sie das getan haben, können Sie auf Speichern wir können gehen und das öffnen. Ich habe gerade den Windows E Hockey dort auf meiner Tastatur getroffen, um das Datei-Browser-Buch The Road zu bringen . Eine Art, das zu tun. Ich bin sicher, Sie sind sich bewusst, dass wir Bibliotheken auf Websites besuchen werden. Öffnen Sie unsere hating off Basics Kurs, die die Website Ah, Verzeichnis oder Ordner ist . Also alle unsere anderen Seiten und Dateien werden hier kommen Schreiber in diesem Master-Ordner oder in Standverzeichnisse wie GM, einen Image-Ordner oder einen Style-Ordner oder Skript-Ordner, so etwas. Und wenn wir mit der rechten Maustaste auf diese Indexseite klicken, werden wir sie mit Firefox öffnen. Lassen Sie uns nur eine Sekunde nehmen, um zu analysieren, was wir sehen, also gibt es nicht viel hier, aber es ist ein gültiges HTML-Dokument an der Spitze. Wir haben unseren Titel, den wir zur Verfügung gestellt haben. Sie erinnern sich, dass das innerhalb der Kopf-Element-Testseite der erstaunlichen Nous Andi im Körper war. Wir hatten einen Absatz über den Text, der war Just ist über Gehen wir zurück zu unserem Dokument. Das sind also die grundlegendsten Hass-E-Mail-Dokumente, die Sie jemals wirklich erstellen könnten. Das sind die wichtigsten Tags, Ihre hasst TML-Elemente, die Kopfelemente innerhalb dieses Titelelements und dann der Körper bewaffnet , der den gesamten Inhalt enthält, der hier erscheint. Die eigentliche Seite, die alles innerhalb des Körpers ist. Okay, das sind also die Grundlagen einer Art Hallo Welt Stil Willkommensseite, denn wir lernen HTML, so dass wir schauen. 4. Gemeinsam verwendete Tags und Elemente: Lassen Sie uns auf der vorherigen Lektion aufbauen, indem wir uns einige der gängigeren Tags ansehen, die wir bereits erstellt haben . D Die meisten grundlegenden Skelett für einen Hass Dampf fünf Seite für HTML-Seite ein Dokument, so Wasser nicht notwendig, aber nützliche Tags auf gemeinsame Typen kommen erkunden. Nun, wir verwenden nur einen vier Befestigungs-Tag. In der letzten Lektion haben wir einen Absatz erstellt, und eindeutig ist das Absatzelement, ein öffnendes und schließendes Tag und die Symbolik p zu finden , die dafür verwendet wird. Okay, so erstellen wir Absätze. Allerdings gibt es einige würde oder Formatierungs-Tags, die verwendet werden können, wie Überschriften auf unseren Überschriften, die mehrere Größen haben. So haben wir einen Hass und wieder geöffnet und geschlossen auf die gleiche Weise, wie wir Zehe benutzt wurden . Also, Collison leitet eins. Ich werde das kopieren. Wählen Sie einfach die Linie Patrouille C zu kopieren oder Befehl und steuern Sie mich einfügen, und Sie können Hass haben und hasst Baum. Stellen Sie einfach sicher, dass es nach konsequenter in den Öffnungstigern einen Hass, nicht schließen zu lassen. Tiger hasst Baum, weil das keinen Sinn ergibt. Halten Sie es jeweils an Andi H. Baum h vier sogar in der Schule für das ist okay. Also haben wir unser h eins. Hasst Haight Street auf Lehren, denn wir haben einen Absatz. Das ist ein Absatz über, äh, T, das ist, vergessen Sie nicht Ihre Vorwärtsverstecke. Und wir könnten sogar eine weitere Kopie ihres Hasses vier zwischen den beiden Absätzen setzen , die auf die Rubrik fünf warten. Also hier haben wir ein Vielfaches. Die Auswahl verschiedener Überschriftenelemente kombiniert. Aber ein paar Absätze, die genossen haben, kontrollieren uns. Wenn wir in unseren Browser zurückkehren, müssen wir diese Datei erneut öffnen. Der Index, während wir in der vorherigen Lektion gespeichert haben. Also gehen wir zu Bibliotheken, die wir auf Websites hatten, zumindest an meinem Ende. Denken Sie daran, wo immer es ist, Sie gerettet Ihre nur über Grundlagen Index Eröffnung Feuer, Leute. Und da gehst du. Also beginnend mit einem und aufzählen, gehen Sie vom größten zum kleinsten. Also jeder ist der größte Lehren zu einem zweitgrößten etcetera. Trudeau-Nummern runtergehen. Wir haben einen Absatz, den sie überschreiben und einen anderen Absatz, so dass diese Luft einige der grundlegendsten Formatierungs-Tags, die wir einige andere gemeinsame Tags verwenden können. Wenn Sie möchten, betonen Sie etwas in einem Ihrer Absätze, kommen Sie hierher und sagen, Dies ist Absatz voller Sachen. Diese Linie ist etwas Besonderes und auch in Bolt. Ich sage nur, dass offensichtlich, wird alles ändern, aber wir haben ein spezielles Tag, das wir verwenden können, um diese Wahrheit und immer noch fett Tag zu machen. Also eins in. Ok, etwas ist mit unserem Schlussteil passiert. Also lassen Sie uns einfach reince surfen, wenn wir es speichern und zurück zu meinem Browser auf Hit Refresh gehen, um zu sehen, dass wir eine ermutigte Zeile in unserem Absatz haben. Sie werden auch sehen, dass jedes dieser Elemente zu Überschrift Elemente auf die Macht der Elemente automatisch auf eine neue Allianzreihenfolge bremst. Diese Art von Elementtyp Beträge Tun it at. Das ist ein Moment nicht und es gibt eine Logik. Also Logik, die zum Beispiel, ein Absatz würde nicht in Zeile mit einem anderen Absatz sitzen, so dass er ihn automatisch auf die gleiche Weise bricht . Überschriften würden nicht mit einer anderen Überschrift oder einem anderen Absatz übereinstimmen, daher sind sie standardmäßig festgelegt. Wäre HTM Alan nicht vom Browser verstanden, ja, auf ihrer eigenen Linie zu sitzen , so dass sie automatisch brechen. Okay. Nun, das ist Standard-Browser-Formatierung, unser Bruder Styling. Also CSS ist, was wir verwendet, um Styling-Informationen zu erstellen und werden Sie und bald bekommen. Schauen wir uns einfach einige unserer grundlegenden Tags an. Also, uh, Dave Tag wird verwendet, um unser Dokument in Ja, unterscheidbare kleine Abschnitte zu unterteilen , damit Sie ihnen I d S.geben können S. also könnten Sie sagen, gib i d gleich und nannte es, wissen Sie, Wahlmenü oder so etwas Silbentrennung so gemacht, viele schweben. Und dann könnten Sie verwenden, dass ich d, die wir hier zur Verfügung gestellt haben, um sich auf unverwechselbare in CSS und Stil zu beziehen . Es lässt es auf eine bestimmte Weise aussehen. Sie können es auch verwenden, um in JavaScript darauf zu verweisen, damit es sich in einer bestimmten Weise verhält. So Stil-Steuerelemente, um die ästhetische und JavaScript-Bedienelemente Funktionalität aussehen. Und diese Ideen, die in Dips gesetzt werden können, können verwendet werden, um bestimmte Elemente unserer Seite zu isolieren und sie zu manipulieren, um etwas zu schaffen, das verhält und aussieht, wie wir tun wollen , so dass ich d Element ein wichtiges Element ist. Elemente. Der Grund, warum ich das angesprochen habe, ist, das Konzept, die Entwicklungen, Elemente oder Attribute einzuführen Entwicklungen, , sollte ich sagen und begründen. Wie hat es gerade ein Konzept von Attributen und Attributen eingeführt, sind kleine Dinge, die Sie zu Tags hinzufügen können. Sie gehen immer in das öffnende Tag, und nur einige Typen können nicht Alle Steuern können Attribute haben. Ich bin so einfach nicht. Alle Typen können alle Attribute haben. Vielmehr sollte ich sagen. Und so ist es durch Hass-Shima-Standards definiert. Welche Tags können haben? Welche Attribute? Ja, wenn du genau wissen willst, welche haben können. Welche Attribute einigten sich eine große Ressource, um sich vertraut zu machen. Es sind W Baumschulen, die zu Ihnen kommentieren. R l www dot w drei Schulen dot com Kommen Sie hier unten auf Sie können einige grundlegende Tutorials folgen um den Punkt, den ich unterrichtet habe, wiederholen, die Sie wissen, es gibt keinen Schaden. Wiederholung ist der Motor der Vorspannung, und Sie können auch die M die Standards für diese verschiedenen Technologien betrachten. Html CSS JavaScript, das ist im Grunde, was HTML fünf als neue Technologie umfasst. Diese Baumtechnologien sind miteinander verbunden, das ist ein Dampfer Fünf. Das ist, wie wir bauen ja, interaktive und ansprechende Websites APS und Spiele, die plattformübergreifend sind, so dass Sie die Referenzdokumentation überprüfen können erscheinen, so dass ich d wichtig ist. Versuchen Sie sich daran zu erinnern, dass Sie einem Diff Taik ein i D geben könnten, also seien Sie sich dessen bewusst. Es ist sehr selten, dass Sie jemals ein DIP-Tag erstellen würden, ohne ihm eine I. D oder eine Klasse A Klasse zu geben, ist keine Art von Attributen, die Sie einem div geben können, also geben Sie es normalerweise entweder und i. D oder eine Klasse und die meiste Zeit Also versuchen Sie sich daran zu erinnern, dass es immer in das öffnende Tag auf dem Bit zwischen Anführungszeichen geht , das ist die eigentliche Idee selbst. Das ist also die Ideenattribute T gleich den Vorzeichen des Wertes, und dann wird der Wert zwischen die Anführungszeichen in diesem schwebenden Menü gesetzt. Silbentrennung I D. Ist, was wir dann verwenden und CSS und JavaScript, um diese Erkennung zu identifizieren, die alle Arten von Dingen enthalten kann, so dass ich hier reinkommen und einfach sagen kann, ich weiß, dass wir eine Tabelle erstellen können. Darauf machen wir später noch ein bisschen mehr. Aber eine grundlegende Tabelle hier Tabelle. Erstellen Sie eine Tabellenrolle, T oder was war es für Ihre Top-Frauen Nur um Konsistenz zu sein, aber unsere Einrückung auf innerhalb einer Tabellenrolle. Sie können eine TV-Tabelle Daten haben, die eine Zelle genau wie ein Excel ist. Äh, diese Art von Anwendung. Dies ist, wo wir tabellarische Daten mit Tabellen erstellen können. Die Tabellenelemente sind also der Motor für dann Tabellenzeilen. Sind Ihre Kinder auf TdS? Unsere Kinder vom Tisch regeln. So verschachtelt man sie. Sie können das Geld TDs innerhalb Ihrer Tischrolle haben, wie Sie möchten, so können Sie sagen, wie, Menü und Sie Punkt eins und Sie Artikel auf Wie auch immer, wir wissen, dass dies nur um das Konzept zu demonstrieren, und wenn Sie sagen, dass Sie sehen dass es eine Tabelle in unserem Dave gibt, die Sie nicht sehen werden, hat es getan weil Davis Conceptual die Entwicklung verwendet hat. Teoh hat einen Abschnitt von unseren Inhalten erstellt , der dann Zugriff darauf haben kann. Ich, D und Manipulated bewegten sich um, etcetera. Aber was Sie tatsächlich sehen, ist der Inhalt der Tabelle, die viele ist und gewonnen. Viele könnten in meinem Land viele tun. Das ist, was auf der Seite gerendert wird, um es zu beweisen. Lassen Sie uns zu unserem Browser auf aktualisierter Seite gehen, die F fünf ist. Sie haben Menüpunkt eins. Irgendjemand zu viel weißer Baum. Okay, das ist also ein kleines Menü, das wir erstellt haben. Wurde es in irgendeiner Weise gestylt? Wir haben sie nicht in Links verwandelt. Was sind Links und wie funktionierten sie? Nun, ein Link ist, was wir klicken, um eine andere Seite zu besuchen oder Teoh eine Datei herunterladen oder im Grunde in irgendeiner Weise zu interagieren , aber auf etwas klicken. Um eine Verbindung zu erstellen, verwenden wir Anker, die wiederum eine Öffnung auf dem schließenden Take hat. Also die grundlegendsten Attribute für das Knöchel-Tag wieder, eigentlich ist immer in gehen. Das öffnende Tag ist Hass, ref. Also hey, Draft ist die Attribute werden eine gleich einfach als Unterzeichner und wertvolle Zuweisung verwenden und geht und würde nicht Biekert GM-Anführungszeichen wieder. Und im Inneren waren dabei, zu unterschreiben, dass Sie draußen sind. Und es ist nur das, in diesem Fall wird ein relativer Euro sein, weil sie alle unsere hassten E-Mail-Seiten innerhalb dieses gleichen Ordners fernhalten , also ist es relativ, dass es drinnen sagt, wenn Sie nichts setzen, Reihenfolge nach unten, um sich selbst zu Datei, die über das HTML wird, dass bald erstellen. Dann wird es automatisch in dem gleichen Ordner suchen ist nur eine Datei gespeichert in, das ist der Stammordner unseres Web-Projekts. Wenn Sie das im selben Ordner sagen, dass Sie in em so Protokolle, zusätzliche Seiten hatten , dann setzen Sie den so Ordnernamen auf einen Ford Slash und dann den Namen der Datei. Sie müssen also den genauen pat relativ zum Stammordner angeben. So über dot html, was für jetzt in Ordnung ist. Wir könnten es ausmachen. Was machst du mit? Aber wir verwenden dies nur als grundlegende Demonstration dieser Steuer, und jetzt können Sie sehen, dass denkbar wird, weil wir den Ankerangriff hinzugefügt haben. Wenn Sie darauf klicken, es nirgendwo hingehen, weil wir Sie noch nicht erstellt haben. Denken Sie daran, dass HTML-Tag bereits über diese HTML-Seite? Also, was wir tun können, nur um zu zeigen, dass es funktioniert, ist ah, klicken Sie auf Datei und speichern, wie ich eine Kopie davon speichern, wir werden es über noch hassen Team out Datei nennen. Also speichern Sie es auf, was den Titel geändert hat über und Sie sollten den Titel den ändern sehen. Ich öffne unsere Indexdatei erneut, weil wir sie einfach in etwa ändern. Sie werden sehen, wir haben Index und über jetzt. Und wenn wir gehen zurück und klicken Sie auf F, Ich zuerst aktualisieren Sie die Seite, Sie sehen es sagt Testseite von Erstaunlich uns ein. klicken Sie auf den Link. Es geht auf die „Über“ -Seite. Sie haben noch keinen Inhalt geändert, aber dies ist eine separate Seite. Sehen Sie sich Ihre UL an. Sie werden sehen, dass Sie Alice wieder auf unseren Stammordner zeigen. Habe ihn gehasst. Ein Kampf Basics Kurs auf der Seite ist die über Seite, nicht Dampfer. Das tut es also für diese Lektion. Wir haben einige der grundlegenden Tags und einige weitere Konzepte gelernt, und wir werden weiter von hier in der nächsten Lektion. 5. Gemeinsame Tags Teil 2: Dies ist Teil zwei der häufig verwendeten Tags in HTML, keineswegs eine erschöpfende Liste. Aber nur um Sie sehr schnell zum Laufen zu bringen, verwenden wir diese Strukturen, um einen Blick auf die am häufigsten verwendeten Tags zu werfen. Dann haben wir bereits die überwiegende Mehrheit von ihnen die Überschriften-Tags, Absatz, div und Tabelle für die Definition von tabellarischen Inhalten betrachtet. Also was sonst, Schwester? Nun, zusätzlich zu den Tabellen, werde ich in einer Liste unten auf der geordneten Liste setzen und schließen Sie diesen Absatz und wie definiert werden. Eine Liste gut auf Bestellliste beginnt mit einem u L Also nur das Akronym aus einer bestellten Liste ul. Und natürlich endet es auf genau die gleiche Weise. Außer, dass wir einen Schrägstrich einlegen, wie es der Fall ist. Aber alle HTML-Elemente. Also Sie l auf Wie definieren wir Elemente auf der Liste? Nun, wir verwenden l i für diesen Artikel, also bestelle ich keine Liste. Ich bin Wasser. Die Artikel in der Liste sagen, dass es sich um eine Einkaufsliste handelt. Toot-basierte milde Wäsche. Sehr Idee, Nick. Individuelles Plus. Okay, jetzt, wenn wir das speichern und den Gewinn in unserem Browser auf die übliche Weise öffnen. Oder wenn Sie es bereits haben, aktualisieren Sie einfach die Seite. Sie können das tun, indem Sie auf diese unten Ich traf hasst ihn auf fünf als Abkürzung. Und was hier passiert ist, ist, dass ich die Änderungen jetzt nicht gespeichert haben wir in der über HTML-Seite sind. Klicken Sie auf die Rückseite vor etwa einem Jahr. Wir wollen, dass das Index html ist. Und wenn wir frisch waren, können Sie sehen, dass wir hier eine nicht geordnete Listen haben, was bedeutet, Aufzählungspunkte nicht nummeriert, und alles, was die Elemente als separate Aufzählungszeichen erscheinen, so dass häufig Tags für die Erstellung Listen auf Bestelllisten. Okay, also Dibs auf Listen werden sehr oft in modernen Hass-E-Mails verwendet, also seien Sie sich dessen bewusst und seien Sie mit ihnen vertraut. Gibt und geordnete Listen auf geordnete Listen. Okay, also haben wir das erschaffen. Natürlich müssen wir uns verpflichten, Bilder zu bringen. Also, wie würdest du ein Bild einbringen? Ich m G ist das Bild-Tag, also denken Sie daran, dass es kein Bild ist wie, ähm, so dass es Angie Now abgekürzt ist. Das Bild-Tag ist ein selbstschließendes Tag. Es hat kein schließendes Tag, das es begleitet. Du machst es nicht so, was ein Bruch von der Norm ist , aber sei dir dessen bewusst. Es gibt eine begrenzte Anzahl von Tags, die in sich enthalten Steuern sind. So sind sie die in sich selbst. Ein Element, wie Sie sie schließen, ist, indem Sie am Ende einen Schrägstrich setzen. Und dann ist alles, was in diesem Tag enthalten ist, wahre Attribute. Das Bild ist also ein solches Tag. Also S oder C und dann den Wert Trudy Anführungszeichen zugewiesen. Es ist die Quelle SRC, die uns sagen wird, wo die Bilder. Also haben wir einen Bilderordner. Ich werde sagen, Bilder Schrägstrich auf waken Rufen Sie es in. Welche Art von Bild werden wir hier reinbringen. Es ist nur ein Test. Niedlicher Schnitt, du bekommst OK, Ente sag ja, Jay Peak. Nun, wenn es um die Arbeit mit Bildern kommt, werden Sie wahrscheinlich ITER Fotoshop müssen Sie Fotoshop bekommen können, See ist online kostenlos. Nur Google, dass oder sonst können Sie etwas kostenlos verwenden, wie oder gemalt, nur um Art der Änderung der Größe Ihrer Bestellung Format. Und für meine vier Jahre verschiedene Grafiken. Jetzt hat das uns selbst übernommen. Finden Sie einfach ein paar kostenlose Bilder. Es gibt einige Quellen für wirklich freie Bilder. Sie wollen sich immer der kooperierenden Fragen bewusst sein. Ich mache dies nur als eine schnelle Demonstration der Technik, die ist, was wir unsere eigenen Art von vorgefertigten Bildern verwenden. Okay, mal sehen, was sie hier haben. Die Diät wird ausreichen. Das ist richtig. Klicken Sie auf das Bild speichern, da wir es einfach in den D-Projekt-Ordner legen. Denken wir jedoch daran, einen Unterordner oder Unterverzeichnis zu erstellen. Ich nenne es den Images Regisseur und innen da, denn nur Würfel hat schon ein J-Pic. Also werden wir in eine Erweiterung zurück zu Ihren HTML-Dokumenten hinzufügen auf. Wir werden diesen Namen nur zwei Tage ändern und jetzt speichern sie ihn und gehen zu Firefox. Öffnen Sie unsere Indexseite beim Aktualisieren. Wir haben ein Referenzboot öffnet sich nicht auf. Der Grund dafür ist, dass wir den Bilderordner groß geschrieben haben, glaube ich, dass wir haben. Lasst uns F 12 austauschen. Ich bringe sie einfach zurück ins untere Gesicht. Okay, dann, wenn Sie aktualisieren, das ist alles. Ja. Stellen Sie sicher, dass wir sie gerettet haben. Doktor. Wir haben Bilder oder geschlitztes Eis. J Pfosten Haben wir den Punkt entfernt, den wir versehentlich gemacht haben. Irgendwie speichern Sie zurück zu Browser fünf unter. Wir bringen das Bild so ziemlich einfach in ein Bild zu bringen. Was ist, wenn Sie das Bild verlinken wollen, so dass Sie wissen, dies ist ein Geschäft und Sie können einen Würfel Bruch auf diesem kleinen Würfel kaufen. Es bringt dich zum Färbegeschäft. Nun, das ist geübt. Einige von dem, was wir gelernt Tabelle schließen den Tisch. Wir haben gelernt, Tabellen zu erstellen. Welche Rollen? An Ihre für Tabellenrollen. Dein okay, das ist unsere Hauptrolle. Wird eine Tabelle Überschrift th andi Tabelle Überschrift wird der Würfelladen sein. Großartig. Nur eine Überschrift. Also erstellen wir eine neue Zeile unter Punkten, die du zu deinem ohne Schritt vorwärts Schrägstrich bist und dann würde es nach York auf beiden wagen. Wir werden Tabellendaten TD haben, und es wird Würfel eins auf der zweiten Zelle oder eine Tabelle Data TD wird die eigentliche reiche sein, die eigentliche reiche sein, nur Coach und Einfügen hier drüben, so dass Sie Bilder nach unten setzen können, die Sie innerhalb von sehen und Ich sollte hier in Wasserelementen wie diesem sein. Also, das legt es jetzt in den Tisch. Aber natürlich müssen wir einen Anker hinzufügen, um ihn anklickbar zu machen. Also ist Hass gleich auf, äh, ich habe die Quelle gesetzt. Wo tun Sie, wo l dort in einer Sekunde, hören in unserer Schließung setzen, so dass Sie es an diesem Bild Tag sehen können, ist innerhalb der Ankerelemente gewickelt . Es ist da drin verschachtelt, die sagen, angekuppelt. Sie wissen, http, buchstäblich w dot keine Würfel dot com. Ich weiß es nicht. Das ist eine echte Website wird es herausfinden. Also kontrolliere s, um das auf zu speichern. Das wurde im Browser getestet. Also fünf hier haben wir unseren Tisch , der nicht so schön gekauft ist. Es existiert. Wir haben es nicht gestylt, und Sie laden sind tot. Natürlich ändert sich Ihre Änderungen, wenn wir den Mauszeiger über das Bild bewegen, weil es anklickbar ist. Ich werde darauf klicken, wenn Sie uns zu Dice dot com nehmen wollen, die offenbar eine Job-Suche Website ist. Das sind also Neuigkeiten für mich. Ok. Nein, wir haben ziemlich viele grundlegende Tags sehr schnell gelernt, was hervorragend ist, und Sie werden sehen, dass wieder erscheinen. In einem ihrer ersten Absätze setzen wir in ein mutiges Ja Elemente. Nun, Sie können auch kursiv verwenden, also ich für kursiv. Ein anderes Organ betont ein anderes Mädchen. Meine Güte, ein anderes ich meine Kursivschrift und Sie für zugrunde liegende. Dies ist also eine geordnete Liste, die zur Bestellung sichtbar ist, also unterstreichen. Speichern Sie das. Gehen Sie zurück zu Ihrem Browser. Klicken Sie zurück. Wir müssen die Seite von Herrn Präsident erneut öffnen. Ich habe es geschlossen. Also Index. Okay, also hier sind wir mutig, Ordnung, Alec und ich sind Wonder Line. Das sind also so ziemlich alle am häufigsten verwendeten Tags. Nichts ist in irgendeiner Weise Büro davon. Aber das ist ziemlich viele der Tags, die verwendet werden. Die wirkliche Macht in dem Raum, in dem die wirkliche Macht hereinkommt, ist, wenn wir anfangen, unser CSS hinzuzufügen und ich ein Skript auf Festplatte alt zu fahren, zusätzlich zu einigen nützlichen Tags. Das einzige Order-Tag, das einen Blick wert sein könnte, ist die horizontale Regel, also würde ich nicht unbedingt all so oft verwenden, aber es ist ein häufig verwendetes Tags, also ist es wie das Bild ziehen es ist. M selbst enthält Steuern. Es gibt kein schließendes Tag, es ist es nicht selbst, und Elemente setzen einfach den Boden Schrägstrich es Ende Onda, und wir werden dies zwischen all unseren Überschriften setzen. Kopieren. Okay, wenn wir das speichern und wieder in den Browser gehen, sehen Sie, dass es D horizontale Regeln zeichnet. Das reicht für die grundlegenden oder gebräuchlichsten Tags. 6. Erste Schritte mit Aptana: nachdem sie uptown ein Studio früher installiert haben. Lasst es uns jetzt starten. Ich habe eine Abkürzung auf meinem Desktop. Sie tun wahrscheinlich, wenn nicht, gehen Sie einfach dorthin, wo Sie Thomas installiert haben. Nun, wenn Sie Tana noch nicht aufgebraucht haben, dann möchten Sie vielleicht nur ein paar dieser anfänglichen Richtlinien gleich beachten. Das ist also kein Kurs auf einem Boot. Ich gebe Ihnen genug, um damit die Projekte abzuschließen, an denen wir arbeiten . Okay, das erste, was Sie tun möchten, ist, einen Arbeitsbereich zu bieten, was wir tun werden, ist unser Website-Verzeichnis zu sein, was auch immer es ist, dass Sie alle Ihre Websites behalten. Jetzt habe ich ein aktuelles Website-Verzeichnis, und innerhalb dessen behalte ich den Rest meiner Website-Projekte als Standverzeichnisse. Also, zum Beispiel, hier ist, um ihn zu hassen. Hey, html fünf Grundlagen Kurs, dass wir mit diesem Feuer gearbeitet haben. Es lernt über HTML, und ich werde es auf die übergeordneten Verzeichniswebsites setzen. Das ist mein Arbeitsbereich. Okay, du musst nur ein paar Augenblicke warten, um sich zu öffnen. Ok. Jetzt ging Uptown von Mittagessen. Sie erhalten diese kleine Startseite und Ihre Tops werden alle erscheinen. War Ihre Arbeit an einem Projekt? Und das kannst du sofort sehen. Ach, Talyn. Die Dokumentation verfügt über einen Link. Also, wenn Sie wirklich in den Adepten kommen wollen, das Fleisch aus der Arbeit mit Tana, die eine fantastische Software ist, als Sie sicherlich darauf klicken wollen und Sie können auf Farmen gehen oder so lassen Sie uns sofort loslegen. Wir werden ein neues Webprojekt erstellen. Sie sagen, dass die Rotor-Projekttypen wie Hass B Ruby Schienen. Wir gehen, was Web-Projekt? Was bedeutet html, CSS JavaScript. Weil wir das lernen. Und wir werden sagen, verunreinigte Projekte. Wir werden keine Vorlage verwenden. Ok, Projektstandort. Wir werden den gleichen Ordner festlegen, den wir zuvor erstellt haben. Er hasst ihn raus. Fünf Basics Kurs für jetzt. Wie auch immer, ich nenne es die gleiche Seite Team von fünf. Ein Sechs-Gänge. Versuchen wir es noch einmal, okay? Nicht so dass Sie hier den Standardstandort bekommen, glaube ich. Ok. Natürlich das Problem, das wir hier haben, ich hasse E-Mail Basic Sticks diese. Das Problem, das wir hier haben, ist, dass ich bin, weil wir ohne Pad angefangen haben. ANA,erstellen Sie normalerweise Wenn Sie arbeiten, übernehmen Sie ANA, Ihre Projektstruktur. Echte App. Tana. So wie eine Arbeit um Nun, Detective erstellt als zwei separate Ordner hasst ihn wie Grundlagen und klicken Sie auf Finish. Wer war denn? Es hat einfach nicht funktioniert, Minister. Und jetzt haben wir nur einen Ordner mit nichts drin, aber alles, was wir tun müssen. Ganz einfach, lassen Sie uns zu diesem Website-Verzeichnis gehen. Ich werde den Inhalt von Haiti Month für ein Fitness-Studio off Basics Kurs nehmen. Das ist ein Weg für den Moment, Andi, wir werden das alles einfach überschreiben. Also kein Problem. Und jetzt haben wir unsere Projektakte vor der Halbzeit. Anjali Deal eins. Um Verwirrung in unserem Projekt zu vermeiden. Ordner hasst ihn von den Grundlagen, die integriert sind. Adoptiere Ana. Sie werden sehen, dass alle ihre Dateien jetzt verfügbar sind. Du könntest verdoppeln, wenn du nur ungefähr einreichen willst. Öffnen Sie es dort oben ist weitergegangen. Tana hat d Syntax-Hervorhebung. Die Dinge sind also farbcodiert, was das jetzt bedeutet, jetzt, da wir oft mit Uptown A laufen. In der nächsten Lektion können wir anfangen, einige CSS 7. Arbeiten mit CSS Selektoren und Regeln: Also hier sind wir in Tana. Nachdem wir unser Projekt migriert haben, sind wir bereit, mit einigen grundlegenden CSS zu arbeiten. Nun, das erste, was wir machen wollen, ist, was ich sowieso tun will, ... um sicherzustellen, dass Sie sehr klar sehen können, was hier passiert. Also werden wir uns zu haben. Teoh hat gerade die Größe unseres Textes leicht erhöht. Andi Inapt Ana, Sie können es außer Kontrolle halten und dann drücken D minus in den Plus-Tasten , Das ist nur rechts von der Null k gibt oder auf der NEPAD. Wirklich bekannt, dass Pat nicht funktioniert. Es sind nur diejenigen, die direkt über den Buchstabenschlüsseln sind. Ja, plus und minus wird dauern. So können wir jetzt deutlich Ihren Text sehen. So ist C S s, wie wir bereits erwähnt, für das Hinzufügen von Styling-Informationen. Also haben wir einen Yea-Baum Möglichkeiten, es zu benutzen. Grundsätzlich können wir externe Stylesheets haben. Wir können ein Stylesheet innerhalb des Dokuments mit den Stilelementen erstellen, was wir jetzt und dann tun werden wir im Linienstyling verwenden können. Also zuerst werden wir mit D Styling-Blatt beginnen, das tatsächlich innerhalb des Elements selbst ist. Und das muss innerhalb des Kopfes auf in der Regel glühten Titel gehen, weil Platon, im Allgemeinen würden Sie Titel in Richtung der Spitze des Kopfes setzen. Und das ist mehr über Formatierung zu lesen. Also hier ist unser Stil. Wie nutzen wir dies, um all dies innerhalb des Körpers zu bewirken, während wir Regeln erstellen? Jetzt gibt es eine Reihe von IRS identifizieren, dass wir Methoden von ihnen verwenden können, bezogen auf unsere Elemente. Hat der einfachste Weg und unkomplizierte Weg besteht darin, tatsächlich nur den Namen der Elemente einzugeben und dann zu erstellen, sind zu geschweifte Klammern. Also, wie funktioniert das? Nun, diese zwei Kreditklammern, du wirst sie rechts vom Gipfel finden. Diese beiden Schlüssel waren zu überwältigend. Wir haben auch quadratische Klammern. Es gibt eckige Klammern. Wir wollen keine eckigen Klammern. Wir wollen für die Zahnspangen. Halten Sie also Shift, wenn Sie diese Tasten verwenden, um sie zu bekommen. Wenn Sie die bisher nicht verwendet haben, die sehr häufig in allen Arten von Programmierung verwendet wurden, wie JavaScript, C-Anteil Leute nehmen an, und CSS, also R p identifizieren sie hier sagt uns, dass wir jede Instanz stylen werden, beides Element pinkeln. Wir werden sagen, cooler, ich werde auch auf Farbe setzen. Braun. Sagen wir, wir haben eine Reihe von Schlüsselwörtern für kühleren Speck. Verwenden Sie auch Hex-Werte und RGB-Werte. Aber wir werden vorerst nur ein Schlüsselwort verwenden. Ich werde zu einem Browser gehen und tatsächlich gehen wir zu unserem Projektordner dort auf dem, was in der Vorschau angezeigt wird, ähm ja, wie ein einfacherer Weg Hoping Terminal. Sie können Show Vorschau beheben, was praktisch wäre in ihnen gut genug, Tana Schließen, um Seite zu starten. Es erstellt nur einen neuen Typ, in dem Sie auf sie klicken können. Sie können sehen, wie Ihr Code aufrüttelt. Also, wenn er für jetzt fertig war, so dass Putin wieder waas eine Show Vorschau, die hier ist auf bringt diese Registerkarte, und Sie können auch das Layout ändern, wenn Sie es wünschen. So jetzt mit einer Vorschau erscheint auf dem Texas gibt, alles, was Sie nicht sehr viel verwenden, können Sie minimieren. So wird Ihr Raum effektiver genutzt, wenn Sie es wünschen. Also hier ist meine bevorzugte Art zu arbeiten, um zu programmieren. Für den Moment kaufe ich einfach etwas mehr Platz, indem ich das links hineinziehe. Also nur herumziehen, um sich zu mir anzulegen. Ok. Nun, wegen der Auflösung, die ich für die Aufnahme verwende, wird das wahrscheinlich nicht zu gut funktionieren, aber normalerweise würde ich es tun. Was ich stattdessen tun werde, ist es nur ein zweites Mal zu haben. Ok? Nein, zurück zu ihrer Indexseite hier. Also haben wir gerade einen kälteren Wert für jeden Frieden gesagt. Und wenn Sie hier rüber schauen, werden Sie sehen, dass alle Absätze ja sind, stilistisch durch diese Regel geändert, weil das ein Elementselektor ist. Wir verwendeten ein Element Selektoren Also Wasserarten von Selektoren kommen hier auch. Wir können Compound-Selektoren verwenden. Wir können mehrere Selektoren und eine Regel verwenden, die wir sagen können, dass wir alle Hass stylen wollen . Ein Hass auf Andi Pfirsichbaum sowie Hass für Elemente im Grunde jeden Überschrift Monat. Wir wollen das antun, wir werden sagen, Jacksons Dekoration. Andi, wir werden alle von ihnen zugrunde liegen, nur um des Experimentierens willen, die gesagt werden, um das für die betroffenen Zehen zu retten . Und jetzt werden Sie sehen, dass wir unter Allianz Qualitäten haben, Überschriften ändern Sie Ihre Front se em Spaß Familie Bereich Luftbild Leviticus. Antwort. Wenn das in Ordnung ist. Also diese kleinen Tool-Tipp sie sind wirklich praktisch in der Stadt der Kontrolle, um Dinge zu speichern, die ich nur Updates sind Spaß, auch. Dies wird uns eine Liste von denen geben, die verfügbar sind. Es ist berührungsempfindlich. Es wird uns nur relevante Tool-Tipps mit Problemen zeigen, die mal auf zu sagen, dass hier drüben. Okay, wenn wir eine Abstandsinformation verwenden wollen, dann schwächen setzen und ich bin ein Moment des Auffüllens se 20 Pixel PX, dass das wird alle unsere Überschriften auszufüllen . Wenn Sie das tun wollten, können wir sie auch benutzen, Ohren identifizieren. Und sie erwähnten, dass in der vorherigen Lektion und sogar zur Verfügung gestellt 90 i ds. Also haben wir diesen Dave hier unten, seine Ideen schwebendes Menü. Also, was werden wir hier machen? Nun, lasst uns es einfach mit den Ideen packen. Ein Selektor. Wenn Sie also einen ID-Selektor verwenden, setzen Sie ein Hash-Zeichen ein. Es hat uns tatsächlich eine Liste aller Ideen gegeben, die wir erstellt haben. Also haben wir schwimmendes Menü unten, und es ist bei Forest Science anerkannt, die uns mit diesem I d versorgt, was cool ist, aber wir können es einfach in uns selbst eingeben. Also schwebendes Menü, wo Sie auf es in diesem klicken könnte, dann ich bieten alle diese Aussagen für, wie wir wollen, um einen Stil, dieses Stück Information, was auch immer Element es ist, dass wir zielen wahr, die I D. Sie können 90 nur einmal in Ihrem Dokument verwenden. Das ist die ganze Idee einer Idee. Es ist einzigartig. Etwas muss ich sagen, es zu tun. Wir geben ihm eine Hintergrundfarbe. Fred, Sie können sehen, dass unsere Speisekarte nur roten Hintergrund hat. Jetzt kannst du auch schicker werden. Wir könnten hier reinkommen und sagen, Hush schwebendes Menü, das sofort wetteifern wird, die aktive, die de schwimmende Man Utd hat. Und dann können wir graben, indem wir einfach ein Leerzeichen einfügen und dann etwas spezifischeres hinzufügen, wie auf geordnetem Listenraum L. A. Und das wird Talker alle Listenelemente anvisieren. In der Tat suchen wir nach zwei TdS-Tabellendaten. Das wird also ändern. Und in diesem Fall, was ist ein Tisch? Ja, Tischtabellen-Rolle im Fernsehen für Tabellendaten, und das wird unseren Tisch finden. Wir müssen Heidi da nicht mehr haben. Oder tun wir es? Eigentlich, vielleicht tun wir das. Floating-Menütabelle Tabelle Rollentabelle Daten finden die div. Damit finde ich Tabelle, alle Tabellen darin und die Rollen in diesen Tabellen und dann die TDs aller Daten. Irgendwelche Zellen innerhalb dieser Regeln, die in der Praktikabilität wird die Straße bedeuten, weil sie tun und sagte, es würde in dieser Struktur auf. Dann können wir jede Art von Styling-Informationen zur Verfügung stellen, die wir bevorzugen. Wir können sagen, Grenze ein Pixel. Hier gibt es eine Abkürzung nach Baumwerten. Ein Pixel, einfarbig schwarz. Speichern Sie es. Überprüfen Sie. Sie sehen, dass jede dieser Zellen jetzt, wie funktioniert diese Grenze, die ein Pixel in der Dicke ist. Es ist ein solides A, das auf seinem Rücken punktiert oder gestrichelt sein soll. Sie können es auch einen Hintergrund kälter geben, töricht verwenden Hex-Werte wie 44 Hate für zu sehen, wie das geht zu behandeln. Da gehst du. Okay, um sie herum Hacks Wert. Also müssen wir sechs Ziffern für Hex-Werte bereitstellen. Okay, so verwenden wir grundlegendes Styling. Innerhalb der Dokumente haben wir uns die Verwendung verschiedener Arten von Selektoren, wie zum Beispiel die direkte Elementauswahl, angesehen . Sie können mehrere Elemente in der Regel von gut auswählen, Sie können I DS und neue Klassen verwenden, die wir noch nicht nachgeschlagen haben, und Sie können tiefer graben, indem Sie am Ende hinzufügen. Also haben wir unser I D identifiziert und dann aber in diesem Raum für den Tisch innerhalb der Tabelle, auf der Suche nach Tabellenrollen innerhalb, nach denen wir suchen, haben es selbst gemacht. Und das bekommt eine speziell für diese Baumelemente. Das sind die Grundlagen, wirklich, wirklich, mit Styling zu arbeiten. Wir können auch extern auf in Linie Styling, auch extern auf in Linie Styling, und wir werden einen Blick auf diese Zeit werfen, so dass ist beginnen für diese Lektion. 8. Kurse und Table: hat bereits mit I DS in unseren HTML-Elementen gearbeitet. Wir werden also ein wenig über Klassen lernen, wie es bei Ideen der Fall ist, sie sind sehr nützlich, wenn es um Styling geht. Das Anwenden von Styling-Informationen auf bestimmte Elemente, die jetzt in eine bestimmte Klasse passen. Jetzt der Unterschied zwischen einer Idee und den Klassen, die ein I D nur auf ein Element in Ihrem hasst E-Mail-Dokument anwenden kann . Es wird ausgesondert. Einzigartige Klasse kann auf so viele Elemente angewendet werden, wie Sie möchten, also lasst uns dies ein wenig zurückziehen. Wir werden dieses Styling und Fokus loswerden, das nur Übung war. Okay auf wurde die Leiche abgezogen, so dass ist nur erstellen Sie einen Tisch. Wie wir es bereits getan haben. Handeln Sie auf ein tut ein paar Dinge für uns, die sehr praktisch sind. Es fügt sich automatisch in das schließende Tag, was diese Zeit spart. Also gewöhnen Sie sich daran, wenn Sie de schließende kleine dreieckige seitlich suchen, dreieckig aussehende Klammer hinzufügen und dann erscheint die schließende Klammer automatisch. Also unsere erste Tabellenrolle wird unser Header sein, was bedeutet, dass jede Zelle vorangehende Überschrift Zelle sein wird, die th waren Tabellenüberschrift anstelle von Tabellenrolle, die ein normaler gewonnen t anstelle von Tedy ist, was -Tabellendaten, sollte ich sagen, also werden wir diese Datenbank zu machen. Oh, sagen wir Angestellte oder so etwas. Also beginnt mit dem Namen. Nächste Spalte ist vielleicht Alter auf, sagen wir, Beruf. Das reicht für den Moment. Wenn Sie das speichern und Ihre Vorschau öffnen, sehen Sie, dass das buchstäblich alles ist, was wir haben. Es ist nicht einmal klar, dass wir mit einem Tisch arbeiten, weil es keine Grenzen gibt. Lass uns was reparieren. Okay? Also fügen wir eine zweite Regel hinzu. Und dieses Mal wird jede Zeile, die wir hinzufügen Schlag die Überschrift Rolle wird ein Angestellter sein. Also wird es Baum t d Elemente eins für die Namen sagen, Richard, Richard, Zweiter für das Alter 28 und Beruf Lehrer. Okay. Und wir können reingehen. Und das andere kopiert und fügt Jennifer 31 ein. Keine Notwendigkeit, hineinzugehen und viel mehr als das hinzuzufügen. Da haben wir also eine nackte Bones-Tabelle, die ein Header-Raum eingefügt hat. Wie isolieren wir diese Rolle, so dass wir sie separat gestalten können? Nun, hier kommt der Unterricht ins Spiel. Wie fügen wir eine Klasse hinzu? Nun, nehmen wir diese Rollenklasse an. Es gibt Ihnen einen Tool-Tipp. Es ist CSS-Klasse, die dem Element zugewiesen ist, also Klasse gleich Anführungszeichen. Es fügt das zweite Anführungszeichen automatisch ein. Und zwischen den beiden werden wir es dem Unterricht geben. Benennen Sie eine Top-Rolle. Kleinbuchstaben Keine Leerzeichen. Nun haben wir das Attribut zum offenen Tag hinzugefügt und denken Sie daran, dass Attribute immer dem offenen Tag hinzugefügt werden . Alles wird tatsächlich den gleichen Grundfluss verfolgt. Ich werde hier nur ein bisschen hineinzoomen, um es Ihnen leichter zu machen, zu sehen, was passiert. Jetzt. Alle Attribute folgen dem gleichen Grundformat. Sie haben den Namen des Attributs selbst. Also, was ist das Attribut in diesem Fall ist klassifiziert. Es wird ich D oder eine beliebige Anzahl von Dingen sein. Dann musst du sie zuweisen, was das gleiche Symbol ist. Die beiden Anführungszeichen auf dann die Werteoberrolle in diesem Fall? Immer dasselbe. Das ist jetzt unsere Klasse. Zugriff auf diese Klasse schwächen, indem Sie einen Punkt eingeben. Sie erinnern sich, dass Ideen Zugriff mit einem Hash haben, also ist es ein Hash. Was auch immer es heißt, und erstellen Sie dann eine Regel, die gut, in diesem Fallgreifen wir auf eine Klasse Punkt oberste Reihe. Was auch immer es heißt, und erstellen Sie dann eine Regel, die gut, in diesem Fall Also, wie sollen wir stylen? Es wird, sagen wir, sagen wir, Hintergrundkühler haben. Das ist Silbentrennung. Andrea List verwendet ein Schlüsselwort rot und Sie werden sehen, dass es tatsächlich im Hintergrund mit dieser roten Farbe schattiert ist. Großer Wechsel zu Kühler zu Weiß. Der Hexadezimalwert dafür. Wenn du dich fragst, ob, wenn Ok, Notre Ding, das ärgert mich hier Punkt M. Unsere Grenzen sehen irgendwie hässlich aus. Also, was können wir tun? Im erstellt Norval Tabelle auf. Wir werden unsere Grenzen übermäßig setzen wird sagen Grenze ein Pixel solide Eine Menge, die Sie gespeichert an, dass uns einen Schritt näher und wird auch kollabieren die Grenze Grenze kollabieren. Wenn du den Namen von einem dieser Andi schreibst, vergisst du vielleicht genau, wie er fertig ist. Es gibt eine wirklich nützliche Eishockey-Inapt. ANA Steuerraum wird dieses kleine Menü aufzurufen, so dass Sie alle Optionen auf hier sind wir Border kollabieren gibt sogar eine Beschreibung, gibt an, ob die Grenzen für ein Substantiv interkollabiert oder getrennt. Sie können es auch für die verfügbaren Optionen tun. Also kontrollierte er wieder den Raum. Und einfach zu behandeln. Mögliche Optionen kollabieren, erben oder trennen Kollaps. Die, die Sie möchten, dass Semi-Doppelpunkt die Anweisung beenden. Denken Sie immer daran, zwischen einem Doppelpunkt zu unterscheiden, der Theus Signer auf einem Semikolon ist, was bestimmt ist. Äh okay. So können Sie sehen, dass es an unseren Grenzen viel sauberer sind. Jetzt öffnen wir das wieder. Jetzt wollen wir auch Teoh kollabierte die Rose. Also lassen Sie uns oder die Daten. Also TD für Tabellendaten auf wir gehen, um sie werden Sie wählen zwei TDs und die th ist zur gleichen Zeit, weil sie wollen, nur auf Boote gelten würden, um die gleiche Regel verwenden Bestellung auf Pixel solide schwarz Ich bin Tier Say Ordnung kollabieren wieder statt zwei Tassen. Also hast du ihn? Sieh es dir an. Ok, nur ein bisschen schüchtern was? Wir suchen einen Moment. So Borger Fix wird solide zurück Tabelle Rolle. Okay, also müssen wir hier vielleicht etwas expliziter sein, was konkret bedeutet und was? Unsere Selektoren. Also, wenn wir sagen, dass ich allem für den vorallem für den Tisch an Ihrem Fernseherbin und wo ist das zusammengebrochen? Tisch an Ihrem Fernseher Für eine Sekunde. Wir werden ein wenig Polsterung hinzufügen. Crystal nach links setzen, setzen wir uns auf fünf Pixel. Hodding Rechte. 56 Monate. Okay, Sie müssen also eine Fehlerbehebung durchführen, warum diese Regel nicht auf unsere TDs angewendet wird. Hier sind Tabellendaten. wir einfach sicher, dass wir so spezifisch wie möglich sind. Also sagen wir Tabelle, Tabellenrolle , TD. Also graben wir uns direkt in unsere TD ein. Sehen Sie, wie das geht. Das ist gerade aus irgendeinem Grund wieder geöffnet. Und es war einfach nicht erfrischend. Die Änderungen Land der erklären, warum das ist. Ja, aber es scheint jetzt gelöst zu sein. Ordnung kollabieren. Okay, das gibt uns unsere kleine Division. Jetzt merkst du, dass es nicht passiert, was nicht zu schwer sein sollte, das zu beheben. Nun, machen Sie einfach einen ST Ng Th, das ist, was wir hier tun, ist die Suche nach Tabellen, die diese Tabelle finden. Wenn es noch andere gibt, würde es es auch finden. Und dann sagt es, dass feine Rollen innerhalb von ihnen alle Rollen definiert und dann nach dem TD suchen. So findet es alle Tabellendatenelemente. Aber in dieser Tabelle auf gilt diese Regeln darauf. Es ist auch nicht für die Tabellenüberschrift selbst. Th ist. Also, wenn wir sagen, dass jetzt können wir sehen, dass alles schön formatiert ist. Und wir isolieren diese Rolle für die Spezialzivilisation mit dieser Spitzenklasse, die wiederum hier jetzt betroffen ist, um den Nutzen der Verwendung von Klassen zusätzlich zu I. D. S auf den Unterschied zu betonen zusätzlich zu I. D. zwischen ihnen. Das ist ein Duplikat dieser Tabelle, so dass Sie sehen können, dass wir jetzt zwei Zeilen haben, eine in jeder Tabelle mit Declasse-Attribution aus Top-Rolle. Und wenn wir zu unseren Stilen gehen, wenden wir uns nur einmal an. Wir haben eine Regel für die oberste Zeile erstellt, die in beiden Fällen angewendet wird. Also, das ist Dia. Das ist der Punkt ist, dass Klassen für mehrere Fakten so viele Elemente gelten, wie diese Klasse mit ihnen auf der Seite verknüpft ist, während ein I D nur angewendet werden kann. Also, das ist Arbeitsklassen auf ein wenig auf der Verwendung von Selektoren beim Styling 9. Externe Stilblätter: in dieser Lektion wird ein wenig Zeit dauern, um über externe Stylesheets zu lernen, die sehr mächtig sind, wie zusätzlich zu CSS in unser Arsenal von Fähigkeiten und Wissen in unserer Verwendung von CSS. Also hier haben wir unseren Index, der CML Page hassen, an dem wir in den vorherigen Vorträgen gearbeitet haben. ANDI. Sie werden sehen, dass alle D-Regeln, die wir bisher in CSS erstellt haben, einschließlich aller ihrer individuellen Deklarationen mit ihren Eigenschaften auf ihren Werten. All dieser CSS-Code, der ihn gelernt und angewendet hat, wurde auf dem Heu HTML-Dokument selbst erstellt. Wenn Sie das tun, wird das ein internes Stylesheet genannt. Also praktisch,was das bedeutet, ist, wenn Sie Ihre Stilinformationen in was das bedeutet, ist, die Stilelemente einfügen, dann bedeutet das, dass Sie es auf eine hasste E-Mail-Seite setzen. Es ist also ein internes Blatt. Nun, wenn Sie eine Seite erstellen, dann ist das in Ordnung, weil es darauf eine Seite auswirken muss. Aber wenn Sie eine ganze Website erstellen, dann möchten Sie wahrscheinlich in der Lage sein, alle diese Styling-Informationen auf mehreren Seiten jetzt zu duplizieren , anstatt sie zu kopieren und zu einfügen, über die Sie tun könnten. Sie können diese Stilelemente kopieren und in jede einzelne einfügen. Ich bin zum Beispiel Bestellseite . Wenn du in die Punktkontrolle gegangen bist, siehst du zu übertrieben, und ich kam hierher und steckte es einfach unter den Titel in mein Kopfelement wie zuvor . Das würde sowohl für den Index als auch für den Hass funktionieren. Sie männliche Seiten, weil sie beide ihre internen Stylesheets haben. Aber das ist nicht wirklich sehr effizient. Es gibt einen effizienteren Weg, das zu tun. Und so funktioniert es. Sie erstellen ein externes Blatt, so gehen wir über zu unserem Projektordner hier in Tana auf der rechten Maustaste klicken, um einen neuen Ordner zu erstellen . Dies ist also nur ein Unterordner des To Hate Team Out Basics Master-Ordners. Ich werde es Stile nennen. Alle Kleinbuchstaben auf trat ein. Sehen Sie, ich habe diese neue Stile Ordner direkt unter meinem Images Ordner, aber nicht in Sichtweite ihres Bootes in ihm. Verzeichnis hasst ihn von den Grundlagen. Alles klar, klicken Sie auf Stile und erstellen Sie eine neue Datei, die Hauptpunkt-CSS sein wird und so dort erstellt wurde. Ich habe einen Hauptpunkt CSS während, der leer ist. Aber das ist die CSS-Disteln, staubig, externe Stylesheet, die wir jetzt verwenden werden, um alle Seiten auf unserer Website zu beeinflussen. Alles, was wir tun müssen, ist, diese Regeln zu setzen und ihn hier einzufügen, denn die Art und Weise, wie wir CSS schreiben , in externen Stylesheets und in Internet-Stylesheets, sowie in Zeile, die es in einer anderen Lektion betrachten wird, ist unabhängig davon gleich. Und die Regeln haben die gleiche Struktur, so dass Sie zwischen dem einen und dem anderen kopieren und einfügen können. Jetzt werden Sie feststellen, dass die Formatierung ein wenig beschädigt wurde. Es ist ein wirklich praktisches Hockey, um dies zu beheben, halten Sie einfach die Kontrolle Shift und drücken Sie dann F auf der Tastatur und Uptown und fixiert magisch die Formatierung. Also, das ist wirklich cool. Kontrolliere uns, um zu retten. Komm rüber zum Index. Nun, wenn Sie dies in Ihrem Browser testen, lassen Sie uns zu unserem Projektordner gehen. Ich befinde mich in meinem Projektordner. Du hättest es offensichtlich irgendwo. Und übrigens, weißt du, selbst wenn du kein Uptown auf deinem System hast, kannst du diesen Lektionen folgen. Aber solange Sie die gleiche Struktur haben. So ein Master-Ordner, Hastings fünf Basics Indizes und es alle Ihre Bestellung hasst ihn von fünf Seiten werden darin sein, dass Sie Unterordner, Bilder und Stile haben . Ihre Stylesheets wie Hauptpunkt-CSS, die wir gerade erstellt haben, werden dort auf Ihren Bildern innerhalb von Bildern logisch genug sein, also doppelklicken Sie auf den Index, um es in unserem Browser zu öffnen. Jetzt werden Sie sehen, dass er Styling-Informationen angewendet wird. Und wenn wir auf etwa doppelklicken, würden Sie auch sehen, dass keine Starling-Informationen angewendet werden. Warum ist das so? Nun, es liegt daran, dass wir wieder die Zehe hoch gehen. Tana, wir haben keinen Link zwischen dem Stil auf der Seite bewertet erstellt. Wenn Sie sich das dort ansehen, gibt es nichts Sprichwort: Verwenden Sie dieses Stylesheet. Gibt es keinen Index oder in etwa, Zum Glück, das ist sehr einfach zu beheben. Unmittelbar unter Titel. Jetzt gehen wir rein, muss aufgeregt werden. Element. Das ist die Regel. Wir werden einen Link erstellen, der gerade Link genannt wird, und es wird Baumattribute haben. Die 1. 1 ist Ralph für Beziehung auf. Wir werden das auf Stylesheet setzen oder einfach nur sagen, dass die Beziehung dieses Denkens ein Stylesheet ist . Okay, als Nächstes wird Text sein, Ford Schrägstrich neu bewerten und Sie haben diese Pop-up-Optionen, die auch hilfreich sind. Ich bin endlich Hass ref, wissen Sie, Zahl mit Hass treff, um ein u R l in unserer Lektion, wo wir über die Verwendung von Links gelernt haben verwenden Hyperlinks, die das Anker-Tag war. Nun, wir hassen Draft auch mit dem Link-Tag. Hass ref ist gleich. Sei vorsichtig, wo du deine Gleichen hinstellst. Stellen Sie sicher, dass Ihre Kälte perfekt zu mir passt und schließen Sie sie dann ab. Zunächst einmal, weil Link ein selbstbeendendes Tag ist, setzen Sie den Schrägstrich darin ein. Es gibt kein schließendes Tyke, das ein paar von denen bereits verwendet hat , natürlich, sagen Sie einfach main, aber das würde nicht speziell auf das externe Stylesheet, das wir zu verwenden versuchen, weil es Ernährung darin zu Styles Ordner. Denken Sie also daran, den genauen Pfad zu erhalten. Das erste, was Sie sprechen müssen, ist Stile Schrägstrich auf, da es nur ein Stylesheet in diesem Ordner gibt. Es hat irgendwie herausgefunden, dass es das ist, was wir wollten, und es hat es gedauert. Aber wir können es ändern. Jeder zu. müssen wir nicht, also ist das richtig. Stile nach vorne Schrägstrich Maine Das ist die SS. Also, jetzt gibt es einen Link auf. Wenn ich das auch zu etwa dot html kopiere und dann gehen wir zu unseren Browsern auf nur aktualisieren, sehen Sie, dass der Link wiederhergestellt wurde und jetzt die Styling-Informationen angewendet werden . Und das wird auch passieren, was unsere über Seite. Obwohl Tourismus viel Inhalt, werden Sie feststellen, dass das Styling aus diesen Tabellenzellen etwas verändert wurde. Okay, also das ist externe Stylesheets geht. 10. Inline: Bisher haben wir uns externe Stylesheets angesehen. Internet-Star. Sie ist die endgültige Form ist in Linienstilen. Also, wie verwenden wir in Linienstilen? In Linienstile werden direkt auf ein Element angewendet. Trudie Styler-Attribut. Wir haben bereits mit Attributen gearbeitet, aber nicht mit dem Stil. Attribut. So Stil gleich Anführungszeichen auf den Werten gehen in die Anführungszeichen. Übliches Team. Also, wie werden wir sein H ein Tag beeinflussen? Nun, was wir tun könnten, ist, ihm einen bestimmten Stil zu liefern, in dem Sinne, vielleicht irgendwie zu modifizieren . Ähm, die Schriftgröße. Vielleicht, könnte ich sagen, 20 AM Ich möchte sehen, wie hat Updates in unserem über diese HTML-Seite. Okay, also ist es, nachdem ich das gemacht habe, das ich hasse. Ein riesiges Element, wenn er es nicht getan hat, sind alle, um es zu beweisen. Das ist ein weiterer Hass, der unmittelbar unter H eins ist. Nennen Sie es zweite H ein, und wenn wir die Seite aktualisieren, sehen Sie eine zweite lehren, die nur die Annahme der üblichen Styling und gefaltet sie. So hat der In-Line-Stil die Schriftgrößeninformationen für Punkt-Element überschrieben und eine riesige gemacht, weil wir sagten, es ist eine riesige 20 m m m ist ein Verweis auf die Größe eines Zeichens, im Grunde so 20 m als gegensätzliche Pixel. Sie verwenden nur ein anderes Messsystem, so dass Sie P zusätzliche Pixel verwenden oder MPM verwenden können. Okay, so verwenden wir in Linienstilen. Wenn Sie mehrere verwenden möchten, können Sie nur gegen getrennt durch Semikolon, immer enden und mit einem Semikolon. Für jede Deklaration innerhalb des Anfangs kennen Sie einige Styling-Informationen, dass Sie Buchstaben angeben, dass es wahr ist und externe und interne Stylesheet oder ob es in Zeile ist und jede Deklaration die gleiche Form hat. Sie haben die Eigenschaft des Wertes. Sie haben den Doppelpunkt, der die Eigenschaft im Wert trennt, und Sie haben einen Semikolon sie beendet. Ich möchte immer das gleiche Format stoppen, damit wir hier reingehen und den Kühler austauschen und sagen, bin, um es orange zu machen. Warum gehen Sie nicht zurück und fünf und jetzt haben wir eine orangefarbene Überschrift. Also ist es die Kombination dieser Baummethoden der Verwendung unseres CSS, die unsere Arbeit, ähm, wohlhabender machen wird , weil wir die externen Starterblätter erstellen können, um generell alle unsere Seiten Democrat interne Stylesheets zu gestalten Anpassungen an die allgemeine Struktur dieser spezifischen Seite des allgemeinen Stils oder der Ästhetik dieser bestimmten Seite. Wenn wir bestimmte Set-Änderungen vornehmen müssen, die es nicht für Bestellseiten gelten würde, und dann können wir wirklich einsteigen, graben Sie speziell auf jedes einzelne Element und nehmen Sie Änderungen vor, wenn wir müssen. Aber der beste Ansatz ist, alles zu tun, was Sie extern können. Und dann, wenn Sie es nicht extern können, versuchen Sie es auf einem internen Blatt zu tun. Dann, wenn Sie wirklich wirklich spezifisch, extrem spezifisch werden müssen , dann können Sie eingehen und in der Reihe verwenden. Also habe ich nur diese Präferenz verwendet, um die Reihenfolge. Übrigens, dieser Auftrag hält für em. Ah, für die Präferenz, dass der Browser Zahnstile so in der Linie geben wird, gilt als am wichtigsten. Um das meiste Gewicht intern zu haben, kommt danach, und dann extern. Es war, als hättest du sie übereinander gestapelt. Es beginnt an der Unterseite, dass Korpus alles allgemein. Aber wenn Sie etwas spezifischeres internes haben als das ist und das extern außer Kraft setzt , und wenn Sie jedoch in der Reihe sind, wird das intern überschreiben. Das ist der allgemeine Fluss. Jeder Zehe, wie es funktioniert , Okay, jetzt wissen wir, wie man interne Styling sowie unsere Verwendung in Line-Styling sowie internen und externen Stylesheets. 11. Einführung in Javascript: Also haben wir einige der wirklichen Grundlagen der Arbeit mit HTML und CSS gelernt. Also die dritte Technologie und unsere Web-Triade ist JavaScript, das begann einige grundlegende Techniken mit JavaScript zu lernen . Also, Baby tritt zuerst. Was ist JavaScript? Ich kann nicht davon ausgehen, dass Sie jemals mit einer Programmiersprache gearbeitet haben. Nun, die Programmiersprachen, die in sehr einfachen Begriffen verwendet werden, um Ihrem Computer Anweisungen zu geben , um dem Computer zu sagen, was zu tun ist. Anweisung für Anweisung, zeilenweise Anweisungen in einer Sprache Tod geschrieben ein Computer verstehen kann. Jetzt haben wir viele verschiedene Sprachen. Strukturierte Sprachen. Es gibt sehr populäre, wie Job all C plus C scharfes JavaScript geschieht, um die Sprache aus dem Web, nur die Standardwerte, Skriptsprache oder Programmiersprache des Web. Jeder benutzt alles, aber Entwickler benutzten JavaScript, und es ist Teil des hasse-Teams sind fünf Standard. Es ist also eine wichtige Sprache, um dankbar zu lernen, und es ist nicht so ein harter Mörder. So ist JavaScript in eine HTML-Seite integriert. Es kann auf verschiedene Arten integriert werden, wie es bei CSS der Fall war. Du kannst es im Kopf haben. Sie können es extern denken, und Sie können sogar Java-Code-Snippets in Attribute einfügen, was ziemlich cool ist. Was ist das grundlegendste, was wir tun können? Lassen Sie uns unser Vorschaufenster wieder aufrufen und sehen, was wir bisher geschaffen haben, und das ist wirklich Gerechtigkeit. Tippen Sie auf diesen Tisch, nicht wahr? Tabellarische Informationen So lernten wir, wie man Diät stylt , usw. Jetzt ist das kreatives Buchen. Wir werden an der Spitze unseres Körpers hier auf eine glaubwürdige gehen. Okay, schnell mich, die schnelle Aktivierung Da ist es. Jetzt werden wir ein On Click-Ereignis erstellen. Sie sehen, dass es eine ganze Menge von diesen auf Veranstaltungen gibt, die in der JavaScript-Sprache verfügbar sind, die mit ihrem sind unser Bulletin verwendet werden können. Also haben wir all diese verschiedenen Ereignisse. Es ist Arbeit, nur Trudys Menüs zu durchsuchen und auf die verschiedenen Elemente zu klicken und die kleinen Beschreibungen zu lesen , die es Feuer gibt. Das bedeutet, dass ausgelöst oder gestartet wird, wenn das Element richtig ist. Auf den Kontext geklickt. Menü öffnet sich im Kontextmenü Wir haben Ereignisse für jede Eventualität hier im Kontext unseres Dokuments unter unserem Browser, aber wir suchen nach ist auf Klick, das ist wahrscheinlich das am häufigsten verwendete Ereignis gleich Anführungszeichen, wahrscheinlich ein ähnliches für Miller hier zu sehen, Formel hier zu dem, was wir mit ihnen gemacht haben. Was sind Attribute? Gleiches Format. Sie haben die Attribute-ID, die auf Klick und Ereignis für JavaScript und gleich ist. Und wir haben diese Anführungszeichen, um das Gold zu enthalten. Jetzt innerhalb von dort, können wir einige JavaScript-Dokument-Punkt-Dokumente schreiben, ist nur im Grunde em ein Verweis auf das Hass-E-Mail-Dokument, das jetzt funktionierte So können wir auf alles zugreifen, und wir können Funktionen verwenden, um auf bestimmte Eltern der Dokumente. Also könnten wir sagen, zum Beispiel, Dokumente dot bekommt Elemente von meinem d es tatsächlich erscheint dort oben. Also, wenn Sie Rechtschreibfehler vermeiden möchten, weil es Fall für das perfekte Element von I d Anführungszeichen geben muss und benötigt wird, wenn der Wert enthalten ist, stellen Sie sicher, dass Uptown es nicht versaut wird, wenn Sie versehentlich und Sie wissen, dass wir einfach d die Single, die Sie auf dem kaufmännischen Und-Schlüssel dort finden oder sorry auf dem Dachboden E genau rechts zum Semikolon. Ok. Klicken Sie auf. Um, meine Kälte zu reparieren, habe ich versehentlich eines der Anführungszeichen am Ende hier gelöscht, was zu Beginn passt. Also für jeden, den Sie öffnen, müssen Sie etwas so nah haben. Ist es das gleiche mit den Singles, die geöffnet und geschlossen werden sollen? Also bekommen Element von ich d auf, was ich d sein wird. Geben Sie es. Ich werde sagen, m Datum älter existiert noch nicht. Das ist erschaffen. Ich habe Absatzelemente a muss nicht unbedingt ein Absatz sein, aber das ist, was wir Absatzelemente verwenden werden. Nun, sagen, M Datum erscheint hier, wenn de oben Putin schnell ist. Okay, nichts verbindet diese Kälte, jedoch, diesem Element noch, weil das Datum Halter Ideen nicht auf irgendetwas angewendet wurde. Also, dass Versorgung wird es sagen, hey D als Attribut gleich Datumsangaben kühner. Also jetzt verbinden wir diesen Code mit diesem Element. Es stimmt, dass ich bei diesem dunklen kalten System, ah, typisch aus objektorientierten Sprachen ist ah, . Sie greifen also auf Eigenschaften oder Funktionen eines Objekts zu. Also etwas, das etwas ist, das so etwas wie Fahrradpunkte, Radpunktreifen ist. Weißt du, du zerlegst es und grabst weiter in die Dinge. Dokument sieht also das ganze Dokument an und mein D ist eine Funktion, die wir mit einem i d-Wert bereitstellen . So durchsucht es alle Elemente findet, die mit dem ich d verklemmt sind. Und dann passen wir weitere Funktionen an. Also werden wir sagen, dot inner ht und help Now Interview HTML ist eine Eigenschaft, auf die wir über die Elemente zugreifen können , die wir gerade identifiziert haben. Stimmt, es ist Identifizierung. Also hat er das besaß herausgegriffen und ich würde Hate CML eingeben. Wir sagen, Lassen Sie uns das Datum Halter Element hineinschauen, das ist sein Pitak und was darin ist. Nun, wir haben dieses Datum erscheint hier im Bootbuch. Es wird angeklickt wird aufgerufen, dass HTML abrufen, auch wenn das Bestell-Tags und Sachen darin hatte , es würde alles erhalten, nicht nur den Text, und wir suchen nicht, um es abzurufen. Wir wollen es ändern. Also werden wir sagen gleich nicht Wie bekommen wir das Datum, an dem wir ein neues Datenobjekt erhalten müssen , so dass das neue Schlüsselwort und Großbuchstaben de für den Zugriff auf dieses Objekt verwendet 80 e auf. Musst du beten? Geben Sie diese zwei und Klammern? Okay, wir müssen nicht auf die Werte innerhalb dieser Klammern setzen, weil wir nur ein Standard-Datumsobjekt erstellen . Javascript weiß, was zu tun ist, also kommen wir hierher. Und wenn alles geschrieben wurde, richtig, richtig, klickte auf eine Schaltfläche, fühlt es sich in den Daten. Ganze Daten, einschließlich Tag, Monat und das tatsächliche Datum, die Zeit, die alles drin ist. Wir können unterteilen, dass ein Zugriff bestimmte Teile der Informationen auf tun alle möglichen Dinge . Aber das ist das grundlegendste, was Sie mit JavaScript tun können. Und doch ist es ziemlich mächtig. Also genau da nur ein Liner kalt. Sieh mal, wie viel wir gelernt haben. Wir haben gelernt, mit Ereignissen zu arbeiten, daher werden Ereignisse als Attribute innerhalb von Elementen speziell verwendet, zum Beispiel können Sie es auf on click Ereignis verwenden, aber in einem Buch, was wir gerade getan haben und dann würden Sie in Ihren Anführungszeichen. Aber Sie können Anweisungen für JavaScript für Ihren Job Skript-Code eingeben. Wir sollten wirklich mit einem Semikolon am Ende dort zu beenden, so werden wir, und so Dokument greift auf das gesamte Dokument. Gettleman bekommen Element durch Ideen, eine von einer Reihe von Funktionen, aber diese ermöglicht es uns, ein Element speziell von D i D zuzugreifen So suchen wir, dass i d Suche wahr ist. Es stellt fest, dass i e. dass i d mit diesem Absatz-Tag verbunden ist. Und dann haben wir die innere Punkt-innere HTML-Eigenschaft, die nach dem HTML sucht. Das ist, was in diesem Element, was das ist, und es ändert es nur. Dies ist gleich Quellen. Vergiss das. Grundsätzlich Änderungen an diesem erzeugt ein neues Datum Objekte und das Feeds bis heute in hier. ist, warum der Inhalt des P-Tags, dass oder dass PM der Absatz geändert wird, wenn er eine Schaltfläche auf Klick geklickt hat, löst. Sie werden feststellen, dass jedes Mal, wenn wir tun, dass generiert und neue Daten, so dass er sehen kann, die zweite diese Änderung. Okay, also ist das wirklich schnell. JavaScript-Grundlagen in der nächsten Schätzung Loca erstellen benutzerdefinierte Funktionen, die wieder auf der Macht aufbaut. Die rohe Kraft von Javascript als Programmiersprache für unsere Websites sind APS auf unseren Spielen , die alle mit HTML fünf erstellt werden können 12. Benutzerdefinierte Funktionen: in dieser Lektion werden wir das, was wir in der vorherigen gelernt haben, erweitern, indem wir unsere eigenen Funktionen erstellen und sie dann in unserem HTML-Dokument auslösen. Also, bevor wir das tun, und ich werde dich bitten, einfach, ah, Hockey zu benutzen , den wir vorher angefasst haben, kontrollierte Shift zu halten und dann F auf der Tastatur zu drücken, und das geht zu allen Auto-Formaten, die Dokumente machen es einfach ein wenig einfacher zu lesen, denn während wir als Entwickler bemühen, unseren Code schön und sauber und gut eingerückt zu halten , kann es von Zeit zu Zeit beginnen, etwas chaotisch zu werden um das Gebäude herum. Und wenn nicht überschwemmt Übereinstimmung auf der Seite oder eine Menge von Tags außer für eine Menge von Inhalten. Eso control shift f inapt ana ist nur dieses wunderbare Wunderwerkzeug, das im Grunde behebt, dass für Sie. Nein, wie nutzen wir Funktionen? Nun, wir haben tatsächlich bereits Funktionen verwendet. Ob Sie es glauben oder nicht, vordefinierte erhalten Elemente durch Ideen, vordefinierte Funktion und was ist eine Funktion in ihrer grundlegendsten Form. Nun, in seiner grundlegendsten Form können Sie sich eine Funktion als einen Block von Kälte vorstellen, den wir jederzeit in unserem Mantel bei der Ausführung unserer Seite aufrufen können . Es ist also ein Codeblock, den wir gruppieren. Lassen Sie mich sagen, dass dieser spezifische Block von Kälte auf nützlich wiederverwendbar ist. Also geben wir ihm einen Namen, wenn wir anrufen. Dieser Name wird feuern. Es wird jetzt Dinge tun. Komplexere Funktionen können auch Informationen in Rückgabeinformationen akzeptieren, so dass Sie Informationen wie ein Algorithmus in sie einspeisen können , und es kann ausspucken und neue Werte. Wir werden es noch nicht erledigen. Wir werden nur grundlegende, ähm, hte E-Mail oder grundlegende Funktionen erstellen ähm, . Also werden wir im Grunde etwas sehr Ähnliches machen. In der Tat ist das gleiche, was wir in der vorherigen Lektion getan haben. Aber wir werden es mit Funktionen tun, was heißt, ich bin Schritt vorwärts, weil es bedeutet, dass es an vielen verschiedenen Orten wiederverwendbar ist. Wir können es jederzeit anrufen, wenn wir wollen. Um Funktionen zum Schreiben von Funktionen zur Verfügung zu stellen, müssen wir ein Skriptelement wie das Style-Element hinzufügen. Wir können CSS-Regeln darin setzen. Wir können JavaScript-Funktionen innerhalb des Skripts nach unten setzen. Es wird nicht sagen, dass Funktion Schlüsselwort ist, um in Ihrer Funktion zu erstellen. Also Funktion auf wir nennen es zeigen Datum aktuelle Zustände vielleicht gründliche Fall s am Anfang und dann chemisch von da an. Das ist also die Namenskonvention. Dieses Job-Skript folgt im Allgemeinen, dass Stick witted. Also das erste Wort, im Grunde im Namen verlassen Sie den Anfangsbuchstaben dieses Wortes Kleinbuchstaben mit Andy beginnt eine Kopfzeile jedes nachfolgenden Wortes in der Wortgruppe wird der Oprah Fall und wir lassen keine Leerzeichen zwischen ihnen. Also ist es im Grunde ein großes gemeinsames Wort ist das, was man bekommt. So zeigen Sie Datum. Jetzt haben wir diesen Namen gewählt. Natürlich ist es willkürlich, und es könnte genauso einfach sein, solange wir die verbindende Kälte richtig schreiben, es würde funktionieren. Aber m wäre es nicht sehr lesbar. Wir wollen also unsere willkürlichen Namen lesbar machen, und wir halten uns an die chemische Konvention, weil das mit dem Lesbarkeitsfaktor hilft. Okay, Sie werden bemerken, dass ich diese zwei Klammern, die auf leugnen und Null-Tasten oben auf Ihrer Tastatur setzen. Halten Sie einfach die Shift gedrückt, um sie zu benutzen, und wir haben unsere geschweiften Klammern oder geschweiften Klammern, die sich rechts vom Gipfel auf unserer Tastatur befinden, und wir öffnen und schließen diese auch. Jetzt haben wir gesagt, dass eine Funktion eine Sammlung im Grunde nicht kalt ist, wie ein Codeblock und mehrere Zeilen, die ausgeführt werden, wenn wir diese Funktion aufrufen. Aber all diese Zeilen, jede Aussage, die eine Anweisung genannt wird. Jede Zeile ist eine Anweisung, und diese Aussagen gehen alle innerhalb der Dysfunktion hier zwischen diesen beiden geschweiften Klammern. Wenn wir die Funktion zur Verfügung stellen, die irgendwelche Argumente als diese Argumente sind und jetzt mithilfe von Variablen innerhalb der Klammern abgerufen werden würde , werden wir noch nicht in etwas so schweres geraten, weil wir uns mit dem vertrauten, desto grundlegender. Also, das ist nur, dass ich diese Aussage wieder ausgelöst. Also sagten wir, Dokument wird verwendet, um das eigentliche Dokument abzurufen, in jetzt arbeiten, so dass wir alles von hier auf unserer Seite zugreifen können , Holen Sie Elemente von I D. Ist nur eine praktische Funktion zur Verfügung gestellt wird, um uns zu helfen, ich bin Elemente auf der Seite mit einem und die Idee ist immer noch da Datum Halter aus der letzten Lektion. Also werden wir das wieder benutzen. Silbentrennpunkte. Inner HTML erinnern, das ist eine besondere Eigenschaft. Es greift auf den Inhalt dieses Elements zu, das hier nicht ist, wirklich gleich ist. Also ändern wir es in eine neue Instanz der Datumsobjekte, bei der sich um ein Objekt handelt, das sich auf das aktuelle dicked bezieht. Jedes Mal, wenn wir auf unsere Schaltfläche klicken, werden wir eine Dysfunktion mit einem Auslöser auslösen. Aber denken Sie an die Codes dort von diesen für die Definition der Funktion, die wir erstellt haben, sind Oder wir haben unsere Keyword-Funktion zur Verfügung gestellt, die dem Computer sagt, dass dies eine neue Funktion ist, die wir selbst erstellen. Das bedeutet dieses Schlüsselwort für die Funktion. Es wird das als Großbuchstaben eingeben, wenn es es es nicht akzeptieren würde. Sie können sehen, weil, wie wir bereits erwähnt haben, weiter zu wiederholen, weil es ein wichtiger Punkt ist. JavaScript wird Groß- und Kleinschreibung Also Großbuchstaben f ist nicht das gleiche wie Kleinbuchstaben F. Also, Laura Fall F , es wird blau, was bedeutet, dass es es jetzt als Tastatur erkennt. So Funktion dann haben wir zur Verfügung gestellt sind willkürlichen Namen, der jetzt die Kennung für Dysfunktion Datum anzeigen ist. Wir verwendeten chemische Kleinbuchstaben s über Fall D, und wenn es mehr und Worte Dan m gäbe, würden sie dem gleichen Muster folgen. Jetzt können wir kommen und sagen, zeigen aktuelle Daten für die Herstellung wirklich spezifisch und wieder die gleiche chemische Konvention. Also lassen wir es so. Zeigt das aktuelle Datum an. Warum denken Sie nicht einfach daran, den Namen beschreibend zu halten? Es sollte fast wie ein Verb sein. Also zeigen aktuelle Daten ist Verb informieren, nicht wahr? Es ist eine Aktion und so etwas. Es beschreibt, was die Funktion tut, während Ihr Name das tun sollte, weil es beschreibender ist besser lesbar ist. Wenn Sie zwei Monate später zu einem Projekt zurückkommen, können Sie immer noch verstehen, wofür die Funktionen Luft haben. Und dann haben wir unseren Code hier unten , der auch das neue Datum liefert . Ich bin nur auf meine I d Funktion im Internet und hasse in HTML. Also ist es, was es mit Datumsobjekt ausschalten. Der Inhalt dessen, was das zurückgibt. Aber der auf Klick des Hinweises ist leer. Es ist, dass nicht mit Wert zur Verfügung gestellt wurde. Also, was machen wir? Nun, wir bieten den Bezeichner für Dysfunktion, was ist, was ist diese willkürliche Sammlung von Zeichen, die wir zur Identifizierung von Dysfunktion bereitgestellt haben , die den aktuellen Zustand zeigen, also geben Sie das Zeichen für -Zeichen. Perfekte Show aktuelles Datum mit den Fantasien. Also, wenn dieser Zeuge schnell zeigt das aktuelle Datum auslöst, das auf erscheint, sollte er diese Codezeile ausführen. Also, das wird darauf getestet funktioniert. So haben wir gerade unsere allererste benutzerdefinierte Funktion erstellt. Herzlichen Glückwunsch. 13. Variablen: So haben wir schon ziemlich schnell gelernt, mit JavaScript zu arbeiten, auf das Dokument zuzugreifen und Funktionen zu verwenden, die HTML innerhalb dieses Dokuments innerhalb bestimmter Elemente zu bearbeiten , die wir wahre Ideen identifizieren können, zum Beispiel, und arbeitete sogar mit dem Konzept der Objekte objektorientiert, wissen Sie, Zugriff auf Eigenschaften innerhalb von Objekten oder Objekten innerhalb von Objekten und Eigenschaften in ihnen. Sie kennen das Konzept der Fahrrad-Kanal Peddle Dot Gummi auf Pedal, etc. Dr. Cooler. Das ist also, was diese Dok-Logik ist. Ihr Graben von einem großen Objekt in kleinere Objekte würde beendet und sogar Eigenschaften dieser Objekte und Sie können sie ändern, abgerufen sie. Also, das ist unsere Show. Aktuelle Datumsfunktion wird sie behalten. Ich werde eine neue Funktionsfunktion erstellen. Also werden wir eine Funktion auf zu drucken kämpfen. Ok. Und das wird uns helfen zu verstehen, warum wir diese beiden Klammern am Anfang zur Verfügung stellen müssen. Haben Sie diese Öffnung auf Offenlegung eines auf ihrer gefunden auf den neun auf den Null-Tasten oben auf Ihrer Tastatur? Halten Sie die Shift gedrückt, um sie zu benutzen. Nun, diese Funktion muss Werte berechnen, was bedeutet, dass sie bereitgestellt werden müssen, damit sie etwas haben muss , das diese Werte innerhalb der Funktion darstellen kann, da diese Werte jedes Mal anders wären, wenn sie verwendet wird, der Benutzer entscheidet, was diese Werte sein werden. Also müssen wir eine Art Symbol haben, während die Variable im Grunde ist, dass es ein Symbol ist, es eine Form von Daten darstellt, also speichert sie sie auf eine Weise und auf duh ist es abstrakt wie Algebra. Ähnlich. Also sagen wir Wert eins auf Wert, also haben wir Wert eins auf Wert und wir werden sie zueinander hinzufügen . Wir werden also sagen, Feuerwert-Baum ist gleich dem Wert eins plus Wert zu, so dass wir eine neue Variable namens Value Tree erstellen , so dass jetzt existiert, weil wir es mit diesem Schlüsselwort vier erstellt haben. Wir müssen das Schlüsselwort Vairo Pierre nicht verwenden, das ist eine Ausnahme. Nur weiß irgendwie, dass wir Variablen aufgrund des Kontexts erstellen. Hier unten müssen Sie explizit sagen, aber Sie können Schlüsselwort tun. Vira Vira Wert Baum ist gleich dem Wert einer von uns Wert zu wissen, was das sein wird? Nun, es wird die Summe der beiden Werte sein. Wir wissen nicht, was der genaue Wert ist, was er sein wird, weil dies abstrahiert wird, hängt von den Werten ab, die bereitgestellt werden oder? Also, das ist die gleiche grundlegende Kälte verwenden, die wir vorher benutzt haben. Kommentare von I D. Und es ist bis heute Holder, nicht wahr? Das ist die i D. Ich werde Zugang zu Inter Head, sie männlich gleich dieser Zeit, wir werden einen tieferen Wert Baum setzen. Also, was auch immer diese beiden Werte gleichsetzen, es wird das widerspiegeln. Und jetzt, mit unserem On Click-Ereignis, anstatt die Show aktuelle Datumsfunktion auszulösen, werden sie t Handdruckfunktion auslösen, die wir gerade erstellt haben, und wir müssen den Wert zuerst über einen Wert für den Wert bereitstellen eine Zahl, also werden wir vier sagen und dann für Wert zu Vielleicht sagen wir acht. Also, wenn das funktioniert, sollten wir 12 erscheinen sehen, so dass das auf der Refresh F fünf gespeichert wird. Oder aktualisieren Sie Ihre Vorschau und klicken Sie dann auf 12 erscheint So haben wir erfolgreich Baumvariablen erstellt . Wir haben sie hinzugefügt, um sie dazu zu bringen, einen neuen Wert für unsere dritte Variable zu erstellen, und dann haben wir das auf dem Bildschirm wiedergegeben. Also, das ist die grundlegende Verwendung von Variablen mit Florida weiter, natürlich, in nachfolgenden Videos. 14. Arithmetische Operatoren: in der vorherigen Lektion. Lernen über die grundlegende Funktion und Verwendung von Variablen wurden wir etwas ausgesetzt als arithmetischer Operator bezeichnet wird , der am meisten versetzte Symbol darauf verwendet wurde, um Werte zusammen hinzuzufügen. Lassen Sie uns über den Geruch lernen, unsere Sanitäter Betreiber, so können wir das Plus verwenden, natürlich, ja, aber ich bin nicht, um Kopien von Dysfunktion zu machen und sagen, Subtrahieren dieses Mal. Subtrahieren Sie vorne auf, um Werte zu subtrahieren Wir haben T-Minus-Taste verwendet, was natürlich vorhersehbar genug ist . Und wenn wir jetzt hier runtergegangen sind und die Subtraktionsfunktion anstelle der Anzeigenfunktion aufgerufen und dann hier rüber gehen, aktualisieren Sie Seite fünf Quick wird subtrahieren, und es gibt uns minus vier. Das macht nur Sinn. Was vier minus acht ist, wäre minus vier, Also lasst uns weitermachen und eine weitere Kopie auf „Erfahren Sie mehr“ machen. Ein anderer arithmetischer Operator auf diesem ist de multipliziert, und das ist weniger vorhersehbar oder offensichtlich. Es ist D Asterix Symbol, so fügen Sie in einem astralen dort so weit, Wert Baum, so Wert Baum gleich Wert ist, ein multipliziert mit Wert zu gut, Multiplikationsoperationen werden mit diesem und Magen durchgeführt Charakter, um es zu beweisen. Lassen Sie uns die Namen ändern, weil wir nicht zwei Funktionen mit dem gleichen Namen haben können. Wir nennen diesen einen Multiplikationsdruck, und wenn Sie hierher kommen, und wenn Sie hierher kommen, dann müssen wir es zuerst nennen und die Drucke multiplizieren. Stoppeln klicken und wir gehen multiplizieren in Französisch bezieht sich darauf. Speichern Sie nun die Indexseite, aktualisieren Sie und klicken Sie auf 32. Sie können die Masse dort selbst bestätigen, also haben diese Luftbaum bisher einen Baum angeschaut. Arithmetische Operatoren. Das ist schon wieder der Begriff. Wiederholung ist der Motor der Aufmerksamkeit, die ich bin. Wir duplizieren die falsche Funktion. Okay, wenn Sie es also multiplizieren können, ist es logisch, dass Sie in der Lage sein müssen, zu teilen. Also sagen wir Divide und Prinz Körper eins im Wert wieder all die gleichen Dinge. Akzeptable Änderung D Operator, Dis Operator wird ein Schrägstrich Vorwärtsschrägstrich sein, glauben Sie es oder nicht, stellt die Division in fast allen Programmiersprachen dar, wie der Magen repräsentieren Multiplikation und fast alle Programmiersprachen. Also nur diese sind ziemlich konstant er konsistente Symbole über die meisten, wenn nicht alle, Programmiersprachen. Okay, also haben wir Anzeigen anziehen, multiplizieren auf Divide. Dies sollte nun geteilt werden, um unseren endgültigen arithmetischen Operator Divide und Prince zu testen. Jeder gibt uns, dass das Ergebnis der Teilung Operation, ihre Reihenfolge, diejenigen, die wir verwenden können, die auch üblich sind. Wie er, können wir sagen, inkrement im vorderen Inkrement im Druck, auf für deaktiviert. Nehmen Sie einfach einen Wert eins und dann sagen wir, äh, Wert eins möglich ist. Ich gebe nur den Wert eins dem inneren HTML beim Schließen des Beitrags wird diesen Wert nur inkrementell um eins annehmen , also werden wir es hier nennen. Ich biete es mit einem Anfangswert wie Inkrement beim Drucken an. Wir geben ihm den Wert von zwei. Also, was? Wir sollten seinen Baum sehen, wenn er an B arbeitet. Also das plus die Kombination dieser beiden Zeichen, die ein Nutter ist, unser Sanitäter Operator, und es ist ein inkrementeller fügt einfach eins über dem Wert auf, den Sie wahrscheinlich vorhersagen könnten was das Deck REM Int athletischen Operator wird nur auf Pluspunkte für Sie vermutet es zwei Minuspunkte. Also, wenn wir gerade Punkt jetzt statt Sakramente auslösen und drucken, haben wir immer noch zwei als das, was Sie gut zu minus eins gehen könnte. Hier ist eins. So haben wir uns alle wichtigen oder wichtigsten arithmetischen Operatoren angesehen, die wir plus haben , was zu Werten beiträgt. Zusammen haben wir Minus, das den zweiten Körper subtrahiert. Von der ersten haben wir multiplizieren, was für Werte gilt und gibt die Ergebnisse teilen, die dividiert, entwertet und gibt die Ergebnisse und plus plus, die um eins auf minus minus, die Decker-Münzstätte. Es gibt also die sechs gebräuchlichsten, wichtigsten arithmetischen Operatoren in Javascript, die großartig sind. 15. Dynamisches Dateityp: in dieser Lektion beginnen wir, die Datentypen in JavaScript genauer zu betrachten. Um dies zu tun, wird eine neue Seite mit der rechten Maustaste auf das HTML fünf Basics Projekt oder Äquivalent auf Ihrem System erstellen. Eine neue Datei. Ich werde es einfach Datentypen nennen. Album Wort, Kleinbuchstaben Punkt html schließen Index für jetzt. Also, das ist unsere Schale wieder aufzubauen. Und einmal haben wir es wahrscheinlich noch nicht benutzt. Es ist doc-Typ-Tag und gibt die HTML-Standards für dieses Dokument verwendet werden sollen. Du kannst einfach Hasen eingeben, weißt du? Okay, für ein Team von fünf, ist das generell in Ordnung. He, html Kopf Titel. Das ist ein Lerndatentypen. Und natürlich wäre keine Seite komplett ohne einen Körper, der jetzt im Körper liegt. Ich werde einen Absatz erstellen. Ich werde diesen Absatz über Attribute geben. Es wird eine Idee Attribute I d. Ein Zeichen Anführungszeichen, um den Wert zu enthalten, und es wird Show genannt werden, weil es eine Shell ist. Da ist noch nichts drin. Ich werde ein Drehbuch in die Leiche selbst stecken. Nun ist es im Allgemeinen eine gute Praxis, im Allgemeinen eine gute Praxis, unsere Funktionen im Skriptelement zu behalten. Mehrere übersprungene Elemente können auf einer Seite verwendet werden. Es ist gut zu üben, ein Skript im Kopf zu haben, wie wir es vorher getan haben. Keeper funktioniert dort, weil wir die Funktionen jederzeit auf der Seite aufrufen können. Aber wenn Sie ein Skript setzen und in dem Sie direkt auf der Seite ausführen möchten, ohne dass Aktion seitens des Benutzers erforderlich ist, dann ist der beste Weg, Dad zu tun, tatsächlich ein Skriptelemente auf der Seite zu setzen. jedoch, Es istjedoch,dass Sie diesen Code ausführen möchten. Also zuerst, sobald unser Körper geschaffen wurde, die Krater p Elemente, aber es ist leer. Es hat dieses I d. Sie können etwas als Platzhalter wie diesen einfügen. Dies ist eine Schale, denn das wird verschwinden, sobald wir ersetzt haben. Weißt du, ich hasse sie Melas, die wir vorher gemacht haben. Hier unten ist, wo wir anfangen zu arbeiten, welche unsere, äh, äh, Datentypen Also haben wir schon Datentypen verwendet? In der Tat haben wir, obwohl Ihnen das vielleicht nicht bewusst war. Was sind die Datentypen, die wir am häufigsten verwenden werden? Nun, wir arbeiten mit Zahlen, kommentieren das aus, damit es keine Fehler schreibt. Kommentieren ist nur dort, wo wir Anweisungen zur Verfügung stellen, die von Programmierern wie uns selbst lesbar sind. Oben teilen wir unsere Kälte. Jemand anderes kann die Kommentare lesen. Es ist nicht rot vom Computer, um einen Kommentar zu schreiben. Beginnen Sie einfach mit zwei Fords-Wimpern und es wird grün. Das ist ein Kommentar. Es ist ah, menschlich lesbar, nicht computerlesbar. Also werde ich Datentypen, gemeinsame Datentypen sagen . Also haben wir Zahlen. Die Zahl könnte genauer sein. Das könnte eine ganze Zahl sein, und es könnte Floats sein. Eine Ganzzahl ist eine ganze Zahl wie eins oder 52 oder 76 R minus zwei oder minus 78. Es könnte eine positive Erinnerung oder negativ sein, und es ist eine ganze Zahl. Gleitkommazahlen haben Punktwerte. Also float wäre etwas wie 1,4492 oder 17,64 Baum oder minus 42,759 Das ist der Unterschied zwischen Ganzzahlen und Floats. Die Bilder sind ganz. Zahlen könnten positive oder negative Floats unserer Zahlen sein. Wir sind Dezimalstellen, also sind sie genauer, genauer. Wir haben ihn für präzise Berechnungen benutzt. Wie Sie gesehen haben, können Zahlen sehr einfach mit unseren Variablen zugewiesen werden. Ich zeige einfach das Erstellen einer Variablen an. Wie auch immer Sie es nennen wollen, ist gleich se vier auf. JavaScript kennt wahren Kontext, den wir nur nicht als Zeichen, sondern als numerischer Wert verwenden . Also, wenn wir das als Zeichenwert zur Verfügung stellen wollten, also nicht die Zahl vier, sondern nur ein Zeichen für wie in einem Satz bin ich. Dann müssten wir Anführungszeichen um sie setzen. An welchem Punkt, ja, JavaScript, würden Sie es als String als String betrachten? Also, was ist eine Schnur? Es ist eine Textzeichenfolge, im Grunde eine Zeichenkette. Es ist also egal, ob wir Zahlen in unserem Text haben. Wenn es eine Zeichenfolge ist, kann ich sagen, Zahl ist jetzt gleich vier. Dieser erste Wert ist numerisch auf, so dass wir mathematische Operationen auf sie und Verbindung mit anderen numerischen Werten usw. durchführen könnten. Das ist eine Stärke. Es ist nicht lange, es ist nicht mehr in Amerika. Wir könnten es mit anderen Saiten verunreinigen. Ich musste Sätze und Absätze und solche Dinge machen. Obwohl wir in beiden Fällen sehen, sagen die Anführungszeichen, dass ich das Tail JavaScript bin, im Grunde, das dies als einen bestimmten Datentyp verwendet hat. Es versteht es so. Die Tatsache, dass wir die gleiche Variable verwenden, haben wir hier eine Variable erstellt und einen dis-numerischen Wert gegeben . Denver Wenn Sie einen Zeichenfolgenwert zuweisen, der in JavaScript und vielen Sprachen tatsächlich in Ordnung ist, müssen Sie einen Datentyp für eine Variable angeben. Du würdest so etwas sagen. Sagen Sie Feuernummer. Dies wird in JavaScript nicht belästigt, aber das ist, was Sie getan haben. Viele Sprachen. Zahl int für Ganzzahl ist gleich fünf. Und dann müsste diese Variable eine ganze Zahl sein. Wenn du sagst, schwimmt 10, müsste ich vier spielen 567 oder so etwas. Wenn du sagst, Stärke ist gleich was auch immer als das, würde ich sagen müssen, dass eine Stärke keine Rolle spielt, dass wir es eine Nummer nennen. Dieser Bezeichner ist nur eine beliebige Sammlung von Zeichen. Wir machen es für uns selbst sinnvoll, damit wir es lesen können, um zu verstehen, was es bedeutet. Einen Computer stellen. Es spielt keine Rolle, welche Zeichensammlung Sie hier verwenden, und es bezieht sich nicht auf den Datentyp für den Computer. Es muss nur sinnvoll sein, damit wir uns daran erinnern, was wir schreiben. Daher werden viele Sprachen erfordern, dass wir spezifisch und explizit in unserer Eingabe sind, die Art und Weise, wie wir Datentypen oder Variablen anwenden und daran festhalten. JavaScript ist nicht so streng, daher hat es etwas namens dynamischer Typ. Es kann dynamisch den Typ einer Variablen nach Belieben geändert werden, so dass wir die Wiederverwendungsvariable jederzeit ändern können, was praktisch ist. Sie können die gleiche Variable für alle Arten von verschiedenen Dingen und Übungen verwenden. Du machst es vielleicht nicht so sehr, aber weißt nur, dass du das kannst. Es ist möglich. Ich arbeite mit Strings, die eine Sammlung von Zeichen ist. Wir in Wandleuchte wickeln wir die Charaktere ein. Vier Todesfälle klingeln in Anführungszeichen, so dass alles zwischen de Quotation Max streng ist oder in der Zeichenfolge enthalten ist. So funktioniert es, Okay, um es zu beweisen, es ist immer gut, dass Okay, um es zu beweisen, hier ein Beweis kommt und am Ende unseres Drehbuchs Art von Ausrichtung in unseren Regalen widerhallt. Dokumente war ein Dokument oder ein Shell-Element war ein Dokument, das nicht Element i d Element von i d erhalten , die wir zuvor verwendet haben. Es ist eine sehr häufige Funktion und hat gerade diese Stadt beobachtet. Es ist nicht versehentlich vermasseln Sie Ihre Kälte. Ich möchte sagen, Ah zeigen, dass Tee beißig ist, den wir für Streit vorgesehen haben und das ist innere HTML legal zu Nummer, die die Variable ist, die wir früher erstellt und dem String zugewiesen haben. Sie haben also nicht als Zahl erstellt, weil wir einen Zahlenwert signiert haben. Aber sobald wir einen String-Wert gerade zugewiesen haben, wurde ein JavaScript dynamisch neu verwendet, um jetzt eine String-Variable zu sein , so dass der Typ dynamisch geändert werden kann. Mal sehen, dass das funktioniert hat. Und das tat es, weil Sie sehen können, dass es diesen Absatz füllt, der diesen Anfangskörper hat. Schau, Dies ist eine Show für alles zwischen dem Zitat. Max ist im Lieferumfang enthalten. Industrie Okay, so dynamischer Typ ist wahrscheinlich das wichtigste Konzept, das Sie aus diesem Video auch mit Zahlen nehmen möchten , und wir haben verschiedene Typen, wie Ganzzahlen und Floats. Und obwohl wir das nicht in der Kälte angeben, verstehen Sie einfach, dass unter der Haube JavaScript von einem Typ in einen anderen Typ konvertiert. Für uns ist es mit diesem getan. Ich bin dynamische Typisierungssystemsoldaten, immer ein Typdatentyp, der mit dem Inhalt über variable Variable verbunden ist. Wir haben immer einen Typ an der einen oder anderen Stelle, aber es ändert den Typ abhängig von der Art der Daten, die wir bereitgestellt haben. Also, zum Beispiel, wenn ich sagen würde, jetzt Zahl ist gleich dem Dokumentpunktdatum oder nur zwei Daten, sogar Sie Datum, sollte ich sagen, äh, äh, es hat seinen Typ in Datumsobjekt geändert, das ist einen anderen Datentyp wieder auf Sie werden sehen, dass es tatsächlich Echos, dass jetzt auf dem neuesten Stand. Das Datum an sich ist also ein Datentyp, weil es sich um ein eigenes Objekt handelt. Ich habe die Art der Nummer in ein Datum geändert. Zum Beispiel könnten wir Zahl Punkt sagen und Sie können zugreifen. Also, ah, Maismoment. Arbeitet das derjenige? Aber wir lassen das für eine spätere Lektion, weil wir wahrscheinlich ein wenig zu fortgeschritten sind. Ähm, dieses Tutorial. Ich möchte Sie nicht mit zu vielen Informationen überfluten, aber verstehen Sie einfach, dass wir diese verschiedenen Typen haben. Eine andere Art von Daten ist boolean, die entweder wahr oder falsch sein kann, was ein praktischer P-Datentyp ist, der für viele verschiedene Situationen verwendet werden kann. sind auch einige der häufigsten Objekte. Jetzt können wir unsere eigenen Objekte erstellen, was wirklich ordentlich ist, und ihnen Eigenschaften und Methoden geben, was im Grunde, wissen Sie, Variablen und Funktionen innerhalb des Objekts sind. Also Alter gleich 24 Alter wäre Eigenschaft des Typs auf Zahl oder int für Integer onda Uh, ja, also wäre der Objekttyp sicher. Person und Eigentum wäre Alter und Sie könnten es in Amerika Wert entwerfen und Sie könnten eine Funktion wie, Sie wissen, gehen Person Punkt gehen auf. Äh, du könntest den Wert 10 mit einem Wert dafür liefern, wie weit man gehen muss. Das ist das Konzept von objektorientierten Objekten mit Eigenschaften und Funktionen oder Unterobjekten . Und deshalb haben wir die ganze Zeit seine Punkt-Syntax benutzt. Das Dokumentobjekt. Wir greifen auf ein Notre-Objekt von innerhalb dieses get element play i d dot inter hass geruch zu, das eine Eigenschaft dental ist, die gleich ist, dass also genug auf den grundlegenden Konzepten von Datentypen in der nächsten Lektion wird von dort abholen und einige etwas betrachten Fortgeschrittenere Sachen 16. Dateityp: Strings: Ok. Nacheiner vorherigen Lektion über Datentypen hier werden wir einen Blick auf einen sehr wichtigen Datentyp werfen, der Stärken ist. einer vorherigen Lektion über Datentypen hier werden wir einen Blick auf einen sehr wichtigen Datentyp werfen, Stellen Sie also sicher, dass Sie Datentypen von X haben. Hey, html offen auf. Wir werden den Inhalt unseres Skripts hier löschen. Bis auf das letzte Dokument. Verschwinde. Aber ich tat das in ihrer Eile E-Mail gleich, wir werden das dort lassen. Also 0.1, setzen Sie die Kommentare ein. Saiten können kommen, Captain ated. Was bedeutet das, Saiten zu kontaminieren, bedeutet, sie zu kombinieren. Okay, also wie machen wir es? Fire String eins entspricht meinem Namen. Das ist eine Stärke Feuer String zwei gleich ist keine Leerzeichen irgendwo mit Namen gleich George oder so. Denken Sie immer daran, jede Deklaration oder jede Anweisung mit einem Semikolon zu beenden und immer diesen Zuweisungsoperator zu haben, der das Gleichheitssymbol ist, das im Grunde sagt, dass es eine Variable erstellt ist. Mit diesem i d oder yeah wird sein Handler diesen Wert Semikolon beendet diese Anweisung, so dass sie beendet . Jetzt haben wir diese Baumvariablen auf. Wir können eine von ihnen ausdrucken, wenn du willst. Wie die Saite eins. Ich gehe zu unserer Vorschau von Datentypen, und mein Name wird gedruckt, was der Inhalt der 1. 1 Was ist, wenn wir gehen und ein paar Pluspunkte hinzufügen? Zeichenfolge 1 plus Zeichenfolge zu. Also lege ich es in den Raum, nur um es lesbar zu machen, und Sie müssen die Leerzeichen nicht dazwischen setzen. Wenn du es nicht willst, könntest du es so lassen, aber ich denke einfach nicht, dass das lesbar ist. Persönliche Vorlieben Kontrollen Shift F wird Ihren Mantel ohnehin nicht formatieren, also das ist, was ich gerade getan habe. Andi Aktuna stimmt zu, dass May in den Weltraum eingefügt hatte. Überprüfen Sie, Sie werden sehen Mein Name ist George jetzt keine Geschwindigkeitsplätze darin, weil Leerzeichen, ein Leerzeichen im Text, sich als Zeichen betrachtet wird. Wenn Sie dieses Zeichen nicht in den Zeichenfolgendaten angeben, wird es nicht für Sie eingefügt. Also haben wir diese Räume hier und hier nicht, weil sie nicht im Seltsamen sind. Sie werden sehen, dass wir keine Leerzeichen nach meinem Namen haben, nach dem Sie kein Leerzeichen haben, ist ich werde sie nicht in das setzen, was wir tun werden Es ist eine Zeichenfolge eins plus Anführungszeichen Leerzeichen. Also fügen wir sie in die Zeichenfolge ein, die wir für innere Hatch erstellen, um uns selbst zu diesem Raum zusammenzuschließen . Und wenn Sie bei geprüfter Vorschau wieder gespeichert haben, hat Casita tatsächlich zwei Leerzeichen eingefügt. Mein Name ist George, und wir können sogar richtig aufgeräumt sein und einfach nur raus gehen, um die Show ist George. Wir müssen esnatürlich in die Nähe bringen, natürlich in die Nähe bringen, Captain it. Also dieses Plus-Symbol ist und es könnte verwendet werden, um Zahlen zusammen hinzuzufügen. Ist das also ein aromatischer Operator in diesem Zusammenhang? Aber im Zusammenhang mit der Arbeit mit Strings und es ändert sich zu einem Mixtraub. Ater koordiniert Textzeichen, um sie in eine zu bringen. Und da haben wir es. Okay, Okay, das sind so ziemlich die Grundlagen der Arbeit mit Strings. Also danke für das Anschauen 17. 16 Objekte in JavaScript: Okay, also haben wir uns bisher verschiedene Datentypen angesehen, einschließlich wie wir mit Strings auf verschiedene Arten arbeiten können, beim Arbeiten mit numerischen Daten und anderen Daten. Geben Sie eine Schablone ein, die sehr nützlich sein könnte, ist auf. Sehr mächtig, sollte ich sagen, ist das Objekt. Wie arbeiten wir also mit Objekten? Okay, wir werden unsere Datentypen verwenden, die HTML-Datei, die wir zuvor in hier verwendet wurden werden wir ein neues Objekt erstellen, wird Feuerbenutzer gleich sehen. Also, wenn ich den gleichen grundlegenden Prozess hatte und ihn erstellt habe, und dann ist es, wo es sich ändert. Was wir verwenden, ist jetzt erstellen wir die M geschweiften Klammern, die wir verwenden, wenn wir Funktionsdeklarationen erstellen . Und dann bieten wir Eigenschaften, die Namenswert Eltern ist. Also haben wir einen Namen für etwas geschaffen und geben ihm einen Wert, der eine Eigenschaft ist. Also werden wir sagen, der Benutzer hat diese Eigenschaften, so Benutzer Punkt es ist ein Name und er verwendet Doppelpunkt wie und CSS, um einen Wert zuzuweisen. Jetzt Name wird eine Sammlung von Zeichen, Zeichen oder Textabsätze sein. Sätze ist genau etcetera sind in Strings und Strings gespeichert und der Wert für Strings geben wir an, dass ohne Ihre doppelte sind einfache Anführungszeichen. JavaScript unterscheidet nicht zwischen diesen beiden, so dass wir Aitor haben können. Ich ziehe es vor, doppelt zu verwenden. Und wir enden nicht mit einem Semikolon. In diesem Fall, auf einem Anruf es Jack, sagen, dass unser Benutzer Jack genannt wird. In der Tat, wird sagen, Vorname Hauptstadt und Vorname ist Jack. Nachname Jones Alter. Das ist ein amerikanischer Wert. Wenn wir also Saiten einfügen, die 27 sind, die nicht in America Value einspeisen würden und es würde es als eine Zeichenfolge betrachten. Und so, nur um den Unterschied zu verstehen, den wir vorher untersucht haben, wird 35 sagen. Also, das ist in Amerika Wert. Ohne die Anführungszeichen Geschlecht werden wir zur Verfügung stellen. Das ist eine männliche Besetzung. Und wir setzen die Besetzung auf Ja, Ja, die Saite auch. Was bedeutet, dass wir Zitate verwenden und sagen: Ja, Ja, Captain. Okay. Und am Ende werden wir einen Semikolon direkt nach der geschweiften Klammer einlegen. Das ist bei Funktionsdeklarationen nicht notwendig. Aber wenn Sie deklarieren oder wenn Sie ein Objekt einrichten und es ist, ist es notwendig, also zu sagen, dass jetzt, wenn die roten und gelben Marker ich in Uptown weggehen werde und Sie wissen, dass es technisch nichts falsch mit Ihrer Syntax ist , Das ist eine gute Kontrolle Shift F wird nur sicherstellen, dass Sie eine gute Formatierung haben. Okay, jetzt, wie ist das für uns nützlich? Aber im Grunde, was wir getan haben, ist in Objekten Onda. Wir wissen, dass ein Objekt eine Art von Daten ist. Es ist ein Tag, um auf seine Variable zu tippen, aber es enthält mehrere Variablen. Sind mehrere Eigenschaften in diesem ein Objekt? Es ist also fast wie Sie Container für Eigenschaften und Methoden, weil wir keine Funktionseigenschaften bereitstellen können , die mattiert sind. Trotzdem tun sie Dinge. Zum Beispiel, wenn Sie zu ihr kommen und sagen, bin etwas in der Linie von vollständiger Name und vollständiger Name würde dann auslösen, die sowohl den Vornamen auf dem Nachnamen zusammen gibt. Aber wir werden das jetzt nicht tun, nur um die Idee zu bekommen, dass Sie Dinge auch in wahrer, objektorientierter Programmierung bereitstellen können auch in wahrer, . Also lasst uns etwas davon abrufen. Sagen wir, Nun, kommen Sie zu unserem Dokument, das Element von I D Zeile auf bekommen. Befreien Sie sich einfach von all diesen String-Daten, die wir in der letzten Lektion hatten. Okay? Und abgesichert. E-Mail entspricht auf Willen, sagen der Benutzer. Eine Art Willkommensgruß für Benutzer. Sagen wir, der Benutzer hat diese Informationen in ein Formular ausgefüllt und wir haben abgerufen, dass sie willkommen sind . Außerdemkönnen Sie, können Sie, Captain acht. Ich muss sagen, ich bin Vorname. In der Tat ist es Benutzerpunkt Zuerst der Name plus ein Leerzeichen plus Benutzer macht Büste Namen auf. , Ich sehe,wohin das uns führt. Willkommen, Jacque Jones. Was wir also getan haben, ist, dass wir tatsächlich zwei Eigenschaften aus dem Benutzerobjekt die Vornamen-Eigenschaft abgerufen haben , die sich hier auf dem Nachnamen-Objekt befindet, das hier ist, und wir haben entsprechende Leerzeichen und umfangreiche das. Jetzt gehen wir ein bisschen weiter. dieser Satz aktiviert ist, sehen Sie den Wert der Verwendung von Objekten als logische Möglichkeit, unsere Daten zu speichern. Also setzen Sie, dass in der Nähe ein Benutzer Punkt Besetzung. Jetzt verwenden Sie etwa Alter plus Jahr alt. So Benutzer, dass Beruf so als nächstes. Okay, speichern Sie das. Gehen Sie zurück zu Ihrer Vorschau und es steht: Willkommen Jacque Jones, ein 25-jähriger Autogouverneur. Nun, das Wunderbare daran ist, dass und das wird relativ zu den Informationen, die der Benutzer zur Verfügung gestellt hat, sein. Das ist also die Macht von Variablen speziell, in diesem Fall ist es die Macht von Objekten. Sie können ein Objekt haben, das etwas in der realen Welt darstellt. Selbst in diesem Fall stellt die Daten über den Benutzer dar und die abgerufen werden können. So ist die Kraft der objektorientierten Programmierung, dass Sie all diese Informationen logisch in einer Weise gruppieren können , die emuliert, wie wir die Welt um uns herum außerhalb der digitalen Runde wahrnehmen . Also ist es eine gute Möglichkeit, auf JavaScript zu programmieren macht es möglich, das zu tun, wie hier gezeigt wurde, Ich habe nur ein Leerzeichen, und nach dem nicht, dass ich anal oder irgendetwas sein will. Fünf. Fünf Jahre alt Es sollte einen Raum dazwischen geben, nicht dein alter Mann, 35 Jahre alte Hauptstadt. Das demonstriert also die Macht der objektorientierten Programmierung, und wir werden einen Schritt weiter dazu in der nächsten Lektion über die Arbeit mit einer Methode 18. 17 Objektmethode: Lassen Sie uns nun eine Arbeit mit Objekten noch einen Schritt weiter machen und eine Metrik einführen. Nun, eine Sache ist es eigentlich eine Funktion, die mit einem Objekt verbunden ist. Bisher haben wir mit der Art von einfachen Eigenschaften gearbeitet, bei denen Sie ITER, einen String-Werter in Amerika, zuweisen . Wert könnte ein boolescher Wert sein, wie ich es bin. Plus, er war ein 1.000.000.000 schnell, nur um zu zeigen, dass sagen, heiraten verheiratet an Deck heute Abend wahr oder falsch war verheiratet ist falsch. Also ist er Single und natürlich trennt sie natürlichalle mit einem Komma. Also ist er ein einzelnes Auto auf, äh, diese Air Basic-Eigenschaften, wissen Sie, aber ein Grundwert kann frei sein, zurückgesetzt werden kann, und so weiter. Aber Methoden sind Eigenschaften, die tatsächlich Funktionen auslösen und dann Ergebnisse zurückgeben. Also setzen wir tatsächlich eine Funktion ein. Wir haben mit Funktionen gearbeitet, bevor wir eine Funktionsdefinition in das Objekt eingefügt haben, was ziemlich cool ist. Also werden wir das hier nennen. Ah, vollständiger Name Funktion. Putting Ihren Freund zu sehen ist, wie immer, mit Funktionsdefinition. Und natürlich werden wir unsere geschweiften Klammern einlegen. Nun muss diese Art von Funktion eine Rückgabe enthalten. Schlüsselwort-Motorfunktionen können eine Rückgabe enthalten. Er war abhängig von der Art der Funktion. Aber wenn Sie eine Methode erstellen, bin ich besonders eine Methode wie diese. Wie auch immer, es wird eine Rückkehr haben müssen, Schlüsselwort, Schlüsselwort, weil wir einen Rückgabewert benötigen. Wir wollten uns den vollständigen Namen geben. Also werden wir zurückkehren. Sie bauen Nation aus zwei Eigenschaften aus derselben Funktion. Dies, was auf das Objekt der Arbeiter im Moment bezieht, das ist der Benutzer hat Vorname Applaus stoppen Katze kleben und sie setzen einen Raum zwischen ihnen und dann nur stoppen Büste, die die gesamte Eddie aus einer Meta-Deklaration ist. Also jetzt haben wir eine Methode namens vollständigen Namen, die wir aufrufen können und den gesamten Namen abrufen und was diese im Grunde nur den Vornamen und ihren Nachnamen hinzufügen und den Raum zwischen ihnen setzen . Jetzt ist es eine Route der einfachen Angelegenheit, die grundlegende Methode. Aber es ist eine Angelegenheit. Also kommen wir hier rein. Ana wird einige dieser Kälte den ganzen Weg zurück zum Designer der Zuweisungsoperator dort entfernen , wir werden sagen, dass ich voll bin. Vollständiger Name. Nun, wenn Sie irgendeine Art von Funktion aufrufen. In der Tat, es muss Benutzer Arzt voll sein. Nun, wenn Sie irgendeine Art von Funktion aufrufen, sogar eine Methode über ein Objekt, müssen Sie stolz darauf sein, Prentice zu verhindern, ob Sie Informationen füttern oder nicht. Und wenn Sie, wenn es Dysfunktion Barometer akzeptiert, zum Beispiel, es hatte nur einen prominenten Aufruf auf Who's fragt, dann könnten Sie einige Informationen geben, um zu ernähren, wer Variable fragt. Wir haben mit ihnen Argumente in früheren Lektionen gearbeitet. Was wir nicht brauchen, um das hier zu tun. Dies ist nur eine Methode, die rein entwickelt wurde, um zurückzugeben, einen Wert, den Sie sehen, dass es das tut. Es verbindet diese beiden Eigenschaften mit der Vornamen-Eigenschaft in der Nachnamen-Eigenschaft, und es gibt das als Stärke zurück, und das wird gedruckt. So arbeiten wir mit Methoden, so dass Sie jetzt Eigenschaften und Methoden von Objekten erstellen können 19. 18 Geltungsbereich: Nachdem wir also einige Zeit damit verbracht haben, Datentypen und Variablen, Objekte, Eigenschaften und Methoden zu erkunden Objekte, , haben wir sicherlich viel gelernt. Und ein wirklich wichtiges Konzept, das wir noch nicht gesehen haben, ist das Konzept des Schulumfangs . Und Programmierung bedeutet im Grunde, wo es existiert, wo es eine Variable ist, existiert in JavaScript. Es gibt zwei mögliche Antworten auf diese Frage. Es hat entweder einen lokalen Bereich oder es hat einen globalen Gültigkeitsbereich. Jetzt gibt es eine sehr klare Logik, um im Wesentlichen unsere Datentypen html hier zu betrachten. Wenn die Variable außerhalb einer Funktion Dan deklariert wird , hat sie globale Schule, und das bedeutet, egal wo Sie sich darauf beziehen und es wird sichtbar sein, wurde verfügbar sein. Aber wenn die Variable einen lokalen Bereich hat, bedeutet das, wenn sie innerhalb einer Funktion erstellt , wird,werden Sie sie nicht außerhalb dieser Funktion sehen können. Das bedeutet also, dass verschiedene Funktionen Variablen mit demselben Namen haben können. Um zu beweisen, dass das großartig ist, um Funktionen, Funktion F Funktion. Man sollte nicht eine sichere Funktion haben. Man wird eine Variable deklariert haben, und wir scheinen ihm seine Klammern zu geben, erste Versehen und wir nennen es in durch meine Haare ist gleich, um den gleichen Wert zu verwenden. Okay, also hat Funktion eins eine Variable namens meine Bar. Und es hat dies den Wert einer Funktion, um eine Variable zu haben, meine Vira als auch es sollte jetzt aufgerufen werden, wenn ich Freunde von hier auf gleiche Weise haben wir es immer getan Abendessen, wissen Sie, gleich meinem Vater. Und kopieren Sie einfach die gleiche Zeile von Kälte über 21 Wir können entweder eine dieser Funktionen hier drüben aufrufen und einfach sagen: Befreien Sie sich diese Zeile vollständig oder ich werde sie nicht vollständig loswerden. Ich werde nur kommentiert mit Miete über Kommentare in einem früheren nicht Andi. Was ich tun werde, ist, dass ich einfach Funktionskosten machen könnte. Also werde ich eine sagen, wenn ich eine anrief, die Freunde auf den Bildschirm wollen, weil sie erkennt , dass diese Variable lokal für diese Funktion ist. So weiß es, die Assists mein Feuer zu verwenden, weil lokal zu dieser Funktion. Mit anderen Worten, die meine Vire in Funktion gibt es nicht so weit, wenn jemand betroffen ist, und es ist das gleiche tun Sie, um eine Aufruffunktion zu sein. Es hat nicht mein Virus mit dem Wert von zwei, und wenn wir hier rüber gehen, werden wir sehen, dass das so ist, wenn wir diese Funktion aufrufen, es kennt seine eigenen lokalen Variablen, und es ignoriert alle anderen lokalen Variablen, so dass andere lokale Variablen diejenigen sind, die mit Ordnungsfunktionen deklariert werden. Die Punkte, die hier demonstriert werden, sind, dass lokale Variablen, alles mit einem lokalen Bereich, dass das Schlüsselwort hier Umfang ist. Es existiert nur innerhalb der Funktion, in der es innerhalb von erstellt wurde, während globaler Umfang bedeutet, dass etwas ist, es ist überall verfügbar. Also, wenn ich von dem, was in diesen Funktionen auf String eins beziehen wollte, könnte ich, weil String eins global ist und um es zu beweisen, das wird in String eins auf eine Zeichenfolge gesetzt, eine für beide, String eins. String one ist also eine globale Variablen, die außerhalb von Funktionsdeklarationen gesetzt wird. Sie können sehen, dass dort so ist es global und es ist zugänglich von Bowties Funktionen. Also egal, ob ich em besser nennen, ich feuere Funktion Wunder Feuer zu ah Feuerfunktion hier unten und Sie sehen, dass mein Name , der der Wert der Zeichenfolge ist. Eins wird gedruckt. Also alles mit globalem Umfang oder, anderen Worten, wenn außerhalb einer Funktion deklariert wird, ist es überall zugänglich. Irgendwas. Dieser lokale Bereich, der innerhalb einer Funktion deklariert ist, ist nur innerhalb dieser Funktion und dieses Bereichs zugänglich . 20. Bedingungslose Logik: Nachdem wir viel von den Grundlagen von JavaScript gelernt haben An dieser Stelle werden wir in ein wenig praktische Anwendung auf das, worauf wir aufbauen , bekommen . Hier ist ein bisschen Formularvalidierung, mit bestimmten speziellen String-Methoden, die JavaScript komisch. Also lasst uns eine neue Seite in unserem Hasst Ihn auf fünf Grundlagen erstellen. Projizieren Sie eine neue Datei und wir nennen es Formularvalidierung. Ich werde die eigentliche Validierung in dieser Lektion nicht durchführen, aber in einer nachfolgenden, müssen wir es aufbauen. Erster. Lassen Sie uns schnell unsere Struktur erstellen. Die Station wird es anrufen. Es sind gute Praktiken. Pause nicht, um dunkle Typdeklaration zu vergessen. Also einfach doppelt schnell und lecker und raus ist es in Ordnung. Tana kann ein bisschen zappelig werden. Bitte beachten Sie das. Aber insgesamt denke ich, dass das Problem so ist, um die Nachteile mit Tana besonders zu beruhigen. Ich schätze diese de tool mal wirklich. Unsere Vorschläge jetzt, das ist kreativer Körper. Okay, wir brauchen ein Formular. Eigentlich würden wir uns nur bilden, aber wir werden hier einen P-Tag mit Tentakeln setzen. Ich gebe ihm ein I. D. von Shell hat es vorher geschlagen. Okay, jetzt erstellen Sie ein Skript und eine Funktionsbedingung. Bedingte Logik wird es nennen. Also werden wir nach dem Lernen suchen. Aber wenn Anweisungen bedingte Logik mit if Anweisungen klicken gleich bedingte Logik. Okay, If Anweisungen erlauben es uns, Eigenschaften oder Werte auf dann in Abhängigkeit von dem Zustand auf verschiedene Weise reagiert zu bewerten . Also können wir sagen, ob wir etwas brauchen, um zuerst verkauft zu bewerten. Also feuern Sie Nein ist gleich Baum auf. Uh, wir können sagen, ob nein gleich ist, die Bedingungen für diesen überfüllten künstlerischen Zustand schaffen und Argumente oder, äh, Aussagen, die diktieren, was in der Folge dieser Bedingung passiert. Die Wahrheit verbessern. Sie werden also feststellen, dass wir eher gleich als eins verwenden. Nun, das ist, weil, wenn Sie hier oben schauen, sehen Sie vayrynen, ähm gleiche Straße. Wir verwenden ein einzelnes Gleiches für etwas anderes. Es ist ein Zuweisungsoperator. Es weist einen Wert mit der Gestaltung des Wertes von Baum auf die variable Zahl. Daher können wir keinen Zuweisungsoperator für die Auswertung verwenden, da dies ein anderer Zweck ist. Also in Javascript auf, dann, alle Programmiersprachen, praktisch die Differenzierung ist, dass Sie verwendet, um, um, bedingte. Also, wenn Sie einen bedingten Operator verwenden und dann sind es zwei gleich so Vergleich. Sie machen Vergleich zwischen taub auf eins. Du sagst, wenn Gnom derselbe ist wie eins, wenn sie gleich sind, dann wird sich das als wahr erweisen, was auch immer hier drin ist. Sonst gehen wir zu unserer nächsten if-Aussage, die sonst sein wird, sage ich. Wenn taub gleich zwei ist und Bedingungen wieder bereitstellen, bin ich endlich nein, wenn nein gleich Baum Ana ist, dann haben andere Bedingungen. Es gibt verschiedene Aussagen für jeden, also könnte es einfach etwas in ihr Dokument einfügen, das Elemente von D erhält Es werden Shellpunkte sein. Inneres HTML ist gleich, es war eine Kopie, die. Okay, kopieren Sie. Wenigste Kontrollschicht. Der Tod lehrte ein Format auf das, was diese beiden in den Eintrag geändert hat. Wenn wir das jetzt gerettet haben, dann testen wir nein. Ein Fehler, den Sie gerade gemacht haben, ist in. Sie können nicht wirklich auf diese Art von Elementen klicken. Also müssen wir einen Knopf erstellen, der gut ist. Aber es hat einen Knopf auf Fleisch gesetzt. Könnte ich mir eine bedingte Non-Click-Logik und einen Semikolon geben, um diese Anweisung zu beenden . Dieser Funktionsaufruf. Okay, also bringen wir unsere Vorschau wieder auf. Es war Baum. Wenn ich um 22 Uhr hierher gewechselt bin, bin, versuchen Sie es erneut. Das war es auch. Und nur um gründlich zu sein, versuchen Sie etwa eins. Es war eins. Das ist also bedingte Logik. Auswerten eines, äh, A-Wertes für mehrere mögliche Zustände oder Ergebnisse. Mehrere Bedingungen. Wichtige Punkte, die Sie von diesem einzelnen Gleichheitswert nehmen müssen, sind kein Unterzeichner. Double gleich ist Vergleich. Wir verwenden das mit if-Anweisungen in Ordnung, um Bedingungen zu bewerten, um zu sehen, ob zwei Werte gleich sind oder nicht, und dann entsprechend zu reagieren. In der nächsten Lektion schauen wir uns Warnfelder an und wie 21. Alert: Mr. Sin wird die Alert-Box einführen. Die Alert-Box ist also eine praktische kleine Angelegenheit, die wir anrufen können. Ich werde nur wirklich alle Bäume dieser Anweisungen entfernen und sie ersetzen, was die Alert-Funktion aufruft. Andi. Es erscheint eine kleine Alarmbox zu sagen, um zu verwenden oder etwas. Also, zum Beispiel, wenn es zu erwärmen ist, wird getan sagen, dass es eine ist sogar nur Wert dieses eine. Keine kopierte nach oben Linie Control Shift nach Auto Format auf Wir können nur die Lichter unter Filmen reparieren . Unnötige Leerräume. Jetzt, wenn ich sage, wenn diese Datei auf, dann aktualisieren Sie die Seite auf schnell. Ich habe diese kleine Nachricht bekommen, die besagt, dass der Wert eins ist. Es ist eine Alarmbox. Diese können sehr nützlich sein und Formularvalidierung, um den Benutzer zu warnen, wenn der Inhalt, der echte Reform eingereicht wurde , nicht Ballade ist, es ist nicht verwendbar. Also denken Sie daran, dass man nur Kleinbuchstaben eine Warnung Klammern, Anführungszeichen und dann die Nachricht. Beenden Sie mit einem Semikolon. Am nützlichsten ist eine Arbeit aus einer bedingten Logik im Kontext von, zum Beispiel, für die Invalidierung 22. Form: Also ist es Zeit, etwas Nützliches zu tun. Nun, was wir bisher über die Anwendung gelernt haben, die wir verwenden werden, ist, dass eine ausländische Validierung, wie Sie in den vorherigen Lektionen erwähnt haben. So haben wir über bedingte Logik-Vergleichsoperatoren, Zuweisungsoperatoren, Variablen usw. gelernt Zuweisungsoperatoren , Variablen . Es gibt eine Art von Variablen, mit denen wir bisher nicht gearbeitet haben, und es ist Do you rate auf einem Array ist im Grunde eine Variable, die mehrere Werte enthält, normalerweise mehrere verwandte Werte. Also nur ein Array, auf das wir aufgerufen Formulare auf seinen Blick in den Dokumenten zugreifen können. Und es ist ein Array aller Formulare, die im Dokument verfügbar sind, und wir können es mit echtem JavaScript auf zugreifen. Wir können es verwenden, um auf Elemente innerhalb dieses Formulars zuzugreifen , dann bilden. Also werden wir hier ein paar Dinge ändern, und wir werden diese Funktion löschen. Wir werden alles im Inneren des Körpers führen, um wieder zu beginnen, indem wir ein Formular erstellen . Okay, jetzt wird dieses Formular Namen haben. Es muss einen Namen haben. Wir nennen es Formular s sog. Details Formular. Wir werden es mit der Silbentrennung versehen. Vielleicht bilden sich Details. Okay, drinnen werden wir ein paar Eingabeelemente haben. Eingabetyp entspricht Text, also ist dies sehr Typ in ihrer E-Mail, So gehen wir. Name und E-Mail, Andi glauben, definiert die Größe 22 Zeichen auf ihnen. Es empfiehlt sich, immer ein einzelnes Tag-Element zu beenden. Einer dieser vier Schrägstriche ist am Ende. Wie wir frühere Lektionen etabliert haben, werden wir ein zweites Eingabeelement haben, und es wird von Arten von Mitt sein. Es ist nur einreichen Buch Onda Value Film gleich einreichen. wird also sagen, dass du dich zu etwas anderem verändert hast. Wenn du magst. Zwei Sekunden. Senden Sie Details, nur um den Punkt zu demonstrieren, dass es sich um separate Details. Der Typ auf dem Wert sind nicht der gleiche Typ ist Sezieren muss ein Kellner sein, einreichen oder Text oder eine Reihe von anderen Optionen. Aber das ist alles, was wir eingereicht werden wollten, aber es sollte nicht bedeuten, einen Wert gleich zu erzwingen. Übermitteln. Wenn Sie die Vorschau öffnen, sehen Sie, dass wir Details Button kommen zurück zu unserem Code senden müssen. Jetzt haben wir unser Formular erstellt, also ist das cool. Das ist ziemlich bereit, als Nächstes zu gehen. Wir müssen etwas kaltes schreiben. Wir werden eine Funktion erstellen. Es wird Validates genannt, wissen Sie, und wir werden es vom Formular aus nennen. Also gehe ich zum offenen Tag, werde ich sagen, auf einreichen. Also, wenn dieses Formular eingereicht, dass Ereignisse ausgelöst, wenn wir diese Eingabe Buchung hier klicken. Also geben die Tanten zu, geht innerhalb des Formulars und nicht die Eingabe auf sich selbst auf Submit gleich und sagen validieren , wissen Sie, und beenden Sie mit einem Semikolon. Wie immer, wenn Sie eine Funktion aufrufen, irgendeine Aussage machen und kalt, das ist, was Sie tun müssen. Also haben wir Dysfunktion, validieren E-Mail auf Das erste, was es tun wird, ist die Erstellung unserer aufgerufenen Inhalte S A ist gleich auf Dies ist, wo wir darüber gesprochen haben. Denken Sie daran, dass wir darüber ein Rennen gesagt haben. Nun, wir haben eine Reihe kalte Dokumente Arzt Formulare auf, um auf seinen Inhalt zuzugreifen. Wir haben die eckigen Klammern verwendet und wir suchen nach dem Namen des Formulars, das wir wollen. Wenn Sie also mehrere Formulare mit mehreren Namen hätten, könnten wir eines von ihnen eingeben, weil sie alle verfügbar sind. Es stimmt, dieses Array von Formularen, aber das, auf das wir zugreifen möchten, wird als Detailformular bezeichnet. So Details Form. Und dann innerhalb, dass wir eine Sekunde zugreifen können, wenn Sie Array von Eingabeelementen innerhalb der vier mögen . Das ist also praktisch, nicht wahr? Also, jetzt haben wir ausgewählt, um wir mit den ersten eckigen Klammern zu bilden. Sie kein Dock zwischen ihnen. Zweite eckige Klammern wird eine Ebene tiefer gehen. Also unsere Suche nach einem von diesen auf der einen wollen wir seine E-Mail Punkte Wert, so dass Wert uns geben , was immer d m. Der Wert mit einem Inhalt von E-Mails. Von diesen E-Mail-Eingabe-Element ist vom Typ Text, also was auch immer ihre Typen in hier Geld zu verwenden, und klicken Sie dann auf Senden, was hier drin ist , das wird der Wert sein, den es im Inhalt gespeichert wird. Also hat es zugestimmt. Und lassen Sie uns einfach auf Alarmbereitschaft verwenden, über die wir in der vorherigen Lektion gelernt haben. Dieser Troll-Inhalt. Das ist also Test, und du weißt schon, du nein, yo yo yo. Wir wissen also, dass bisher die Logik funktioniert und alles andere, was alles miteinander verbunden ist. Wir erhalten den Wert dieser Eingabeelemente wahre deformiert Array. Und dann würde dieser zivilen Strahl, der in die Eingabeelemente schaut, der in die Eingabeelemente schaut,in dieser Form selbst. Und dann verwenden wir diese Werteigenschaft für den Zugriff. Der Wert dieser tatsächlichen Elementwarnung versucht es auf den Bildschirm, was wir gerade als Test durchgeführt haben. Das wollen wir jetzt nicht tun. Wir werden eine zweite Variable auf erstellen. Es wird diese Sorgfalt sein. Jetzt. Jede E-Mail-Adresse muss eine davon enthalten, nicht wahr? Setzt das at Zeichen Hot Car ist nur der Name, den ich diese Variable gebe, weil ich weiß , dass ich für dieses Zeichen überprüfen möchte jetzt gleich auf wir werden Inhalt sagen. Dieser Index von Index off ist eine String-Methode. Wir sind also, wenn du mit Charakteren arbeitest, die Tali mit Strings arbeiten, oder? Zeichenfolgen-Daten. Also indizieren Sie und wir werden in die Zeichenfolge schauen, was auch immer die Person in das Feld eingegeben hat. Und wir werden sagen, Gibt es an Charakter, um technisch gesehen, was wir hier tatsächlich überprüfen, ist die Position des Akt-Charakters in der Mail-Adresse. Aber das Tolle an Index Off ist, dass, wenn es in der ganzen Industrie keinen Out-Charakter gibt, dann wird es ein Minus-eins zurückgeben. Das wissen wir. So funktioniert es, also können wir das zu unserem Vorteil nutzen. Wir wissen, dass es einen minus einen Wert numerisch zurückgibt, wenn es überhaupt kein Symbol im Text gibt, den es untersucht, was Inhalt ist, was im Grunde das ist, was hier eingefügt wurde. Es muss also ein at Symbol haben, damit es sich um E-Mail-Adresse handelt. Das ist also Validierung. Wäre dabei zu sagen, ob und wir über Vergleichsoperatoren gelernt haben, bedeutet nicht, dass der Unterschied zwischen der Zuweisung, die eine einzige ist, im Vergleich gleich ist, was doppelt ist. Wir werden sagen, ob das ein Auto ist, was auch immer Index von zurückgegeben hat, ist gleich minus eins. Wenn es also minus eins zurückgibt, wissen wir dann, dass es überhaupt kein Symbol gibt. Wir werden aufsteigen und warnen, um den Benutzer nicht eine gültige E-Mail, dass dies sonst können wir so anders sagen, weil wir es vorher sah nicht so. Wenn in Dallas, wenn haben ihre eigenen Bedingungen andere ist diejenige, die Sie komportiert optional am Ende aller Ihre Bedingungen. In diesem Fall hat Geld eine Bestellbedingung, die im Grunde sagt, wenn keiner von denen wahr war, dann tun Sie dies. Also sagen wir, dass die 1. 1 sagt, ob es legal ist, minus eins zu entsprechen und das bedeutet, dass es kein at Symbol gibt. Andernfalls, wenn es nicht gleich minus eins ist, dann ist es uns egal, wo es in der Zeichenfolge ist. Da Index im Grunde die Position des Zeichens in der Zeichenfolge umkippt, sich aber schon darum kümmert, und solange es nicht minus eins ist, dann wissen wir, dass es da ist. Also sagen wir, sonst wachsam. Das ist eine sehr schöne böse AGIs. Also lassen Sie es uns testen und sehen, ob wir geschrieben sind kalt richtig. Also, Jack, nicht darüber in einem Kleid. Eine Sache, die wir vergessen haben, dort zu setzen, ist eine Rückkehr Falsch auf dieser Seite. Haben Sie ein Semikolon nach dem Zug. OK, und dieser Test wieder. Jack Sonata Ballting auf dem Kleid Jack bei Hotmail. Das ist eine sehr nette Adresse, die Sie sehen, also funktioniert es. Wir prüfen, ob der Wert gültig ist oder nicht. Nein, offensichtlich wäre es mehr, da unten zu tun. Zum Beispiel könnten Sie überprüfen, ob es eine ruhige Adoption in der E-Mail-Adresse gibt, weil jede E-Mail-Adresse einen Punkt haben muss und in der Tat, lassen Sie uns das jetzt tun, nur um es vorwärts zu bringen. Dieser zusätzliche Schritt bisher Punkt-Auto ist gleich Inhalt. Starten Sie den Index aus genau der gleichen Sache. Nur ein Arzt. Es muss einen Punkt haben. Es gibt keine E-Mail-Adresse ohne mindestens einen Punkt. Also sagen, ob, wenn ein Auto in der Lage ist, minus eine Ehrlichkeit und oder sogar nur oder so, wie wir suchen oder wir haben diese gerade oben Mittelstangen. Ich weiß nicht, ob du es schon mal benutzt hast. Es ist in der Regel ein wenig links schwindelig Taste auf Ihrer Tastatur und nur rechts von der linken Umschalttaste, Sie werden es dort sehen. Du musst Shift halten, um es zu benutzen. Es ist das gleiche Kind an den hinteren Schrägstrichen. Also halten Schicht beeindruckt Jackie, und Sie werden einen dieser aufwärtsgerichteten Käufer bekommen. Nun, Sie müssen den Anbetern zur Verfügung stellen, und das ist auch ein Vergleichsoperator. Und es überprüft im Grunde, ob der Schriftsteller dieser Luft wahr ist, also wenn ein Auto gleich minus eins ist, oder wenn Dakar gleich minus eins ist, und im Grunde, was das bedeutet, ist, wenn eines dieser Zeichen nicht vorhanden ist, als dies keine gültige E-Mail-Adresse Punkt Auto gleich minus eins. Also jetzt, wenn wir Jack bei sagen, während früher, das wäre als gültig behandelt worden, keine gültige E-Mail-Adresse. Also muss es Boot Jack am Haken Mail Dot com haben, damit es nicht an hat, und es hat angenommen, dass das als gewalttätig behandelt wird. Das ist eine sehr schöne E-Mail-Adresse. So können wir jetzt sehen, wie Rial, rohe Kraft und Macht von JavaScript in Kraft treten, tatsächlich Dinge damit tun konnten . Du bist also einen langen Weg gekommen. Du solltest stolz auf dich sein, aber wir sind noch nicht fertig. 23. 22 externe Skripte: Bis zu diesem Zeitpunkt waren alle Skripte,mit denen wir gearbeitet haben, interne Skripte. Bis zu diesem Zeitpunkt waren alle Skripte, Das heißt, der Job-Skriptcode wurde tatsächlich innerhalb des HTML-Elements selbst enthalten. Jetzt, wie wir in unseren Lektionen auf CSS gelernt haben, können Sie interne und externe CSS unsere Stylesheets haben. Das gilt auch für JavaScript. Wir können es jetzt von einer separaten Seite aus verknüpfen. Einer der Vorteile davon, wie es bei externen Stylesheets der Fall war, wären externe Skripte. Sie könnten sie mit mehreren Seiten verbinden, aber nur einem einzigen Skriptelement. So können Sie die gleiche Kälte nur einmal schreiben, und wir verwenden es in all diesen verschiedenen Seiten. Sie können diese Funktionen von überall aufrufen, also ist das eine sehr nützliche Sache, die Sie tun können. Ein weiterer Vorteil im Verhältnis zu unserem I d Hear Tana, ist, dass bin thanas. Kalte Fertigstellung wird viel genauer und viel effektiver sein, wenn Sie in einem engagierten Arzt arbeiten . Ja, Akte. Lassen Sie uns nur den Fall mit Tana, so dass, nachdem gesagt wurde, Let's Do It unsere Funktion hier aus oder zitiert Schreiber aus unserer ausländischen Validierung kopieren wird , dassHTML-Seite ich einfach Control X verwende. , dass hasst E-Mail-Basics hier. Wir erstellen einen neuen Ordner und nennen ihn Skripte. Kleinbuchstaben ist zur Konvention. Wir folgen für Ordnernamen, Reisen und klicken Sie mit der rechten Maustaste auf den neuen Skript-Ordner und erstellen Sie eine neue Datei wird es Hauptpunkt Js nennen . Also hier sind wir geblieben, dass sie Akte gefragt hat. Wir können einfach einfügen, um die Kontrolle über unsere Funktion und Steuerung Verschiebung Aufwand in Auto Format, die nicht glauben, dass Raum, wo er dort sein muss, dass nicht wirklich ein Schriftsteller sein muss. Das Personal der Luftwaffe hat es beim zweiten Mal richtig gemacht. So haben wir unsere Validierungs-E-Mail-Funktion in zwei separaten JavaScript gespeichert. Es ist noch nicht in irgendeiner Weise verbunden, aber was wir tun können, ist, dieses alte Element jetzt und innerhalb des ersten Tags zu verwenden. Wir werden eine Quellattribute verwenden, die Bewertungen, bevor ich bei Elementen auf Bestellung bin. Wir werden Teoh-Skripte auf eine Stadt zeigen hilft uns hier sogar Schrägstrich Haupt, dass Js es speichern, wenn Sie testen, wir sollten immer noch an einem arbeiten, das ich von der vorherigen weniger und immer noch funktional aufgerufen habe, obwohl es nicht auf dem Haken ist. Komm schon, Seite. Weil wir es von dieser Hauptdatei importieren, die wir erstellt haben, die sprechen könnte, die jetzt unsere Funktionen enthält, was sehr nützlich ist, nicht wahr? Okay, das sind also externe JavaScript-Dateien. Sehr nützliches Team in der Lage sein, zu verwenden. 24. 23 Leinwand: großartig. So haben wir genug grundlegende oder aus dem mentalen Einführungswissen über hasst Team, männlich, CSS und JavaScript zu beginnen zu arbeiten, beginnen, mit einigen der leistungsfähigeren Funktionen zu arbeiten. Am wichtigsten ist eine davon wirklich die Leinwand, dieses Element, das mit JavaScript codiert werden könnte, um Grafiken und Animationen einzuführen. Und es hat eine Fülle von Möglichkeiten mit Haiti eröffnet und jetzt fünf und in Reihe von APS und Spielen und all diese Dinge entwickelt werden. Es ist also wichtig, ein grundlegendes Verständnis zu haben, bevor wir zu fortgeschritteneren Kursen übergehen. Schauen wir uns das an. Stellen Sie sicher, dass wir Grundkenntnisse darüber haben. Wir werden schließen für die Ungültigkeit, dass HTML Wir haben eine Funktion hier validieren E-Mail in unserem Haupt, dass Js So werden wir weiterhin unsere Funktionen dort setzen. Nun, verlinken Sie einfach alle unsere nachfolgenden Seiten mit derselben JavaScript-Datei. Also zurück in unserer HTML fünf Grundlagen Seite, werden wir eine neue Datei erstellen, die voll Projekt sind. Es hätte sagen sollen, dass wir eine neue Datei über sie erstellen. Wir nennen es Canvas. Habe HTML. Das ist also unsere Leinwand Testseite und sehr schnell. Wir werden uns einfach aufstellen. Das Skelett hat sich vorher etabliert, aber hasst bis zu fünf Doc-Typ-Deklarationen könnten sehr einfach sein. Sie einfach eine übereilte Post. Das ist alles nur HTML dort am Ende. Also Paige Teamelemente. Du kennst den Rest. Wir werden uns einfach sehr schnell zusammenstellen. Sandkasten für das College, Kumpel. Ja, jetzt, davor. Aber in unserem Campus waren nur Link in unseren Skripten, die wir verwendet haben, was Hauptpunkt Js im Skript-Ordner ist. Also unter Titel wird in ein Skript Elemente setzen und das Attribut ist Quelle SRC gleich Ich werde sagen ja, Skripte im Schach es hier unten auf dem Körper Wir werden in unsere Canvas-Elemente setzen Also das ist das neue Element für die Erstellung einer Leinwand und glauben Sie es leer dort für jetzt an. Eine Sache, die wir tun müssen, ist, ihm einen I. D.zu geben D. damit wir direkt darauf zugreifen können. True sind JavaScript-Code, also werden wir es Canvas nennen. Ganz einfach, wir könnten sagen oder Haupt-Leinwand, weil es möglich ist , natürlich, mehrere Campus auf dem gleichen Hass E-Mail Dokument se Höhe gleich 400 oder sagen für 80 nur Art von Standard-Dimension für Spiele im Web, traditionell für 80 und mit Fahrzeug, um es auszunutzen 6 44 80 Setzen Sie das vor der Höhe, auch weil das zusätzlich ist, wie wir in Bezug auf diese Maße denken, nicht wahr? Mit meiner Höhe 6 40 vor 80 würde ich hier ein wenig Kälte einlegen, die nur gekühlt Render, wenn ich bin. Das Canvas-Element wird aufgrund eines veralteten Browsers auf der alten Browser-Version nicht unterstützt der den Benutzer zum Aktualisieren zwingt, damit der Browser veraltet ist. Er rüstet jetzt auf. Wir haben bereits unsere externe Javascript-Datei erstellt, oder? Hauptsächlich Js Also, was wir tun werden, ist auf, äh, die Funktion zu schaffen äh, , die wir von hier aus aufrufen. McAuliffe d und shin Draw Canvas-Funktion so vertraut mit Funktionsdeklarationen mittlerweile Funktionsdefinitionen. Also müssen wir Variablen. Die erste war ein Feuer auf. Es wird eine Leinwand sein, die dem Dokument entspricht. Ich muss Element bekommen. Hol Alan. So sehen Sie, dass in der externen Datei das M, die Tool-Tipps oder zu kalte Vervollständigung viel besser noch Element von i d. Wenn Sie ein externes JavaScript in dieser Zeit auf der apt auf dem I. D war Haupt- und Hauptcampus. Hauptcampus ist also der I. D. und wurden das als variabel an den Campus zurückgebracht. Das wird es halten, und wir werden eine von dieser Anspannung nehmen. Ich sage Kontext, was unser Zeichnungskontext ist. Es ist ein Objekt, das wir in JavaScript Toe Access GM verwenden. Der zwei D-Kontext für das Zeichnen so über den Kontext ist gleich dem Canvass Punkt get context und einfach in zwei D mit einem Kleinbuchstaben d posh off mit einem Semikolon gesetzt. Also, was ich hier tatsächlich getan habe, ist, dass wir diese Zeichenkompassfunktion selbst erstellt haben. Wir haben zwei Variablen gegeben. Einer ist Leinwand auf, sei ein Zeichen das Element von der Leinwand, um es. Also bin ich es. Wenn Sie hier zurückblicken, schließen Sie das aus, können Sie sehen, dass wir diese Leinwandelemente mit dem i. D Hauptcampus haben . Also durch den Zugriff auf ein wahr, dass i d. Wir füttern dieses Element in diese Variable. Zugriff auf einen echten Campus hin und wieder nahm der Kontext von dieser Variablen ab, die sich auf die Canvas-Elemente bezieht, die wir mit dem T-Kontext in Kontakt kommen, was ein Objekt ist, das wir verwenden können, um zu zeichnen, also hat es alle Arten von Zeichnungsmethoden. Also, jetzt, wo wir unseren Kontext haben und bevor ich noch mehr mache, was ich tun werde, ist eigentlich dieses Skript genannt, also können wir im Körper sagen, wir werden ein Skript einfügen und was in die Funktion gesetzt wird. Rufen Sie darauf Waas Draw Canvas Das wird nur die Funktion aus dem Hauptpunkt-Js-Skript aufrufen . Also alle Funktionsdefinitionen, wie wir in der vorherigen Lektion sowieso gelernt haben, in allen Funktionsdefinitionen, die in und angehängte Js-Datei sind, erscheinen wir und wir verlinkten es sind zugänglich. Würden Ihre senilen Dokumente nicht hassen? Also nennen wir Draw Campus. Ich verbinde mich wieder bei wahr. Holen Sie sich einfach Element durch i d Linie, um den Hauptkompass zu finden. Trudeau. Als nächstes müssen wir unseren Kontext und die Methoden verwenden, die damit einhergehen. Also hörte der Kontext auf. Was wir tun möchten, ist, den gefüllten Stil zu ändern , der eine Eigenschaft gleich ist, nimmt eine Zeichenfolge auf sie. Was wir tun werden, ist es einen kühleren Wert zu geben, okay, im Kontext Punkt Phil Rechteck. Und das ist keine Methode, also braucht es vier Argumente, was im Grunde X ist. Warum Dan, mit auf enge jetzt werden wir die gesamte und die gesamte Leinwand füllen, die 6 40 vor 80 ist. Das muss also 6 40 I für 80 sein, um die Verschraubung mit diesem Schinkenstil zu füllen. So ändern sie die Stil-Farbe zu schwarz. Wir fühlen jetzt ein Rechteck, indem wir die Farbe verwenden, die wir gesetzt haben. Wenn wir eine Vorschau anzeigen, haben wir Probleme. Nun, mal sehen, was die Probleme sind. Zeichenfläche. Stellen Sie sicher, dass wir alles richtig geschrieben haben. Phil Rectangle, Phil Stil kann ich Kontext Kontext bekommen. Leinwand gleich Doktor das Kind Armand von einem d Haupt konvertiert. Es hat mich tatsächlich angerufen. Und ich vermisse das heißt Hauptcampus. Das ist okay. Ich werde die Namen für einen zweiten Namen unserer Variablen ändern, nur um das zu vereinfachen, was wir sehen. Verwenden Sie jetzt Abkürzungen, nur um zu zeigen, wo die Grenze von D Canvas-Element ist. Wir werden den Stil einbringen und es wird den Hauptcampus stillen. Ich werde einen Rahmen mit einem Pixel Volumenkörper verwenden . Lassen Sie uns das auf die Bedürfnisse setzen. Ich überprüfe nur unseren Kongress, um sicherzustellen, dass alles in Ordnung ist. Also sind wir hier in der Leiche. E haben unsere Skripttitel sind Stil. Der Kopf ist in Ordnung und Körper Leinwand, Haupt Leinwand, Silbentrennung Kontrolle Verschiebung nur um die Qualität unserer Formatierung zu verbessern. So hat es eine Idee, Hat eine mit hat eine Höhe. Sie und Skripte zeichnen Leinwand, die ist, dass es Trog genannt wird. Endlose Rechtschreibung ist aufpassen, um abzukühlen. Ja, unter der kostenlosen Vorschau. Da gehen wir. Okay, es funktioniert jetzt. Ich konnte dir nicht genau sagen, was und wir änderten uns, dass es manchmal ein Tonikum funktionierte und nur ein wenig langsam bei der Aufnahme war. Ja, die beste Vermutung kann ich geben Also dort haben wir die Grundlagen der Einstellung von Canvas verwendeten Knotenfunktionen , die Sie zeichnen können, welche alle auf diesem Kontextelement basieren Was ist Kontextobjekt? Ich sollte sagen, was wir vom Campus abrufen. Also bekommen Album, aber ein t übliches Ting Wir haben das vorher im Kontext gemacht Große neue Variable auf dem Zeichen es ist Sie nur Kontextobjekt bekommen Also jetzt haben wir dieses Objekt in einer Kontextvariable und wir können auf seine Eigenschaften und seine Methoden zugreifen, um Styling zu starten Und das sind die Grundlagen der Arbeit auf meinem Campus 25. 24 Erstellung einer Website: in dieser Lektion. Wir werden das, was wir gelernt haben, in die Anwendung bringen, aber die Arbeit an einem Projekt wird ein Webdesign-Projekt sein. Was wir also tun werden, ist ein neues Projekt zu erstellen. Neues Webprojekt. Wir gehen mit Standardeinstellungen runter, um es und erste Website anzurufen und Casita zu betreten. Auf der linken Seite des Projekts wird nun ein leerer Ordner angezeigt. Du bist da. Das nächste Mal, wenn Sie tun möchten, ist die Struktur zu erstellen, die wir einige erstellen werden. Also Ordner der 1. 1 wird Bilder sagen. Großartig. Und Notre Holder auf Recall, dass Skripte er ein anderes hatte und wir nennen, dass ein Stil Rechtsklick auf die erste Website zu älteren Stilen. Wirklich? Was bedeutet, dass die Baum-Haupt-Unterordner, die wir brauchen werden? Natürlich müssen wir unsere Indexseite erstellen, weil jede einzelne Website Indexpunkte H hat, wissen Sie ? Ok, geben Sie unsere Arzttyp-Deklaration ein. Das ist also unsere Grundstruktur. Nun, ich möchte, dass Sie sich die Ressourcen für diese Lektion ansehen. Sie werden sehen, dass wir diesen Zip-Ordner namens Bilder haben. Laden Sie das herunter und dann werden wir es extrahieren. Und wir werden diese Bilder nehmen und sie in unser Projekt einfügen, damit wir sie nutzen können, um diese grundlegende Website von uns zu erstellen. Also willkommen zu extrahieren. Hier, das loswerden. Okay, also werden wir Inhalte in diesem Bilderordner aufnehmen, weil wir bereits ein Unterverzeichnis namens Images auf einer Kopie erstellt haben. Kopieren tut und dann gerne auf unsere Website Verzeichnis gehen, erste Website. Entschuldigen Sie mich. Bilder auf Tempo zu steuern. Okay, jetzt haben wir die Bilder, die wir brauchen ein komplettes, weil wir nicht zu ihm zurückkommen müssen . Und Sie können einfach überprüfen und bestätigen, dass Ihr Bild tatsächlich da ist. Das erste, was wir tun wollen, ist, den grundlegenden Inhalt aufzubauen. Wir beginnen natürlich natürlich mit HTML. Was D ja ist. Der gesamte Container für alle Elemente innerhalb unserer HTML-Seite HTML Dokument Kopf Titelseite , Cybermen Spiele. Also werde ich systematisch auf einer Neugestaltung von EU-Website präzise Moment Spiele basieren, das ist ein Unternehmen, das ich hatte. Also, nur um Ihnen den Kontext zu geben, ist es immer gut zu wissen, woran Sie arbeiten. Nicht nur irgendwie blind richtige Zitat und Sie sollten ein Projekt zu Konzeption Zweck jetzt innerhalb des Körpers wurden Zehe gehen. Haben Sie etwas, das Rapper genannt wird. Es wird ein div sein, auf dem wir erwähnt haben, wenn Tags dort drin sind, die frühen Lektionen über hasst E-Mails in diesem Kurs, und wir werden ihm ein I. D. geben. Es D. war im Grunde nur etwas, das wir verwendet haben, um zu isolieren. Ein bestimmter Bereich auf der Seite erstellt wie ein Rechteck, das die Steuerung schwächt und verschieben Sie können . Ich war Geld. Stellen Sie sich vor, dass das auch ineinander liegen könnte. Also wird dieser Rocker sein und alles wird im Grunde in den Rapper gehen . Okay, innerhalb von Rapper, wir werden noch zwei Tiffs haben würde ein aktives i D sein weil Inhalt, Silbentrennung Inhalt, Haupt- und Unter-Inhalt Main wird eine Sekunde von Rechten haben. Okay, und beide diese beiden nur innerhalb von Rapper Wir wollen etwas anderes hinzufügen, und es wird ein Header genannt, das ein neues Hass-Team von fünf Elementen ist. Eigentlich, lassen Sie uns das für den Moment hineinlegen. Schau ohne in ihm unseren Container oder Inhalt Haupt, zu dem wir in einer Minute zurückkommen weil ich das bis später sein würde. Aber es könnte besser sein, es sofort zu tun. Wir werden ein knave-Element erstellen. Also jetzt ist neu in html fünf als auch. Vor 100 hätte ein div erstellt, und Sie hätten ihm ein I d aus horizontal gegeben und haben oder so etwas. Aber jetzt haben wir diese nav Elemente, die verwendet wird, um zu Hause und im Grunde Listen von Links. Also Anker Hass, wenn gleich Index dot html Alles, was Sie können es ein paar Mal kopieren. Sagen Sie, mach vier davon. Und dann, äh, Heimspiele. Kleinbuchstaben G für den Link, eigentlich Großbuchstaben G für den Link Text Spiele Kurse. Okay, siehe Kurse, Fallkurse für die Lehrbücher und, äh, Kontakt auch. Okay, da haben wir unser grundlegendes Navigationsmenü. - Onda. Wir könnten, natürlich, Vorschau, dass innerhalb von AP, Tana, und Sie können sehen, dass es bereits ausgerichtet Horizonte Forest. Also, während d standardmäßig, das wäre nicht, wie Anker behandelt werden und sagen, Sie wissen, eine Bestellliste, die Blocker wäre. Weißt du, diese Art von Display? Es ist ein Model. Es wird hier in Zeile verwendet, weil jetzt nur davon ausgegangen wird, dass Sie mit einem horizontalen Menü arbeiten . Natürlich könnte all das in CSS geändert werden. Okay, also bei der grundlegenden Navigation, das wird uns für diese erste Lektion tun. 26. 25 Website-Projekt Teil 2: Also lasst uns weiter die Struktur unseres Hassteams ausbauen. Alle Dokumente setzen in vor Elementen und wir werden es um unsere Navigationssteuerung Shift nach Teoh korrigieren unsere Formatierung und entwickelt und haben Elemente auf zwei und sortieren. Fügen Sie ein neues div ein und es wird das i d von Lobo logoed haben. Wenn innerhalb von, dass wir ein Bild Elemente haben und setzen Sie es auf das lokale Bild, das in unserem Bilderordner ist, Ich werde geben, dass eine 90 lokale Bild gibt, Will ich bin G 90 gleich Logo. Ich bin G direkt auf unserem Header. Sollte auch eine Idee haben, entspricht Top-Header. Jetzt können wir dieses für den Moment loswerden, aber wir können es etwas später benutzen. Wenn Sie also Ihre Vorschau überprüfen, sehen Sie, dass Sie ein lokales Laden haben, können Sie nicht sehen, um zu tauchen . Aber es ist Derek, der diesen Einheimischen enthält. Wenn wir unsere Speisekarte haben, ein wenig gibt Lassen Sie uns das alles wieder öffnen. Also, äh, es ist wieder auf Seite in Inhalt Maine. Wir werden verwenden und Artikel jetzt. Also Artikel ist ein neues Element, das in Hass auf meine fünf eingeführt wurde. Es war nicht in hasste ihn weg. Und wir können es verwenden, um unsere Seite in zwei D-Sorten verschiedene Abschnitte von Inhalten in Artikeln zu strukturieren , in gewissem Sinne, so dass wir ihnen Überschriften geben und ihnen sogar Absätze und all diese Art von Sache geben können. Wir beginnen mit einer Überschrift hier, werden Artikel eins sagen, der A Mann mit einem Absatz darin und sagen, Hauptkörper Alles klar zu gehen. Andi Schwächen dupliziert diesen Artikel natürlich. Eingeklebt, Tempo. Also haben Sie drei von ihnen jetzt im Hauptkörper. Machen Sie einfach diesen Artikel zwei in diesem einen Artikelbaum. Offensichtlich hätte dies tatsächlich aussagekräftigen Inhalt. Wir bekommen nur ihre Struktur im Moment, okay? Und dann rechte Hand Bar. Wir können auch einige Artikel einfügen, damit ich die gleiche Art von Daten nehmen und ein paar Artikel einfügen kann . Es könnte ein wenig anders gestylt werden, so können wir sagen, Seite Artikel Seite nach cool ein innerhalb Artikel zu akzeptieren. Sie können auch von Seite 1 ändern, um h Bäume oder etwas für die Sidebar zu sagen, weil sie kleiner ist. Okay, aber Sie können Ihre Vorschau überprüfen. Sie spart nur aktualisieren fünf. Also offensichtlich haben wir nichts gestylt. Sie haben nichts positioniert. Das CSS, was bedeutet, dass es alles nur angezeigt und in Zeile ist. Und wenn Sie laden eine Webseite gerade richtig geschrieben und im Internet ohne etc bewerten, und das ist im Grunde, was Sie sehen, nur alle Inhalte Abendessen in einer geraden Art von vertikalen Linie. Aber das ist langweilig. Also müssen wir diese Informationen online stylen, und dort wird unser CSS jetzt ins Spiel kommen. Wir sind keine Fremden für CSS. An diesem Punkt werden wir mit der rechten Maustaste auf den Ordner Stile klicken, und wir werden eine neue Datei erstellen. Es wird wichtig sein, dass CSS in Ordnung, drücken Sie die Eingabetaste. Sie können mit dem Erstellen einiger Regeln beginnen. Eines der ersten Dinge, die ich tun werde, ist eine Regel für den Rapper zu erstellen. Denken Sie daran, dass der Hash bedeutet, dass wir ein I D auswählen. Wir benutzen den I-D-Rapper, und das ist genau hier. Wir geben Rapper eine Größe mit also bin, sagen wir mal, mit 1024 Pixeln. Andi Grenze, nur damit wir es sehen können. Für den Moment ist dies die einzige permanente ein Pixel gepunktet rot. Wenn Sie bei der Aktualisierung in eine Vorschau gehen, was ist los? Natürlich müssen wir es verbinden. Vergessen wir nicht, unsere Stile zu verbinden. Onda. Wir machen das mit einem Link. Also verknüpfen Sie einen Entwurf. Denkst du auch? Äh, Stile. Vielleicht ist das CSS. Sehr gut. Okay, es ist immer gut zu ihm. Tests im Browser und seinen Geld-Browsern. Nur möglich. Sorgen Sie sich, wenn Sie für das Web entwickeln, denn jeder Browser ist genau wie Sie von Gewicht aus Interpretation Hey, HTML, CSS und JavaScript. Also lassen Sie uns zu unserem Website-Verzeichnis auf duh unsere erste Website hier gehen und wird Index öffnen . Okay, also sehen wir im Moment nicht diese rote Grenze um unseren Wrapper, was in Ordnung ist, weil wir fertig sind. Also komm zurück über sie, um darauf zu handeln. Andi, lassen Sie uns einfach sicherstellen, dass alles eine Art Kartierung ist, OK, also geben ist in der Tat, alles innerhalb des Körpers zu wickeln , was gut ist, denn das wollten wir tun. Wir werden Heirat und Linksmotto über Margenrechte sagen, aber so sind die Ränder auf die Bereiche außerhalb unserer Elemente. Ich bin hübsche Bereiche, die Seite unserer Adams und diese Art von klopfen sie ist nicht das Wort, auf das wir uns hier konzentrieren wollen, weil wir auch Polsterung haben, die innerhalb des Elements ist. Klopfen ist dazwischen. AM der Inhalt eines Elements an dieser Grenze, und Rand ist zwischen der Grenze eines Elements an den Rändern von tun es um. Es ist um ihn herum. Es ist also nur eine Art von Abständen. Wirklich okay, es schafft hier einen automatischen Rand und Texte. Neun. Mitte. Okay, Herrin testet sie. Immer noch kein Plan. Stile Haupt. Lassen Sie uns CSS Bias. Wir müssen die Beziehung angeben, nicht wahr? Mit CSS ist das bei Gestartet mit einem JavaScript in Haiti meine fünf nicht mehr der Fall, aber es ist immer noch der Fall bei ihnen. CSS-Text ist Es ist OK, so unsere Beziehung ist Stylesheet Nazi. Ist dieser Stil süß? Da gehen wir. Das ist also der rote gepunktete Rand, den wir hinzugefügt haben, nur um uns zu zeigen, wo unsere Inhalte hineinkommen, was gut ist. Onda, wir wollen hier in die Leiche gehen, um die Textregel auszurichten . Ich schreibe eine SMS innerhalb des Wrapper selbst wird nie ich will nur in eine Textzeile setzen , alles für den Rapper selbst regeln. Okay, Sie können also die Nützlichkeit dieser gepunkteten Linie sehen, um uns zu zerstören, wo unser Tag tatsächlich mit praktisch auf diese Weise erschien. Eine Sache, die wir noch nicht in Inhalt klug gesetzt haben, ist, dass ich gerade unter Thea der richtige Käufer hier bin, sie wollen in einer Fußzeile, die auch in CSF in Haiti setzen. Meine Hilfe für wäre als div mit einer 94-Fußzeile behandelt worden. Aber jetzt haben wir tatsächlich dieses Ordnerelement in 18 05 Was ist praktisch. Sie können sagen, Sie wissen, Urheberrechte, fünf Spiele, 2015 oder etwas zu diesem Effekt. Okay. Und wenn du zurück zu einem Browser gehst, sitzt du. Das kleine bisschen Inhalt erscheint auch. Also lasst uns anfangen, die Dinge schön aussehen zu lassen, denn , äh , das ist wichtig, wir werden jetzt nicht anfangen, auf einige unserer Ideen zuzugreifen. Ich benutze Teoh nicht das Menü, was praktisch ist, und McDonough also setze dein Hash-Symbol ein. Und nach einer Sekunde oder so wird Menü angezeigt. Wir wollen vor allem Stil, der Hauptinhalt, die Inhalt ist Haupt auf. Wir werden sagen, Schwimmer links Andi, geben Sie ihm ein mit am Set. Die mit t glauben war, dass mit 70% Rabatt auf die Eltern für jetzt. Okay. Und wir werden hier eine andere Regel für den richtigen Käufer erstellen. Wir werden sagen, dass er schweben soll, oder? Mit 30% der Eltern, werde ich diese 69 machen, nur um ein wenig Platz zwischen diesen beiden Elementen zu schaffen. Der Inhalt sollte also links schweben. Die Bar sollte den Rechten folgen, um sicherzustellen, dass wir sie sehen können. Wir werden in unsere Grenzen setzen, sind temporäre Grenzen, die wir auch beides verwendet haben. So können wir das einfach kopieren, wenn wir sagen, es macht es einfach zu sehen, wo d die Grenzen jedes Elements PR auf der Seite erscheinen und visualisieren. Ist das für uns , Das ist nützlich. Okay, kopieren Sie ihre online in dieser Nacht. Es ist sehr gut. Ich glaube, meine Maus steht am Rande. Okay. Coffee Show Verschiebung nach Auto Format gehen. Also gibst du ihm zu, dass unsere Grenzen erscheinen. Sie können sehen, es ist sogar in den Raum, weil ich nicht den ganzen Prozentsatz verbrauchen wir unten Truthahn für rechte Bar sechs heute Abend für links mit Blick. Ein wenig Platz von 1% dort die mit dem durch Container über Nacht gesetzt wird, bevor Pixel von diesem Rapper sie gesetzt . In Ordnung, wir haben nicht gestylt sind Fußzeile, weshalb es alles irgendwie auf sich selbst zusammenbricht. Also werden wir unsere Fußzeilenregel Effekte erstellen. Nur Fußzeile. Weil wir einen benutzen. Ich werde sagen, m ihre Boote nicht links Twits 100% Hintergrund voller. Ok, also gibt es einen Widder Fußzeile, der unten erscheint. Großartig. Ich will das nicht dauerhaft benutzen. In Ordnung, also haben wir unser Logo in Ihrer Speisekarte. Wir haben unseren Content-Bereich und ich jemals Cyberia sowie ihren Fuß oder setzen in blockiert. So toll. Wir haben gute Fortschritte auf zwei gemacht werden weiter damit Und in der nächsten Lektion 27. 26 Website-Projekt Teil 3: Willkommen zum Teil Baum unserer Rubrik zum Aufbau der Website. Ein wichtiges Projekt, um das Gelernte zu festigen und es in unserem Gedächtnis zu konkretisieren . Jetzt müssen wir eine Art von Thema etablieren, das wir verwenden können, während wir unsere Seite stylen . Ein Farbschema ist also wirklich wichtig dafür. Onda. Wir werden auf Farbschema rund um ah basieren, lokal. Also werde ich das Logo im Fotoshop öffnen und wir können auf Hex-Werte direkt von dem , was wichtig und nützlich ist Bibliotheken, Websites auf den ersten Upside-Bilder zu bekommen , was wichtig und nützlich ist Bibliotheken, . Sehr gut. Großartig. Ich weiß nicht, wie viel Erfahrung Sie mit Wählern haben. Ich habe einen Kurs an Bord eines Ladens, den Sie abbiegen können. Es wird, bevor ich nicht vor Dyspepsie sechs von Grund auf. Durchsuche es nach dir für mich. Wenn Sie interessiert sind, vergrößern Sie hier auf ein Farbfeld für die Auswahlfarben. Hier ist eine größere Summe politischer Leckerbissen Punkte Okay, eine einzelne Punktprobe wie Baum, nachdem er nach er f mehr interessiert ist. Unser erster Textwert wird also Baum für Baum sein. Wenn das eins und kühler ist. Ich benutze einfach Nein. Ich musste diese im Auge behalten, damit wir zurückkommen und sie sehr leicht bekommen können. Notizen auf und Geld. Klartext-Editor wird in Ordnung für Ärzte Büro. Also ist es Baum nach dir, nachdem du dort auch auf diesem Grün Wert hast, was wie ein anderer anderer Punkt ist. Okay, also 85 20 Baum. Es ist ein mittlerer 85 20 Baum. Großartig. Und dann etwas, um das zu kontrastieren. Aber ich werde das tun, ob sie dich kontrollieren, um deine Sättigung hier zu erhöhen? Ich werde zu Hugh wechseln, nicht den ganzen Weg da drüben, aber einfach okay. Und dann nehme ich den Viertelwert E Baum 82 f also war es ein Baumschneider Werte, mit denen wir arbeiten können. Wir haben einen grauen, einen grünen Verbündeten in Grün auf einer Art rötlichen Orange. Ja. Cool. Nein. Wie werden wir unsere Seiteninformationen gestalten? Erstens, und das kommt rein und arbeitet an unserer Speisekarte. Also benutzten wir Knave nicht so. Also können wir jetzt sagen, ich will nicht eine Nacht, die nicht identifiziert wird, nur um es sehr spezifisch zu machen. Also dieses besondere genug jetzt auf dem I D aus und tatsächlich Header War das, als wir verwendet haben nicht in zwei Sekunden? Also haben wir unseren Kopf oder da. Wir müssen in den Header einrasten und Okay, also Header, vielleicht nur Tedder. Wir wollen nur sicherstellen, dass wir unseren Weg wirklich genau bekommen. Wir haben Top-Header. Besserer Hashtag-Headerraum auf. Es kommt hoch. Okay, das ist die erste Regel, die wir hinzufügen möchten. Der erste Selektor möchte sogar auf der 2. 1 hinzufügen Wir werden dies kopieren, fügen Sie es auf. Wir werden die Anker darin stylen. Also hier, vorerst, werde ich sagen, und mit 100% der Eltern, der Hintergrundfarbe, werden wir auf Schande setzen und natürlich einen Hash, brauchen natürlich einen Hash,um für zwei zu beginnen. Hinweis: Es ist ein Hexadezimalwert. Okay, Heights, vielleicht schrecklich. Hier unten in unseren Messern. Gehen zu sagen, klopfen links, wenn ich bin und M ist im Grunde entscheidet über ah Schriftart-Polsterung. Richtig? Brunnenname mit den oberen zwei Pixeln. Hinzufügen von zwei unteren Akzenten, Hintergrundfarbe. Ich werde dieses Kalkgrün benutzen oder was auch immer. Was? Willst du es beschreiben? Nimm den Hex-Wert. Wie auch immer, ich bin in Alles klar eingefügt, und schließlich Nun, lasst uns testen, was wir haben, bevor wir als nächstes wollten. Ein bisschen hier drüben. Fünf. Okay, also haben wir diesen grauen Hintergrund und wir haben unsere und unsere Menüpunkte oben unter Mittellinie erscheinen , was wir wollen. Wir haben unsere Polsterung dort erscheinen und alles andere. Also bin ich damit zufrieden. Und die Textdekoration natürlich ist natürlichaus und wir wollen nicht, dass sie blau ist. Und wir wollen diesen Unterstrich nicht haben. So oder Thea unterstreichen Dekoration. Also müssen wir das ändern. Wir werden sagen, Textdekoration auf wird das Viertel ändern. Welche Automatik gilt für Text? Ist das Weiße oder F? Wenn Groß. Das ist es, wonach wir gesucht haben. Wir wollen, dass GM-Einzelteile reagieren, wenn wir über ihn schweben. Mach dir keine Sorgen um diesen schrecklichen roten Felsbrocken, aber weg. Wir nutzen nur diese Individualisierungszwecke, das ist alles. Also bin ich es. Wir wollen, dass jeder reagiert, wenn wir darüber schweben. Sie müssen kein Javascript verwenden, um diese Art von Interaktivität zu erstellen. Und Sie können das mit CSS tun und wir werden eine Pseudo-Klasse verwenden, um dies zu tun. Also werden wir einen Header Hashtag Header sagen, wie wir es zuvor getan haben, Nickerchen innerhalb dieser Anker innerhalb dieser Knaves auf. Dann, um unsere Pseudoah-Klasse zu verwenden, setzen wir einen Doppelpunkt, nicht einen Halbpunkt, eine Erkältung, und Andi wollen wir verwenden, um Judo-Klasse zu schweben. Wenn Sie ein wenig darüber lesen möchten, klicken Sie darauf und lesen Sie hier, dass die Hover-Pseudo-Klasse liefert, während der Benutzer ein Element angibt, das ein Zeigegerät ist, aber nicht aktiviert ist. Das bedeutet, äh, Cursor über die Elemente. Zum Beispiel Zum Beispiel könnte ein visueller Benutzeragent für eine Klasse gelten, wenn der Mauszeiger über ein Feld bewegt, das von den Elementen generiert wird, usw. Also, jetzt, da wir unsere Pseudo-Klasse hinzugefügt haben, werden wir sagen, dass sich die Hintergrundfarbe zu Unordnung Hex-Wert ändert, den wir Bargeld Semikolon genommen haben , um zu beenden, wie immer, und wir werden die Polsterung etwas ändern oben und unten Polsterung oben. Sieh ruhig aus. Vier Pixel und Padding unten suchen ebenfalls nach Pixeln. Also zurück zum Browser und aktualisieren, und Sie haben bemerkt, dass die Farbe sich vom Menüpunkt ändert, über den wir den Mauszeiger bewegen, und es fügt auch nur etwas hinzu, dass ich räumliche Betonung bin, indem ich ein zusätzliches paar Pixel auf der Unterseite hinzufüge und dann die Spitze, die ziemlich cool ist. Das sieht also nicht schlecht aus. Gut. Und das ist, dass für Lesson Tree in ihren Web-Entwicklungsprojekten werden Sie in der nächsten sehen . 28. 27 Website-Projekt Pt4: Willkommen zum Teil und sind über Entwicklungsprojekt hier. Wir werden mit dem Styling über HTML-Elemente fortfahren. Also gehen wir zu Stil sind Artikel. Nun, lassen Sie uns, äh, große Regeln dafür. Also lassen Sie uns einfach eine Art generische Artikelregel erstellen. So Artikel H ein h zwei hasst Baum 84 h fünf und H sechs. So allgemeine Regel für Does es wird hier gesetzt werden, Honig Überschriften im Grunde innerhalb unserer Artikel, was wir in jedem Artikel sehen gehen zu sagen, Hintergrundfarbe wits Paris-Typ, die mit 100 Prozent auf Hintergrundfarbe, wird dis h. Sie werden feststellen, dass es eine Menge wirklich Handwerkzeuge, die uns in ihnen gegeben werden, Tanna. Deswegen arbeite ich gerne mit mir zusammen. Und das ist einer von ihnen. Anne Coulter. Werte, die Sie bisher im Projekt verwendet haben, werden Ihnen im Menü sehr nützlich angezeigt. Okay, also werden wir diesen tollen Hintergrund verwenden. Die Farbe der Texte muss natürlich weiß sein, was Hash ist. Sie sind normalerweise sechs Werte in einem Hex-Code. Werden Ihre neuen kurzen Hände wie Baum efs für Weiß tun. Wenn Sie wirklich irgendwie und pedantisch darüber sein wollen, können Sie in alle sechs setzen. Das ist nicht falsch. Also lassen Sie uns das überprüfen und Sie werden jetzt sehen, dass die Überschriften und alle Artikel diesen tollen Hintergrund haben und ja, Text, es ist weiß. Nun, Artikel gingen zu Liner Texten. Texten Sie die Zeile. ich. In der Tat werde ich das in eine allgemeinere Regel für Artikel, Artikel als nächstes, Artikel als nächstes, links Patrouillenschicht nach festen Formatierung fünf setzen. - Gut. Und die Fußzeile muss auch etwas Styling haben. Also was, du wirst einen Fuß verwenden oder so einfach direkt so bezeichnet, und wir werden sagen, Hintergrundfarbe auf hat das gleiche getan? Farbe verwenden Weißen feste Linie. Ich glaube, dass das Zentrum angegeben hat. Das sollte es sein, aber diese roten Grenzen jetzt loswerden, weil sie anfangen, mich zu ärgern. Vermutlich ärgerlich, weil du hässlich bist. So finden Sie einfach überall, wo sie hineinlegen. Ähm, was nützt ein schöneres in bestimmten Bereichen? In Ordnung. Gut dafür, Dr. Red Border ist einfach nicht angenehm zu betrachten. Was wir jetzt tun werden, ist in unsere Artikelregel zu gehen und wir werden eine Grenze setzen. Es wird wieder ein Pixel sein. Pixel-Ärzte. Es wird nicht gelesen werden. Es wird den großen Wert haben, die der Baum nach Baum für Kurs muss kalt und nach der Grenze sein. Und sie haben die Artikel, die jetzt Null für Artikel klopfen und Null für Überschriften in Artikeln haben . Ok. Äh, huh. Keine Bilder. Das, was wir hier ein wenig anders machen könnten, anstatt mit Polsterung zu vermasseln, ist Artikel Border ein Pixel sah Tochter Tag. Nimm einfach die Regel des Augenblicks. Arbeiten Sie etwas später an. Also werden wir einen unserer CIA verwenden, sagt Kommentare. Ich habe gerade auskommentiert Für den Moment, CSS-Kommentar beginnt im Grunde mit einem vier Schrägstrich auf Magen und endet mit einem Astrachan führt national. Also wickeln Sie einfach alles ein, was Sie damit auskommentieren möchten. Okay, jetzt, also haben wir eine Menge der Grundlagen für eine Website hier gestylt, und wenn das nächste ist, was wir vielleicht tun wollen, ist eine Art Schieberegler und das ist, woran wir in der nächsten Lektion arbeiten werden 29. 28 Website-Projekt Pt 5: so willkommen zu Park fünf Projekt beim Aufbau unserer Website. Wir werden also mit einigen unserer Styling-Informationen fortfahren und feststellen, dass dies das ist, was wir bisher haben. Also werden wir eine Grenze um unsere Artikel legen, ohne Platz oben. Jetzt werden wir das tun, ist, dass wir entfernen können, um zu kommentieren. Wir legen in der letzten Lektion darauf, dass wir hier reinkommen, um diese Regel. Für alle Überschriften. Innerhalb der Artikel waren dabei, Ehe und Top Null Pixel sagen, die es wegnimmt. Aber wir wollen etwas Abstand zwischen Artikeln haben, und im Moment sind sie völlig bündig, aber jedes andere Element. Um das zu tun, gehen wir in unsere Artikelregel selbst. Ich werde eine Ehe machen und in ihrer Ehe reden. Aber wir werden es zu einem Ende machen, das im Grunde die Höhe eines Zeichens ist, wie ein Textzeichen, und das schafft dieses kleine Stück Raum. Das sieht also ein bisschen besser aus. Und wir könnten den gleichen Rand für unsere Fußzeile verwenden. Großartig. Nun, da wir eine grundlegende Struktur an Ort und Stelle haben, was ist mit einem kleinen, das ein sehr häufiges Merkmal auf vielen Websites ist. Nun, wir können hier rein in unsere Inhalte kommen. Hauptteil auf nur den ersten Artikel mit, dass und etwas anderes, und es wird unser Schieberegler sein. Also, Dave, ich d gleich Schieberegler aktiv. Ich werde eine geordnete Liste in Ihnen und geordnete Listen verwenden. Wir werden diese Gegenstände haben, und jeder dieser Listenelemente wird ein Bild haben. Es wird eines der Bilder in unserem Schieberegler Bilder Ordner nehmen, die Bilder, die Bilder, Schieberegler Bilder. Die 1. 1 wird sagen, Space Chimp Copy, die basiert basiert. Also haben wir Baum mich und ein ziemlich sicheres nächstes. Okay, ich will nicht passiert. Acht Abenteurer Punkt Er und du kennst Jay Peak. Großartig auf der nächsten wird sein, Das ist wie Cowboy PNG. Also lassen Sie uns einfach sicherstellen, dass wir in Art von Typ unten haben und falsch bekommen. Ich glaube nicht, wir haben Bilder Schieberegler Bilder, Raumschiff, Raum, Raum, Schimpanse Affen Versicherer auf. Es ist wie Junge, ich muss ihn einfach neu formatieren, damit es klarer lesen kann , was hier passiert. Verpasste Artikel. Nun, ich okay, also haben wir unser Div. Die Besitzerliste wurde hier geschlossen. Dieser Gegenstand, den wir angefangen haben, hat ihn zerstört. Ok? Es ist ein Problem damit, aus irgendeinem Grund. Kopieren Sie einfach von woanders und fügen Sie es wieder ein. Wir haben uns auch verändert. Kontrolle. Ok. Was auch immer falsch war. Irgendjemand? Er ist jetzt in Ordnung. Also haben wir unsere Baumbilder innerhalb der Retreat-Listenelemente, die ich d gleich eins ist. Ich bin gleich zwei. Ich d gleich behandeln auf einem Zyklus. Trudeaus Ideen, eine nach Theater für Theater zu zeigen, die einzige, die auch eine Klasse hat. Die Klasse wird Yeah, marktfähig sein , diese Kopie es auf all diese Listengegenstände herum. Okay, also hat jeder eine Person, die ich eintragen möchte. Und sie alle haben die gleiche Klassenhöhe. Und schließlich muss einer von ihnen einen Inline-Stil haben, der die Anzeige auf, äh, Anzeige zu blockieren setzt äh, . Aber diese für jetzt, und wir werden etwas Kälte haben, die sich im Grunde aus den Theatern verstecken wird. Es wird das Rad fahren, damit Dad Block angezeigt hat. Es hat ihn für einen von ihnen auf den Altären eingestellt Anzeige auf bekannt auf dem Display gesetzt , und Alan nicht größer, also sind sie alle in der gleichen Position. Aber nur einer von ihnen zeigt sich auf einmal. Also alle paar Sekunden bekam einen Zyklus zwischen der Anzeige eines Bildes 10 zeigt eine Vernichtung und zeigen Sie mir und das nächste Bild danach. Also, wenn wir unsere Webseite überprüfen, ist offensichtlich nichts passiert noch die Bilder, die gerade da. Also müssen wir diese Kugel loswerden. Natürlich können wir das tun. Hier drüben in unserem CSS und in der Tat Liste, können wir einfach in einem Stil schnell hier setzen, was meine Pflichten, Ihren Stil nehmen. So werden Sie sagen, dass dieser Stil Weg auch die Bilder über nach links ziehen wollen, was wird einfach genug sein, um zu tun. Also sagen Sie links Imagine ist Null Picks und sehen, wo das zuerst kommt. Bringt uns nirgendwohin. Wirklich? Also werden wir einen Minuswert und minus 40 setzen. Okay, es ist eigentlich Ehe und links. Nicht linker Rand. Einfacher Fehler. Stellen Sie sich vor, Left will Heirat Okay, das ist eigentlich fast perfekt. Es ist großartig, wenn es so läuft. Also, jetzt ist das in der Position, in der wir wollen, dass es ist. Alle von ihnen sind, ich werde es einrichten. Also jede dieser Shows zu einem bestimmten Zeitpunkt, auf der auch an der gleichen Stelle hier, nur Radfahren eine nach dem Abendessen. Großartig. Das tut es also für diese Lektion. Vielen Dank für das Nachfolgen und ich werde Sie im nächsten Tutorial sehen, wo wir anfangen werden Kowtow zu schreiben. Eigentlich machen Sie diese Arbeit, was ziemlich cool ist.