Start Web-Basics
Webseiten vom Profi

 

Eine kleine Entscheidungshilfe für das Layout von HTML-Webseiten

 

Für die jenigen, die sich noch nicht mit dem Aufbau Ihrer Homepage auseinander gesetzt haben, sind unten ein paar Beispiele aufgeführt, die  ein paar grundsätzliche Punkte ansprechen, wie Ihre Seite später mal aufgebaut sein könnte.

 

  • Wo soll die Navigation hin?
  • Brauche ich eventuell eine zweite Navigation?
  • Sollen viele Bilder auf die Seiten?
  • Wieviel Text soll veröffentlicht werden?

 

Nehmen Sie sich ein paar Minuten Zeit und schauen Sie sich folgende Beispiele an. Das sind einfache, auf der Basis von HTML und PHP programmierte Webseiten für Einsteiger mit einfacher Navigation und einem Kontaktformular. Wenn Sie mehr Platz benötigen, lässt sich jede Webseite beliebig erweitern.

 

Beim klicken auf die Bilder öffnet sich ein neues Fenster mit funktionsfähiger Mini-Webseite.

 

Beispiel 1

Layout :: EINS ::

Navigation links -
Logo in Navigation integriert -
dynamischer Contentbereich -

Beispiel 2

Layout :: ZWEI ::

- feste Seitengröße
- horizontale Navigation

Beispiel 3

Layout :: DREI ::

Navigation rechts -
2-spaltiger Contentbereich -
dynamische Seitenbreite -

Beispiel 4

Layout :: VIER ::

- feste Größe
- absolut zentriert
- frei positionierte Bereiche

Beispiel 5

Layout :: FÜNF ::

horizontale Oben-Navigation -
feste Breite -
dynamisch zentriert -