Folien



(letzte Synchronisation der PDF-Präsentation: 02.08.2017)

Falls keine PDF-Präsentation zu sehen ist, klicken Sie zum Download hier: 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 - Hyperlinks *****

HTML_07-1: Fehler im Quelltext finden

Finden Sie in den folgenden Link-Beschreibungen die Fehler und korrigieren Sie sie.

1. <a href="www.xyz.de/dateiverzeichnis/datei.htm" title="Eine interessante Seite">2. <a href="dateiverzeichnis/datei.html">3. <a href="www.bildzeitung.de" title="Mail an die Bildzeitung schreiben">4. <a href="http://www.mail.com">zur Homepage von Mail.com</a>
5. <a mailto="name@domain.de" title="Mail an mich">Mail schreiben</a>
6. <a mailto=name@mail.de title="Schreiben Sie mir eine Mail!"></a>
7. <a href="mailto spartacus@sparti.com">Mail schreiben</a>
8. <a href="http://www.transfermarkt.de"><img src="transfermarkt.gif" alt="Screenshot von transfermarkt.de"></a>




HTML_07-2: Links in bestehende Site einfügen

Verwenden Sie das Verzeichnis /html07_dreamweaversite_vier_links/ (alle Dateien als ZIP: 02html/html07_dreamweaversite_vier_links.zip

Verlinken Sie alle groß geschriebenen Wörter (Kontakt, Bilder, Startseite usw.). Reparieren Sie die Titel.
Alle Links müssen funktionieren, wenn man draufklickt.




HTML_07-3: Zwei Dokumente verlinken

1. Erstellen Sie zwei HTML-Dokumente mit beliebigem Inhalt. Das erste hat den Dateinamen start.html, das zweite den Dateinamen ueber_mich.html.
2. Verlinken Sie die beiden Dokumente. Im Dokument start.html soll der Satz “Erfahren Sie mehr über mich und meine Freunde.” stehen, verlinkt ist "Erfahren Sie mehr". Im Dokument ueber_mich.html soll der Satz “Hier geht es zurück zur Startseite”  stehen, verlinkt ist “Hier”. Vergessen Sie nicht die title-Attribute.
3. Probieren Sie im Browser aus, ob die Links funktionieren.
4. Erstellen Sie eine dritte Seite mit dem Dateinamen die_dritte.html.
5. Fügen Sie in die start.html ein Bild ein und verlinken Sie es mit die_dritte.html.
6. Fügen Sie in die_dritte.html einen Link zur Startseite ein.
7. Fügen Sie in die_dritte.html zwei Links zu externen Angeboten im Web ein (z.B. zu meinvz.de, gmx.de o.ä.).
8. Überprüfen Sie im Browser, ob alles funktioniert.
9. Kontrollieren Sie: Haben alle drei Dokumente korrekte title-Tags im head-Bereich?




HTML_07-4: Vier Dokumente untereinander verlinken

1. Erstellen Sie vier HTML-Dokumente mit beliebigem Inhalt und beliebigen Dateinamen.
2. Verlinken Sie alle Dokumente so, dass von jedem Dokumente alle anderen Dokumente mit einem Klick erreichbar sind.

Wenn Sie ohne WYSIWYG arbeiten: Benutzen Sie copy-paste.