Rückblick
Dieses Kapitel hat kein neues Werkzeug gebracht, sondern eine Vorstellung davon, was beim Aufruf einer Seite passiert. Prüfe zum Abschluss, ob diese Vorstellung trägt.
Das kann ich jetzt
Geh die Liste ehrlich durch. Hinter jedem Punkt steht die Lektion, in der er erklärt wird – wenn du zögerst, lies dort noch einmal nach.
- Ich kann erklären, was Client und Server beim Aufruf einer Seite jeweils tun. (1.1)
- Ich kann sagen, wozu das DNS gebraucht wird und warum die erste Anfrage dorthin geht. (1.1)
- Ich kann begründen, warum aus einem Seitenaufruf viele Anfragen werden. (1.1)
- Ich kann eine URL in ihre Bestandteile zerlegen und sagen, welcher Teil nicht an den Server geht. (1.1)
- Ich kann die Statuscodes 200, 301, 403, 404 und 500 deuten. (1.1)
- Ich kann mit den Entwicklerwerkzeugen nachsehen, welche Dateien eine Seite lädt und wie groß sie sind. (1.2)
- Ich kann erklären, was eine Zeichencodierung ist und warum
ümehr Platz braucht alsu. (1.2) - Ich weiß, welche Zeile in einer HTML-Datei die Codierung festlegt. (1.2)
Gemischte Aufgaben
Anders als die Aufgaben in den Lektionen greifen diese hier auf beides zurück. Genau das wird in einer Klassenarbeit verlangt.
Aufgabe 1: Ein Ladevorgang unter der Lupe
Eine Besucherin ruft https://verein-essen.de/team.html auf. Der Netzwerk-Reiter zeichnet auf:
| # | Adresse | Typ | Code | Größe |
|---|---|---|---|---|
| 1 | /team.html |
document | 200 | 4,1 kB |
| 2 | /stil.css |
stylesheet | 200 | 12,8 kB |
| 3 | /logo.svg |
image | 200 | 3,2 kB |
| 4 | /bilder/mannschaft.jpg |
image | 404 | – |
| 5 | /schrift/inter.woff2 |
font | 200 | 48,0 kB |
a) Die Besucherin hat eine Adresse eingetippt. Woher weiß der Browser von den Dateien 2 bis 5?
b) Was bekommt die Besucherin an der Stelle von Datei 4 zu sehen? Bricht die Seite deshalb ab?
c) Die eigentliche Seite ist 4,1 kB groß, die Schriftdatei 48 kB. Wieso ist das ein Problem für jemanden mit langsamer Verbindung – und was heißt das für eigene Seiten?
d) Datei 4 existiert auf dem Server, ist aber für Fremde gesperrt. Welcher Code stünde dann in Zeile 4?
Tipp zu a)
Sieh dir die Reihenfolge an. Datei 1 ist die HTML-Datei – und die kommt zuerst. Was steht darin?
Aufgabe 2: Merkwürdige Zeichen
Auf einer fertigen Seite steht im Browser:
Grüße aus München
Die Datei auf dem Server ist in Ordnung; im Texteditor steht dort „Grüße aus München".
a) Woran liegt es? Erkläre mit den Begriffen Byte und Codierung.
b) Welche Zeile fehlt vermutlich in der HTML-Datei, und wo gehört sie hin?
c) Warum fällt dem Server dieser Fehler nie auf?
d) Der ursprüngliche Text „Grüße aus München" hat 17 Zeichen. Wie viele Bytes belegt er in UTF-8?
Aufgabe 3: Behauptungen prüfen
Entscheide für jede Aussage, ob sie stimmt, und begründe in einem Satz.
a) „Wenn eine Seite im Browser erscheint, liegt sie als fertiges Bild auf dem Server."
b) „Ich habe in den Entwicklerwerkzeugen die Überschrift geändert – jetzt sieht das jeder so."
c) „https bedeutet, dass die Seite vertrauenswürdig ist."
d) „Eine Datei mit 1000 Zeichen ist immer 1000 Bytes groß."