Sommerurlaub.net
Die Seite Sommerurlaub zeigt auf der Basis des beliebten Blog- und Contentmanagementsystems Wordpress interessante Informationen über verschiedene Möglichkeiten den Sommerurlaub zu verbringen. Die klassisch und hübsch gestaltete Seite hat eine Datei, in der alle für die Browser relevanten Informationen zusammen gefasst sind: die style.css.
Die grundlegenden Angaben dieser Datei sind:
1) Der Bodybereich:
Dies ist der Bereich in dem die wesentlichsten Elemente der Seite beschrieben sind: Z. B. Wird hier der Seitenhintergrund (wahlweise als Farbe mit den Werten 4A7BB5 oder als sich wiederholendes Bild (mages/gradient.jpg) definiert. Weiters werden die Standard-Schriftgröße (14px) der Standard - Zeilenabstand (20px) und die Standardschrift (”Trebuchet MS”) festgesetzt. Im Code zeigt sich das folgendermaßen:
body{background:#4A7BB5 url(images/gradient.jpg) repeat-x; color:#333; margin-bottom:20px; line-height:20px; font-size:14px; font-family:”Trebuchet MS”}
2) Der Wrapper:
Dieser div-Container umfasst die Inhalte der Seite und definiert sie vor allem hinsichtlich der Breite: Mit den Angaben {margin:60px auto;width:950px;}wird festgelegt, dass die Seite einen 60 Pixel Abstand vom oberen Rand des Browserfensters hat und sich horizontal immer in der Mitte positioniert. Die festgelegt Breite von 950 Pixel macht die Seite für die meisten Bildschirme leicht lesbar und ist weder zu breit noch zu schmal.
3)1. Navigation:
Der nächste Bereich, der bei einer Ansicht von oben nach unten folgt, ist der Bereich „#navigation. Mit einer Höhe von 19 Pixel ist dieser Bereich relativ schmal. Derzeit gibt es nur einen Punkt im Navigationsmenü, das ist der Punkt „Sommerurlaub“.
4)Wrapper2:
Der nächste div-Container – wrapper2 - beinhaltet dann die Elemente „Header“ und „Content“ Content ist – wie bei Wordpress üblich mit einer Sidebar versehen . Der für Wordpress typische Bereich „Footer“ fehlt bei dieser Seite zur Gänze.
Die wichtigsten Angaben von Wrapper2 im Überblick:
Kopfbereich:
Der Kopf hat eine Breite von 930 Pixel und wird mit einem Randabstand von 10 Pixel zum wrapper2 dargestellt. Das Bild, das den Kopfbereich optisch prägt, ist als Hintergrundbild angelegt und hat die Maße: 390px x 160 Pixel.
Content:
Ebenfalls 390 Pixel breit und mit einem Randabstand von 10 Pixel zum Wrapper2.
Sidebar:
Die Sidebar ist 328 Pixel breit und ist in zwei Bereich eingeteilt: Links ist Platz für eine Werbeliste von Google, rechts können über einen Navigationsbereich verschiedene Unterseiten angesteuert werden. Die Farbe der Sidebar ist ein sehr helles Grau (#F4F4F4) die Grenzen der einzelnen Bereich sind durch ein anderes helles Grau ( #E8E8E8) definiert.
—————–
Die neuesten Finanznachrichten finden Sie auf Wirtschaft.com!
—————–
Insgesamt bietet die Seite sommerurlaub.net ein klassisches und ansprechendes Design, das durch übersichtliche Anordnung die Besucher der Seite gut über verschiedene Urlaubsmöglichkeiten informiert.