Listen
Falls über diesem Text keine PDF-Präsentation zu sehen ist, wurde diese von Ihrem Browser direkt runtergeladen (wenn Sie z.B. mit Safari@Mac surfen). Sie könnnen zum Download auch hier klicken: Direktdownload PDF-Präsentation
Übungen
Alle Übungen finden Sie in der Materialsammlung (dort auch alle zusätzlichen Dateien wie Bilder, Klassendiagramme oder HTML-Vorlagen!).
Die aktuelle Übung können Sie hier als txt-File herunterladen.
***** Übungen: HTML - Listen *****
HTML_10-1: Fehler im Listing finden 1
Finden Sie im folgenden Listing die Fehler:
HTML_10-2: Fehler im Listing finden 2
Kopieren Sie das Listing in einen Editor Ihrer Wahl (z.B. Notepad++ oder Eclipse pdt) und formatieren Sie den Code so, dass er übersichtlicher wird. Finden Sie die Fehler.
HTML-Code<ol><li>Ich bin ein Listenpunkt, der mit '1.' beginnt.</li><li>Ich bin ebenfalls ein Listenpunkt<li>Und ich erst<li></li>Und ich auch, nämlich viertens.</li><li>Ich bin ein weiterer Punkt.<li><li>Und ich bin der siebte Punkt (wirklich????)</ol>
HTML_10-3: Einfache nummerierte Liste erstellen
Erstellen Sie eine nummerierte Liste mit folgendem Inhalt:
1. Jacken
2. Schuhe
3. Hosen
4. Mützen
HTML_10-4: Einfache unnummerierte Liste erstellen
Erstellen Sie eine unnummerierte Liste, die die Eigenschaften von PHP (schnell, fürs Web geeignet, Skriptsprache) aufzählt.
HTML_10-5: Verschachtelte Liste erstellen
Listen können auch verschachtelt sein. Erstellen Sie eine Liste wie die, die Sie unter html10-bild-verschachtelte-liste-nachbauen.png finden. Achten Sie darauf, dass Ihr Code übersichtlich bleibt, indem Sie Listen, die sich unterhalb eines Listenpunkts befinden, einrücken.
Aufgaben zur Übungsfirma
Alle Aufgaben zur Übungsfirma finden Sie in der Materialsammlung (dort auch alle zusätzlichen Dateien wie Bilder, Klassendiagramme oder HTML-Vorlagen!).
Die aktuelle Übung können Sie hier als txt-File herunterladen.
***** Übungsfirma: Navigation für die ÜFa *****
Der Leiter für Öffentlichkeitsarbeit kommt in Ihr Büro. "Langsam wird es Zeit, dass wir uns mal an die Realisierung unseres Webauftritts machen. Ich habe schon einmal eine Struktur für die Site erstellt. Könnten Sie das bitte in HTML als Navigationsliste umsetzen? Die Struktur sieht so aus:
Home
Shop
Info
Aktuelles
Meta
-- Haftungsausschluss
-- Impressum
-- Kontakt
Bitte beeilen Sie sich. Guten Tag."
Sie können. Alle Einträge werden mit Dummy-Links versehen (<a href="#" title="Beschreibung des Linkziels">) - die Raute wird dann später durch den Pfad + Namen der Zieldatei ersetzt.
OUTPUT:
- HTML-Datei "liste.html" mit der gewünschten Navigationsliste