Spruch. Zitat. Welcome.

Ut accumsan scelerisque felis. Proin at mauris vel tortor lacinia volutpat. Quisque vehicula metus a massa. Curabitur ut dolor nec nunc tempus sagittis.


News.

Yesterday.
Vestibulum velit nunc, hendrerit ac, semper id, lobortis sit amet, velit. In a nunc.
» Weiter

Today.
Vivamus varius justo. Nunc pretium congue massa. In placerat. hendrerit ac, semper id, lobortis sit amet, velit. Vestibulum velit nunc, hendrerit ac
» Weiter

Next Day.
Nam eros sem, fermentum in, tincidunt sit amet, fringilla vitae, risus. » Weiter


Example.


Platz für Fotos. Hier Ihre Bildunterschrift.

Das Layout

Dieses Design heisst: Young & Beautiful

Beschriften Sie doch im Grafikprogramm die Grafik "header01.jpg" oder "header02.jpg" mit Ihrem Logo oder sonstigen Foto und ersetzen damit die Grafik "header_beispiel.jpg". Etwas Beispiel Füll Text: Maecenas a nulla. Maecenas nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris eu massa. In semper. In vulputate gravida orci.

Die Technik

Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern. Seite ohne Frames. In der "News-Rubrik" der linken Spalte haben wir eine kleinere Schrift gewählt, damit Sie hier auch etwas längere Textpassagen unterbringen können. Die "Weiter-Links" dort haben wir passend auch gleich in dieser kleineren Schrift gestaltet. Etwas Beispiel Füll Text. Maecenas a nulla. Maecenas nisl. Cum socis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris eu massa. In semper. Morbi vitae nisl at felis placerat porttitor. Morbi molestie. Cras ligula sapien, consequat sed, scelerisque ut, pulvinar vel, sem. In vulputate gravida orci.

Die Navigation

Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. Die vielen Zweit-Menüs, angeordnet ganz oben rechts und in der linken Spalte sowie auch das Menü ganz unten in der Fusszeile sind um einige Links erweiterbar.

Das Haupt-Menü im Logo-Bereich hat 100 % (100 Prozent von in diesem Fall 890 Pixel). Innerhalb dieser Breitenangabe haben wir das Menü für Sie flexibel angelegt. Jeder Button ist gleich breit, das wirkt optisch nett. Dieses Menü ist nur abhängig von der Länge der Textlinks, d.h. je kürzer die Linkwörter, desto mehr Links sind möglich. Im Moment sehen Sie also 5 Links mit der selben Breite je Link. Ein Link hat hier 20% (denn 5 x 20 = 100%). Somit können Sie auch für 8 Buttons einen Prozentwert von 12% oder für 6 Buttons eine Prozentwert von 16% oder für 7 Buttons 14% wählen. (Sie teilen also immer 100 durch die Anzahl der Buttons und runden nach unten ab).

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


The Dead Text

Beispiel Füll Text. Fusce bibendum pretium ante. Pellentesque sed enim nec odio laoreet congue. Nullam aliquam rhoncus libero. Morbi vitae sem. Sed quis lorem. Curabitur suscipit vehicula est. Donec venenatis. Durch die Einrückung lockern Listen auch jeden Text auf. Nachfolgend sehen Sie zwei Beispiele für Listen. Listen sind textliche Aufzählungen. Dies sind nur Beispiele, die Ihnen als Anregung gelten sollen, natürlich können Sie jede der zwei Listen verlinken oder auch nicht verlinken. Jede der Listen können Sie natürlich auch um weitere Listenpunkte nach unten erweitern bzw. verkürzen.

Liste mit Aufzählungszeichen "square", verlinkt: Maecenas a nulla. Maecenas nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris eu massa. In semper. Morbi vitae nisl at felis placerat porttitor. Morbi molestie. Cras ligula sapien, consequat sed, scelerisque ut, pulvinar vel, sem. In vulputate gravida orci.

Liste mit Aufzählungszeichen: "numerisch", Ziffern automatisch fortlaufend, nicht verlinkt:
  1. Sed
  2. Condimentum
  3. Bibendum
  4. Semper
Max Muster GmbH  •  Spezialstrasse 55  •  55234 Sampletown
www.ihre-beispiel-adresse.de