LU01.A02 - Verweise und Anker

Aufgabe 1: Einfachen Blog erstellen

Ausgangslage

Sie möchten einen einfachen Blog (siehe 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
 

Aufgabenstellung

  1. Erstellen Sie den Blog gemäss Vorgaben in der Ausgangslage. (Verzeichnis erstellen, Dokumente korrekt verlinken)
  2. Ü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

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