Weites Land
Startseite - Herzlich Willkommen
Home

Das Layout

Das Design

Eine Dünenlandschaft. Im Norden. Gras, Sand, Wind, blauer Himmel und weiße Schäfen-Wolken am Horizont. Reiz-Klima, aber trotzdem angenehme Temperaturen. Mehr geht nicht. Weites Land um sich frei zu fühlen. Während das große Hauptbild oben über eine Breite von 1600 Pixel geht, ist der Inhaltsbereich ca. 900 Pixel breit. Beides veränderbar. Der gesamte Text, den Sie ja jetzt gerade lesen, ist auf dem Hintergrund gut lesbar, was ja bei einem nicht einfarbigen Hintergrund nicht immer so einfach ist.

Die Technik

Da das 1600-Pixel-Foto als Hintergrundgrafik eingebaut ist, passt es sich auch kleineren Auflösungen des Monitors, wie 1280 oder 1024, an. Die kleinen Bildchen im Text sind links und rechts so angelegt, das der Text um die Bilder herum fließt. Diese Bilder im Text können Sie an jede andere Stelle innerhalb des Textes platzieren, einfach die entsprechenden "div-Bereiche" im Text verschieben.


Die Info

Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern. Der Name des Templates lautet: Weites Land. Beide Menüs oben sind um einige Links erweiterbar. Die Menüs passen Sie in der Datei menue.css an.

Nachfolgend noch ein Beispiel für eine Liste. Solche Listen lockern den Text auf und eignen sich natürlich wunderbar für Aufzählungen. Wir haben für die Liste den Pfeil gewählt, welcher ja auch im Menü oben zu sehen ist. Viel Spaß mit diesem Design.

Liste mit eigenem Aufzählungszeichen, nicht verlinkt:
  • Sed
  • Condimentum
  • Bibendum
  • Semper


Takimata sanctus

At vero eos

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto
odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat tempor Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

Diam nummy

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.


www.ihre-beispielwebseite.de
Anschrift / Kontakt
Mike Muster GmbH & Co. KG
55234 Sampletown
Spezialstrasse 3

Tel: +49.108.1234577
Fax: +49.108.9876522 33
Mail: mike.muster@info.de