FrontPage Lektion 9

Dieses Tutorial ist in der Zusammenarbeit mit meiner Schwester (Xena) und mir entstanden

Es darf ohne unserer Zustimmung weder kopiert noch auf anderen Seiten

zum Download angeboten werden..

© Xena & Bohne 03.07.2012

 

getestet vom

 

 

Verlinken von Buttons

Das Verlinken von Text, Bilder und Buttons ist das "A" und "O" der Webgestaltung.

Wer seine Webseite mit mehr als nur einer Index aufbaut, kommt nicht ohne Verlinkung aus.

Wir haben schon gelernt wie wir Texte verlinken (denk an deiner Index) nun wollen wir Buttons verlinken.

Erstelle dir in deinem Bildbearbeitungsprogramm (Photoshop, Paint Shop pro oder Photo Impakt) 5 Buttons nach deinem Geschmak

und beschrifte sie mit: Home, Fotoalbum, Überschriften, I-Frame und E-Mail

falls du du lieber, aus Mangel an Ideen, fertige Buttons nehmen möchtest, kannst du das auf folgenden Seiten tun:

Hompage-Buttons.de

Nur Gifs.de

Erstelle dir wieder einen Ordner und lege deine Buttons dort hinein.

Wir werden in dieser Lektion unsere bisherigen Lektionen verlinken dazu

öffne deine Lektion 8 oder erstelle dir ein neues Frame-Set

Lass uns nun beginnen!

klicke in die linke Seite, dein Navi (Navigation)

gehe in der Menueleiste zu den Tabellen und wähle 4 Tabellenzeilen

jetzt klicke in die Tabelle und rufe die Tabelleneigenschaften auf, übernehme meine Einstellungen

klicke jetzt unterhalb der Tabelle in den freien Raum und rufe die Frameeigenschafften auf

und trage in der Breite die 280 Pixel der Tabelle ein

so jetzt klicke in die oberste Tabelle und gehe auf Einfügen -> Grafik-> Aus Datei und lade deine ersten Button

und so fügst du nun auch den Rest deiner Button hinzu, so das es dann so aussieht

mit rechtem Mausklick auf den Homebutton auf Hyperlink

hier suchst du dir die Inhaltseite aus Lektion 8 klicke dann auf Zielframe

gebe her das Hauptframe an

als nächstes kommt der 2. Button (bei mir der Button I Frame) dran den verlinke mit der Lektion 7

und wieder als Zielframe das Hauptframe

verlinke noch die Buttons -> Uberschriften mit Lektion 5

und Fotoalbum mit Lektion 6

und zum Schluß kommt der Button E-Mail an der Reihe klicke wie gehabt mit der rechten Maustaste

und klicke auch hier auf Hyperlink, doch hier klickst du dann auf der linken Seite E-Mail Adresse

hier trägst du dann, mailto: deine E-Mailadresse, ein

du kannst auch schon den Betreff: eintragen musst du aber nicht.

Jetzt alles Speicher und hochladen, vergesse nicht auch die navi.htm mit hoch zu laden da du sie ja geändert hast

 

Zum Abschluß stelle den Link zu deiner index.htm in deine Stube aus

hier meine Seite, so sollte es aussehen

Vorschau