Name der Homepage
 

Tipp 1

Wie in vielen unserer Vorlagen ist der Text im Inhaltsbereich hier als Blocksatz gestaltet, d.h. gleiche Ausrichtung der Buchstaben an linker und rechter Textkante - weil es einfach schick aussieht und wir es mittlerweile auch aus den Print-Medien, wie Zeitungen oder Zeitschriften gewohnt sind. Nur bei sehr langen Wörtern oder bei aufeinanderfolgenden längeren Wörtern kann es evt. nicht so schön aussehen, das liegt in der Natur der Sache. Die Lösung ist simpel: Wählen Sie andere Wörter - meistens passt es dann auch schon. Und/oder machen Sie an bestimmten Stellen im Text einen Zeilenumbruch. Die Alternative: Sie ersetzen in der CSS-Datei unter "textbox" die Angabe "text-align:justify" durch "text-align:left", um eine linksbündige Ausrichtung des Textes, also eine Ausrichtung ohne Blocksatz zu gewährleisten.


Tipp 2

Bei allen Vorlagen legen wir die Höhe im Inhaltsbereich/Textbereich mit einem bestimmten Wert fest. Bei dieser Vorlage ist das z.B. 900 Pixel. Sollte Ihr Text oder Inhalt bezgl. der Höhe dann länger sein als im hier im Beispiel, so verlängert sich diese Höhe automatisch, das ist per HTML einfach und praktischerweise so vorgesehen.

Wenn Sie aus bestimmten Gründen diesen Höhenwert im Inhaltsbereich verändern möchten (z.b. wenn Sie vielleicht sehr wenig Text haben oder wenig Boxen in der linken und rechten Spalte), so können Sie das leicht tun wie folgt:

Sie ersetzen in der CSS-Datei unter "textbox" die Angabe "height:900px" durch einen anderen Wert, z.B. "height:700px".


Tipp 3

Um die ganze Konstruktion legt sich ein Schatten, welcher flexibel ist; egal ob Sie die Pixelwerte bzgl. der Gesamtbreite (920px) oder die Prozentwerte ( 82% in Version2 - index2.html) ändern, so passt sich der Schatten immer dieser Änderung an und wandert mit. Somit erhalten Sie eine sehr flexible Vorlage - bitte nehmen Sie sich doch ein wenig Zeit dafür und setzen sich damit auseinander, denn wenn Sie den Unterschied verstehen zwischen einem Pixel-Layout und einem Prozent-Layout und realisieren, daß sich in beiden Versionen auch der Schatten ums Design mit anpasst, dann haben Sie einen großen Schritt Richtung Webdesign gemacht.

Anmerkung:

Frage: Warum soll ich überhaupt unterschiedliche Versionen testen und was soll der Quatsch mit dem Pixel-Layout und dem Prozent-Layout?

Antwort: Man kann nie wissen, mit welcher Monitor-Auflösung ein Besucher die eigene Homepage ansurft, denn es gibt ja

a.) unterschiedlich breite Monitore (von 800 Pixel bis 1600 Pixel und noch breitere)
und
b.) jeder Besucher kann - egal wie breit sein Monitor ist - eine bestimmte Breite nach Wunsch unter Windows (Monitor-Eigenschaften) selbst einstellen/bestimmen.

Hinweis: Unser Foto ist 1246 Pixel breit. Beachten Sie, daß Sie bei einer Änderung ab einem bestimmten Pixelwert bzw. Prozentwert, ein breiteres Fotos wählen sollten.


Tipp 4

Die Kopfzeile (Name der Homepage) und die Fusszeile (Adresse) können Sie beliebig in der Höhe verändern. Und zwar in der CSS-Datei bei #top1 und #fuss, dort die "height-Angabe" ändern. Im Moment steht die Kopfzeile auf 140 Pixel Höhe und die Fusszeile auch auf ca.140 Pixel Höhe.

Somit könnten Sie auch in der Kopfzeile statt des kleinen Text-Homepage-Namen ein grosses grafisches Logo oder einen Banner einbauen.


Tipp 5

Breite der Gesamt-Konstruktion.

Zu ändern in der Datei format.css bei:
/* breite der gesamtkonstruktion  */
#breite {width:920px}
Für eine Prozentkonstruktion schreiben Sie dort alternativ auch beliebige Prozentwerte, z.B:
/* breite der gesamtkonstruktion  */
#breite {width:82%}

Tipp 6

Die rechte Menü-Spalte verbreitern oder verschmälern:

Zu ändern in der Datei format.css bei:
/* breite der rechten spalte in pixel */
#nav_breite {width:300px;}
Passen Sie bitte auch noch die Breite in der Datei "menue.css" an.
/* ===== menue 2 rechts ===== */
#menu2 a,
#menu2 a:visited ,
#menu2 a:active {display: block;
width:300px;
}

Tipp 7

Die Menüs .

Die Menüs passen Sie ggls. in der Datei menue.css an.


Zurück zur Hauptseite

 
Mike Muster GmbH & Co. KG  •  Spezialstrasse 55  •  55234 Sampletown