name der homepage
 






 

01


Home - Start - Welcome

 Das Layout, bitte ...

Dieses Design heisst: " Impressions ".

Bei dieser Vorlage gibt es viel zu entdecken: Zum Beispiel ein Menü, welches neben dem normalen Mouseover, den jeweils angezeigten Link konstant in anderer Formatierung anzeigt. Klicken Sie auf die Links im Menü und Sie sehen was wir meinen, denn wir haben hier bereits auch schon für Sie 8 Seiten angelegt und verlinkt. Der Clou: Jede der einzelnen Seiten erhält ein eigenes Foto. Anbei sind dazu jede Menge Tipps (Datei: "tipps.html"), damit Sie die Vorlage leicht anpassen können.


 Die Technik, wie folgt ...

Zur Konstruktion: Dies ist ein flexibles Layout, d.h. Sie können die Breite verändern. Also auch bildschirmfüllend, wenn Sie mögen. Die Breite der Gesamtkonstruktion beträgt zur Zeit 920 Pixel. Wählen Sie ggflls. einen anderen Pixelwert oder gar einen Prozentwert. Dies können Sie ganz oben in der Datei "format.css" einstellen.
« Jeder Link hat eine Zahl vorangestellt und die Idee ist hier, daß diese Zahl dann oben im Inhaltsbereich wiederholt wird. Passend dazu erhält jede Seite ein eigenes Foto. Das schafft Struktur. »
Seite ohne Frames. Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.


 Die Navigation, kurz erläutert ...

Sowohl Linktext als auch die Zahl sind einfacher Text und keine Grafik, damit also schnell anzupassen. Trotzdem verändern wir bei Mouseover diese beiden Objekte gleichzeitig. Zudem wird dann beim Mouseover noch ein drittes Objekt getauscht, nämlich eine Hintergrund-Grafik, hier der kleine Pfeil. Nachdem Sie den Link per Klick aktiviert haben, sehen Sie einen anderen Link-Status: Das Menü zeigt den jeweils aktuellen Link konstant in anderer Formatierung an.

Hier nochmal zur Verdeutlichung eine Auflistung der Menü-Zustände:
  • Ausgangs-Link:
    Zahl als Text in Weiss. Linktext in Grau. Kein grafischer Pfeil.
  • Onmouseover-Link (Bei Mausberührung):
    Zahl als Text in Gelb. Linktext in Weiss. Blauer grafischer Pfeil.
  • Link nach Klick: (Anzeige des aktuellen Links):
    Zahl als Text in Orange. Linktext in Weiss. Weisser grafischer Pfeil.
Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.Ach ja, das linke Menü ist beliebig nach unten erweiterbar. Auch die Breite der linken Spalte läßt sich bei Bedarf anpassen.

Die allgemeinen Links (Links im Text) sehen zur Zeit aus wie nachstehend: Um den Mouseover-Effekt anzuschauen, fahren Sie mit der Maus über den Link: Beispiel-Link


 Die Tipps, wie nachstehend ...

Schauen Sie hier anbei die Datei "tipps.html" zwecks detaillierter Erläuterungen an, dort finden Sie einige hilfreiche Einstellungsmöglichkeiten zu dieser Vorlage. Vielleicht erkennen sie dadurch auch eher die vielfältigen Anpassungsmöglichkeiten dieses Templates.
   Mike Mustername GmbH & Co. KG  •  Beispielstraße 55  •  55234 Sampletown