Name Der Homepage

Layout.

Dieses Design heisst "Fine Art In Silver". Das Layout haben wir für Sie prozentmässig an verschiede Bildschirmgrössen angepasst, das schliesst auch die Schrift/Linkgrösse mit ein, die sich auch prozentmässig anpasst. Lesen Sie weiter unten mehr zu diesem Thema.


Technik.

Seite ohne Frames.

Wie üblich mit ausgelagerter CSS-Datei. Platz für Fusszeile unten sowie oben der Homepagename, beide als einfacher Text einzutragen. Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.


Navigation.

Textlinks.
Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. Das Menü links ist beliebig erweiterbar bzw. natürlich auch verkürzbar durch Löschen einiger Links. Menü oben mit 5 Links. 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


Auflösung.

Eine Webseite sollte immer für verschiedene Monitorauflösungen (800x600 und 1024x768) konzipiert sein, da man nicht wissen kann, mit welcher Monitorgrösse ein Besucher Ihre Seite ansurft.
Denn es ist so: Jeder Besucher kann auf seinem Rechner unter Windows die Bildschirmgrösse, genannt Auflösung, selber einstellen - je nach persönlichem Geschmack.

Sehen Sie nachstehend die Auflösung:

Wenn Sie genau hinschauen und die folgenden Fotos vergleichen, erkennen Sie einige Feinheiten: Die Grafik oben verändert Ihre Grösse in der Breite, die Buttons oben passen sich in der Breite an und der Hauptbereich -also das Menü links und der Inhaltsbereich- bleiben immer im Verhältnis von 30% zu 70% .


800x600   


1024x768  


1280x720  


Hinweis zu Schriftbild und Links.

Das Schriftbild (Grösse und Abstände von: Schrift, Links im Text, Überschriften, Links in den Menüs, Homepagename) passt sich zwar nicht ganz bezgl. des Layout-Verhältnisses bei versch. Auflösungen an, jedoch ist auch das Schriftbild flexibel und in Prozent wie folgt:

Die Anpassung beim Schriftbild erfolgt in Prozent und zwar im Verhältnis zur Standardbrowserschrift (Diese beträgt 100%) .

Deutlicher wird es, wenn wir Ihnen sagen, das wir z.b. die Schrift im Haupttext mit 94% bei Schrift "Arial" und die Überschriften mit 120% festgesetzt haben. Der Zeilenabstand beträgt 125% . Die Links in den Menüs haben 86% bei Schrift "Verdana" erhalten.(Diese Angaben ersehen Sie in der Datei "format.css" bei "font-family", "font-size" und "line-height") .

Damit die Vorlage auch bei einer kleinen Monitor-Auflösung von 800x600 korrekt dargestellt wird, sollten Sie bei den Textlinks in den Menüs kein breiteres Wort als z.b. 'Gaestebuecher' (Menü oben) und kein breiteres Wort als z.b. 'Supercoole Angebote' (Menü links) wählen. Etwas mehr Spielraum erhalten Sie, wenn Sie die Prozentzahl minimieren und/oder die Schrift "Arial" wählen. Es ist deshalb ein wenig kompliziert, weil ja die Breite des linken Menüs 30 Prozent (30%) erhalten hat. Wenn Sie die Menüspalte in Pixel festlegen, z.b. 240 Pixel, dann bestimmen Sie die Breite der Textlinks - egal für welche Auflösung - selbst. Dies gilt dann aber nur für das linke Menü.


www.ihre-webseiten-url.de