Im vorherigen Video haben wir gelernt, dass ein Browser einfach eine Anfrage an einen
Server irgendwo auf der Welt über das Internet über das HTTPS-Protokoll sendet und dann diese JavaScript-, HTML- und CSS-Dateien empfängt,
damit er eine Website anzeigen kann.
Wie können wir das nun tatsächlich überprüfen?
Nun, ich kann tatsächlich zur Entwickleransicht gehen, und dies verwendet Google Chrome, daher empfehle ich für diesen Teil, Google Chrome zu
verwenden, damit Sie meinen Aktivitäten folgen können.
Wenn ich hier zu Entwicklertools gehe, wird sich hier eine kleine Kiste mit einigen Informationen für mich öffnen.
Worauf ich mich jetzt konzentrieren möchte, ist dieser Netzwerk-Tap.
Und dieser Netzwerk-Tab wird uns sagen, welche Art von Informationen wir vom Server erhalten. Wenn ich hier aktualisiere,
werden Sie das bemerken.
Ich bekomme hier einige Daten, jetzt möchten Sie sicherstellen, dass kein Filter involviert ist, also möchten wir hier
sagen, dass wir alles wollen, damit es keinen Filter gibt.
Es wird nicht gesucht und wir können wieder auffrischen.
Und alles klar.
Wir sehen viel mehr Dateien, aber das sieht einschüchternd aus.
Denken wir darüber nach, was wir gerade gelernt haben.
Wir haben erfahren, dass wir zuerst eine HTML-Datei erhalten, die zufällig diese ist.
Es sagt hier drüben Typ Dokument.
Und wenn ich hier klicke, ist dies ein HTML-Dokument.
Denken Sie daran, dass die Antwort des Servers, wenn ich auf Aktualisieren klickte, an einen Server irgendwo auf der Welt
übermittelt wurde, der diese Dateien auf diesem Computer hatte.
Und hier haben wir unsere HTML-Datei.
Wenn ich nach unten scrolle, schau dir das an.
Wir können hier den Webcomic über Romantik, Sarkasmus, Mathematik und Sprache sehen, der hier drüben ist.
Erinnern Sie sich, wie ich gesagt habe, dass HTML der Text ist, der auf einer Website angezeigt wird?
Nun, das ist unser HTML hier, mit dem der Server geantwortet hat und der Browser weiß, wie er das liest und
den Text anzeigt.
Was ist mit dem Erfolg?
Nun, ich kann hier tatsächlich auf diesen nächsten Schritt klicken und mir alle CSI-Dateien anzeigen, die vom Server
stammen.
Und Sie sehen hier, dass dies wieder ein bisschen anders aussieht, es hat eine andere Syntax
als eine E-Mail, aber es gibt mir nur den Stift, den ich will.
Sie können hier sehen, dass wir die Hintergrundfarbe auswählen können, wir können eine andere Position mit der linken Position auswählen.
Und das gibt uns das Styling, das wir auf einer Website haben wollen.
Und wenn wir dann zu JavaScript gehen, sehen wir tatsächlich die JavaScript-Dateien, die diese Website verwendet.
Jetzt müssen wir uns hier nicht um JavaScript kümmern.
JavaScript ermöglicht es uns, einige Interaktivität auf dieser Website durchzuführen, über die wir uns im Moment wahrscheinlich keine Sorgen machen
müssen.
Aber jetzt möchte ich darauf hinweisen, dass es hier noch ein paar andere Dinge gibt, wie Bild und Medien.
Und wie Sie sehen können, Bilder, wir haben hier definitiv einige Bilder, die wir verwenden.
Wenn ich auf Vorschau klicke, können wir die Bilder sehen.
Aber am Ende des Tages ist das Konzept dasselbe.
Wir haben eine HMO-Datei.
Was in unserem Fall gleich hier drüben ist, Sie sehen, wie die HTML-Datei ohne Zugriff angezeigt wird, das
sind nur die textuellen Textdaten, wir haben den Zugriff, das ist das Styling.
Von unserer Seite und es gibt etwas JavaScript, um unsere Seite interaktiv zu machen und vielleicht ein
paar Bilder, aber letztendlich sind all diese Dinge eigentlich nur Textdaten, die wir vom Server erhalten.
Das heißt, damit wir unsere Website erstellen können, müssen wir diese drei Dinge
erstellen: eine E-Mail-Datei, eine Datei und eine JavaScript-Datei.
Eigentlich brauchen wir nicht einmal eine JavaScript-Datei.
Wenn wir keine Interaktivität wünschen, brauchen wir nicht einmal eine Zugriffsdatei.
Wenn wir keinen Stillstand wollen, können wir sogar einfach eine E-Mail-Datei verwenden.
Im nächsten Video werden wir also unsere erste Website erstellen.
Ich werde das mal sehen.