Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

HTML Workshop Imagemaps (Grafiken mit klicksensitiven Bereichen) in Dreamweaver erstellen Hani Sahyoun, Rechenzentrum Universität Hohenheim.

Ähnliche Präsentationen


Präsentation zum Thema: "HTML Workshop Imagemaps (Grafiken mit klicksensitiven Bereichen) in Dreamweaver erstellen Hani Sahyoun, Rechenzentrum Universität Hohenheim."—  Präsentation transkript:

1 HTML Workshop Imagemaps (Grafiken mit klicksensitiven Bereichen) in Dreamweaver erstellen Hani Sahyoun, Rechenzentrum Universität Hohenheim

2 HTML-Workshop: Übung zu Imagemaps2 Imagemaps: Beispiel

3 HTML-Workshop: Übung zu Imagemaps3 Erste Schritte: Grafik speichern Starten Sie das Programm Mozilla und laden Sie folgende Seite: Klicken Sie mit der rechten Maustaste auf die Grafik und speichern Sie die Grafikdatei im Verzeichnis H:\public_html\bilder Starten Sie Dreamweaver

4 HTML-Workshop: Übung zu Imagemaps4 Erste Schritte: Grafik einfügen Gehen Sie in das Dokument-Fenster und geben Sie die Überschrift ein Fügen Sie darunter die Grafik aus dem Verzeichnis H:\public_html\bilder ein Markieren Sie die Grafik durch Klicken

5 HTML-Workshop: Übung zu Imagemaps5 Klickbare Bereiche definieren Klicken Sie im Eigenschaften-Fenster auf das Auswahlwerkzeug für die gewünschte Form (Rechteck, Kreis, Polygon)

6 HTML-Workshop: Übung zu Imagemaps6 Klickbare Bereiche definieren Zeichnen Sie mit dem Auswahlwerkzeug den ersten klickbaren Bereich und füllen Sie im Eigenschaften-Fenster die Felder Hyperlink und Alt aus

7 HTML-Workshop: Übung zu Imagemaps7 Klickbare Bereiche definieren Feld Hyperlink: geben Sie hier die URL ein für die Datei, die mit dem ausgewählten Grafikbereich verknüpft ist. Feld Alt: Geben Sie hier einen Text ein, der eingeblendet wird, wenn man mit der Maus über den ausgewählten Bereich geht.

8 HTML-Workshop: Übung zu Imagemaps8 Klickbare Bereiche definieren Wiederholen Sie den Vorgang für alle gewünschten Bereiche in der Grafik Speichern Sie die Datei anschließend ab. Für den HTML-Workshop sollte die Datei wie folgt gespeichert werden: H:\public_html\uebungen\imagemap.html Überprüfen Sie das Ergebnis in einem Browser


Herunterladen ppt "HTML Workshop Imagemaps (Grafiken mit klicksensitiven Bereichen) in Dreamweaver erstellen Hani Sahyoun, Rechenzentrum Universität Hohenheim."

Ähnliche Präsentationen


Google-Anzeigen