Doku » Aufbau und Struktur eines Webseiten-Layouts
MrW schrieb am 15.12.2009 15:25 Uhr - | Kommentare: 0
Eine Webseite brauch eine gute Struktur.
Um sich so ein Aufbau einer Webseite mal Bildlich vorzustellen hab ich ein paar Grafiken erstellt, die ein bischen besser zu verstehen wie eine Webseite aufgebaut ist.

1. Das Grundgerüst einer Webseite. 
Document mit Header, Menu, Main-Content und der Footer Tabelle.


Der Quellcode sieht das ungefähr so aus:

Code
1.
2.
3.
4.
5.
6.
7.
<div id="doc">
 <div id="header">
  <div id="menu"></div>
 </div>
 <div id="main"></div>
 <div id="footer"></div>
</div>



Tabellen Ausgabe in #main.  
Der gesammte Tabellenaufbau von #main in einer Grafik.


2. Tabellen-Vorlagen für #main .  
Jeder Hauptlink kann mit einen der sechs Tabelle Vorlage ausgegeben werden.
Es sind immer drei Tabellenzeilen, und können mit CSS angepasst werden.


Tabellen Aufbau #main.  
Diese Grafik zeigt etwas genauer wie in der Tabellen-Vorlage #main noch weiter Tabellen in den verschiedenen Zeilen eingebunden werden.

Wünsche viel Spaß beim erstellen eines Layouts.  

<<< Zurück |Archiv


Kommentar schreiben ...
Name:*
Kommentar:*
E-Mail:
Sicherheitscode:

* Sicherheitscode eintragen

Bookmark & Share
Bookmark and Share
Newsletter
Copyright 2004 - 2012 by www.MrW-Online.com
Seite geladen in: 0.164822 Sekunden.