====== LU01.A02 - Verweise und Anker ======

===== Aufgabe 1: Einfachen Blog erstellen =====

==== Ausgangslage ====
Sie möchten einen einfachen Blog (siehe {{ :modul:m287:learningunits:lu01:aufgaben:ue_verweise_vorlage.zip |Vorlage}}) mit internen und externen Verweisen erstellen. Die Toplevel-Navigation des Blogs ist in Abb-01 und die Verzeichnis-Struktur mit den internen Seiten ist Abb-02 abgebildet. Für den Blog dürfen Sie auch einen eigenen Text verfassen. Die externen Verweise sind www.w3.org, www.w3.org/html/wg/drafts/html/master/ und www.whatwg.org. Beim Wählen eines externen Verweises soll immer ein neuer Tab oder ein neuer Browser geöffnet werden.
^ Abb-01 ^ Abb-02 ^
| {{:modul:m287:learningunits:lu01:aufgaben:abb-01.png?600|}} | {{:modul:m287:learningunits:lu01:aufgaben:02.png?600|}} |

==== Aufgabenstellung ====

  - Erstellen Sie den Blog gemäss Vorgaben in der Ausgangslage. (Verzeichnis erstellen, Dokumente korrekt verlinken)
  - Überprüfen Sie die Verweise, damit sie korrekt die Seiten anzeigen.

===== Aufgabe 2: Einfacher Blog mit Inhaltsverzeichnis =====

==== Ausgangslage ====
Ausgehend von der Aufgabe 1 erweiteren Sie den Blog (index.html) mit einem Inhaltsverzeichnis (mind. drei Kapitel). Der Text in den Kapitel ist nicht ausschlaggebend ( Text-Generator als Platzhalter). Dazu erstellen Sie zusätzlich einen Rücksprung-Anker (z.B. zum Inhaltsverzeichnis)

==== Aufgabenstellung ====
  - Erstellen Sie das Inhaltsverzeichnis gemäss Vorgaben in der Ausgangslage.
  - Überprüfen Sie die Anker auf korrektes Funktionieren.