Zur Haupt­na­vi­ga­ti­on sprin­gen [Alt]+[0] Zum Sei­ten­in­halt sprin­gen [Alt]+[1]

Web­sei­ten­pla­nung

Die drei gro­ßen C des Web sind:

  • Con­tent - In­hal­te zu allen Be­rei­chen
  • Com­mu­ni­ty - Kom­mu­ni­ka­ti­on
  • Com­mer­ce - Trans­ak­ti­on

Das In­ter­net wird des­halb als mul­ti­funk­tio­na­ler In­for­ma­ti­ons-, Kom­mu­ni­ka­ti­ons- und Ge­schäfts­raum be­zeich­net..

Bei der Ge­stal­tung einer Web­Site bzw. von Web­sei­ten ist be­son­ders auf die bei­den fol­gen­den Merk­ma­le zu ach­ten:

  • in­halt­lich klare und qua­li­ta­ti­ve Aus­wahl der In­hal­te in struk­tu­rier­ter Form
  • ge­stal­te­risch an­spre­chen­de und be­nut­zer­freund­li­che Or­ga­ni­sa­ti­on der In­for­ma­ti­ons­ein­hei­ten und der Na­vi­ga­ti­on.

Un­ter­schied zwi­schen Web­Site und Web­sei­te:

Web­sei­te
Ein ein­zel­nes HTML-Do­ku­ment als kleins­te In­for­ma­ti­ons­ein­heit einer Web­Site.

Web­Site
Eine Grup­pe zu­sam­men­hän­gen­der HTML-Do­ku­men­te und damit ver­knüpf­ter wei­te­rer Da­tei­en. Die Start­sei­te wird meist als Home­Page be­zeich­net.

Web­de­sign
Ober­be­griff für das Pu­bli­zie­ren im WWW, das neben Lay­out-De­sign, Con­tent-De­sign, Na­vi­ga­ti­ons-De­sign, Hy­per­text-De­sign auch Ap­pli­ka­ti­ons-De­sign um­fasst. Meist ver­steht man hier­un­ter die Er­stel­lung und Kon­zep­ti­on der In­ter­net-Auf­trit­te von Fir­men, Or­ga­ni­sa­tio­nen (oder Pri­vat­per­so­nen), bei denen ein Web­de­si­gner  für die gra­fi­schen Ge­stal­tung und die Na­vi­ga­ti­on in­ter­ak­ti­ver In­hal­te ver­ant­wort­lich ist.

Wich­ti­ge Ele­men­te des Lay­outs von Web­sei­ten sind:

  • Logos
  • Na­vi­ga­ti­ons­lei­ten
  • Text­fel­der
  • Bil­der und Gra­fi­ken
  • In­ter­ak­ti­ve Be­rei­che

Bei der Lay­out­ge­stal­tung ist des­halb er­for­der­lich, fol­gen­de Ge­sichts­punk­te zu be­ach­ten.

  • Ein­heit­li­ches Lay­out - Kon­sis­tenz
  • Vi­su­el­le Glie­de­rung - Struk­tu­rie­rung
  • Sei­ten­län­ge - Über­schau­bar­keit

Lay­out mit Ta­bel­len

Lay­out mit Frames

Lay­out bei ver­schie­de­nen Brow­sern

Re­geln zur Lay­out­ge­stal­tung [PDF] [72 KB]