Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:m287:learningunits:lu01:aufbau-einer-adresse [2025/02/07 07:26] – kdemirci
+++ modul:m287:learningunits:lu01:aufbau-einer-adresse [2025/02/07 08:04] (aktuell) – kdemirci
@@ Zeile 1: / Zeile 1: @@
 ====== LU01a - Aufbau von Adressen im Internet (URL) ======
-===== Aufbau eines URLs =====
+===== Lernziele =====
+  - Ich kenne die Syntax und seine Bestandteile einer URL.
+  - Ich kann mindestens drei verschiedene Protokolle aufzählen, die in einer URL verwendet werden können.
+  - Ich kenne den unterschied zwischen einer Referenzierung mit absoluter und relativer Pfadangabe.
+  - Ich kann Referenzierungen mit absoluter und relativer Pfadangabe gezielt in HTML-Dokumenten anwenden/einsetzen.
+===== Aufbau einer URL =====
 Hinter einer URL (Uniform Resource Locator) steckt ein gewisser Aufbau. Dank der URL ist es möglich, eine Adresse im Internet in lesbarer Form zu verwenden und auf Ressourcen (z.B. Bilder, Filme, Verzeichnisse, Dokumente) zuzugreifen. Eine klassische URL sieht wie folgt aus:
@@ Zeile 14: / Zeile 21: @@
-^ Protokoll (Scheme) ^ Dienst (Hostname) ^ 2nd-Level-Domain ^ Top-Level-Domain ^ Pfad ^ Datei ^
+^ Protokoll (Scheme) ^ 3rd-Level-Domain / www ^ 2nd-Level-Domain ^ Top-Level-Domain ^ Pfad ^ Datei ^
 | <code>http://</code> | <code>www</code> | <code>mydomain</code> | <code>ch</code> | <code>content</code> | <code>index.html</code> |
@@ Zeile 44: / Zeile 51: @@
 === aktuelles und untergeordnetes Verzeichnis ===
-Bei einer relativen Angabe/Anwendung im index.html von foto.jpg oder ./foto.jpg (mit oder ohne ./) (z.B. im src-Attribut des <img>-Elements) befindet sich die Grafik im Verzeichnis /reisen/schweiz, wo sich auch die index.html befindet.
+  * Bei einer relativen Angabe/Anwendung im index.html von foto.jpg oder ./foto.jpg (mit oder ohne ./) (z.B. im src-Attribut des <img>-Elements) befindet sich die Grafik im Verzeichnis /reisen/schweiz, wo sich auch die index.html befindet.
-Falls z.B. das Bild ins Verzeichnis /reisen/schweiz/img wegen besserer Übersichtlichkeit zwischen Bildern und HTML-Dokument, dann muss auch die Adressierung des Bildes im HTML-Dokument index.html angepasst werden, dann ist die relative URL ./img/foto.jpg.
+  * Falls z.B. das Bild ins Verzeichnis /reisen/schweiz/img wegen besserer Übersichtlichkeit zwischen Bildern und HTML-Dokument, dann muss auch die Adressierung des Bildes im HTML-Dokument index.html angepasst werden, dann ist die relative URL ./img/foto.jpg.
 === übergeordnetes Verzeichnis ===
-Befindet sich das Bild (s. Beipiel oben) in einem übergeordneten Verzeichnis (z.B. im Verzeichnis reisen statt schweiz), dann wird mit ../foto.jpg darauf verwiesen.
+  * Befindet sich das Bild (s. Beipiel oben) in einem übergeordneten Verzeichnis (z.B. im Verzeichnis reisen statt schweiz), dann wird mit ../foto.jpg darauf verwiesen.
-Befindet sich das Bild im Verzeichnis reisen/img (statt schweiz), dann wird mit ../img/foto.jpg darauf verwiesen, gleichbedeutend wie eine Wegweisung
+  * Befindet sich das Bild im Verzeichnis reisen/img (statt schweiz), dann wird mit ../img/foto.jpg darauf verwiesen, gleichbedeutend wie eine Wegweisung
-  * gehe zuerst eins nach oben
+    * gehe zuerst eins nach oben
-  * gehe anschliessend ins img-Verzeichnis.
+    * gehe anschliessend ins img-Verzeichnis.