Anleitung

Arbeiten mit Dreamweaver – Flash-Schaltflächen & Sonderzeichen, Datum, eMail
Gestaltung der Menübuttons mit Hilfe von
Flash-Schaltflächen
1. Wählen Sie folgenden Pfad:
2. Folgendes Fenster sollte auf Ihrem Schirm erscheinen
Auswahl einer
Schaltflächenart
Schaltflächentext
wählen (Vorsicht auf
Länge)
Schriftart &
Schriftgröße des
Schaltflächentextes
Link Wohin soll
diese Schaltfläche
führen?
Ziel: Wo öffnet sich der Link?
Hintergrundfarbe des Buttons
Dateiname des Buttons
VORSICHT!
Flash-Buttons werden mit der Dateiendung .swf (Shockwaveflash)
gespeichert.
Die Datei muss auf der selben Ebene gespeichert werden wie der
dazugehörende Frame (hier: direkt im Root-Verzeichnis)
Positionieren Sie Ihren Cursor in der ersten Tabellen-Zelle
Webdesign – Kit-2.Klasse / WaPi 2007
Seite 1 von 6
Arbeiten mit Dreamweaver – Flash-Schaltflächen & Sonderzeichen, Datum, eMail
3. Daten einsetzen
Überlegen Sie beim Setzen des Hyperlinks stets: Welche Datei soll sich
öffnen, wenn der Button angeklickt wird? Mittels
die Datei direkt anwählen Doppelklick & OK
können Sie
4. Ziel einstellen:
Infos über blank, parent, self & top siehe
Kapitel 2
Für die Navigation gilt:
Das Ziel kann hier noch nicht eingestellt werden, das mainframe.html hier
nicht anwählbar ist wenn die Navigationsleiste fertig gespeichert ist, wird
die index.html geöffnet und die Zieleinstellungen werden anschließend
vorgenommen!!!
5. Speichern
Klick auf
Durchsuchen
Webdesign – Kit-2.Klasse / WaPi 2007
Seite 2 von 6
Arbeiten mit Dreamweaver – Flash-Schaltflächen & Sonderzeichen, Datum, eMail
Überprüfen Sie, ob die Datei auf der selben
Ebene wie die dazugehörende HTML-Seite
liegt
Vergeben Sie einen Dateinamen mit der
Endung .swf!
Speichern!
6. Folgendes Bild sollte nun zu sehen sein!
der Dateinname sollte hier aufscheinen!
anschließend auf OK klicken!
Webdesign – Kit-2.Klasse / WaPi 2007
Seite 3 von 6
Arbeiten mit Dreamweaver – Flash-Schaltflächen & Sonderzeichen, Datum, eMail
7. In der navigation.html sieht das nun so aus:
TIPP!
Zur Erstellung einer weiteren Schaltfläche gibt es folgende
Möglichkeiten:
•
•
Sie wiederholen die eben durchgeführten Punkte
Sie kopieren die Schalfläche ändern die
Einstellungen
Dateiendung .swf (Shockwaveflash)
8. Änderung der Einstellungen nach dem Kopieren von Schaltflächen Schaltfläche anklicken und in der Eigenschafts-Leiste auf Bearbeiten klicken
9. Ein bereits bekanntes Fenster öffnet sich die „neuen“ Einstellungen für die
Schaltfläche eingeben…
Schaltflächentext
Hyperlink
noch KEIN Ziel
Dateiname
OK klicken
Webdesign – Kit-2.Klasse / WaPi 2007
Seite 4 von 6
Arbeiten mit Dreamweaver – Flash-Schaltflächen & Sonderzeichen, Datum, eMail
Links richtig setzen
1. navigation.html speichern!
2. index.html öffnen
3.
das Ergebnis der navigation.html ist bereits zu
sehen ein paar „optische“ Verbesserungen
sind noch notwendig …
4. Auf den 1. Button 5.
klicken
klicken oder Doppelklick auf den Button
6. das bereits bekannte Fenster öffnet sind („Flash-Schaltfläche einfügen“)
7. Ziel setzten nun sind auch mainFrame, leftFrame und topFrame sichtbar!
8. Klick auf
zur Erklärung: die Datei, die mit Hyperlink
angewählt wurde mainframe.html
soll sich
im mainFrame (=Ziel) öffnen
9. Speichern nicht vergessen!
Webdesign – Kit-2.Klasse / WaPi 2007
Seite 5 von 6
Arbeiten mit Dreamweaver – Flash-Schaltflächen & Sonderzeichen, Datum, eMail
Sonderzeichen einfügen
1. Wählen Sie folgenden Menüpfad: Einfügen – HTML – Sonderzeichen
2. Wählen Sie das gewünschte Sonderzeichen aus
3. meist wird anschließend das Wort „by“ + Name gesetzt 4. praktischerweise kann hier bereits ein eMail-Link gesetzt werden.
eMail-Link
1. Schriftzug, auf den der Link gelegt werden soll, markieren 2. In der Eigenschaften-Leiste im Bereich Hyperlink den eMail-Link setzen:
mailto:[email protected]
3. Ziel setzen! _blank!
4. Speichern nicht vergessen!
Datum einfügen
1. Wählen Sie folgenden Menüpfad: Einfügen Datum
2. Einstellungen für Datumsformat
Art der Wochentaganzeige
Datumsformat
Uhrzeit
Aktualisierung
3. Wollen Sie das Datumsformat nachträglich bearbeiten, so haben Sie eine
Möglichkeit unter Eigenschaften dies zu tun.
Datum markieren und auf
Datumsformat bearbeiten
klicken
Webdesign – Kit-2.Klasse / WaPi 2007
Seite 6 von 6