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

In­ter­net­sei­ten pla­nen

Fol­gen­de Fra­gen müs­sen ge­klärt wer­den:

Eine Web-Prä­sen­ta­ti­on ist die Samm­lung von Do­ku­men­ten einer Per­son, In­sti­tu­ti­on oder eines Un­ter­neh­mens, die auf einem WWW-Ser­ver ab­ge­spei­chert und
da­durch der Öf­fent­lich­keit im In­ter­net zu­gäng­lich sind.
  • Wel­che The­men kom­men auf wel­che Seite?
  • Wel­che Ver­knüp­fun­gen zwi­schen den Ein­zel­sei­ten soll es geben?
  • Wie sieht eine ge­eig­ne­te Ver­zeich­nis­struk­tur aus?
  • Wel­che Art von Gra­fi­ken wer­den ein­ge­setzt?
  • Wel­che zu­sätz­li­chen Me­di­en kom­men zum Ein­satz (Sound, Video)?
  • Sol­len In­ter­ak­tio­nen / For­mu­la­re ein­ge­baut wer­den
  • Sind zu­sätz­li­che Tech­ni­ken (CGI, VRML, PERL, JAVA) nötig?
Dreh­bü­cher sind un­ab­ding­bar, wenn im Team an einer Web-Prä­sen­ta­ti­on ge­ar­bei­tet wird. Nur so las­sen sich viele Kon­flik­te bzw. dop­pel­te Ar­beit ver­mei­den!

1 Struk­tur einer Site

 

Homepagestruktur

2 Sei­ten­de­sign

"Grund­sätz­lich ist die Ge­stal­tung von Web-Sei­ten immer ein Kom­pro­miss zwi­schen Äs­the­tik, Les­bar­keit, Na­vi­ga­ti­on und Da­tei­grö­ße"

3 For­ma­te

  • Breit­wand-Kino 16:9(1.778)
  • "Gol­de­ner Schnitt" 8:5(1.618)
  • DIA 36:24 (1.500)
  • DIN Ax 297:210(1.414)
  • Bild­schirm 1024:768(1.333)

4 Schrift

Les­bar­keit ist eines der wich­tigs­ten Kri­te­ri­en über­haupt! Sie hängt ent­schei­dend vom ge­wähl­ten Font, der Schrift­grö­ße, der Farbe un­d­vom Zei­len­ab­stand ab.

Schrift-Font Gut ge­eig­net für die Les­bar­keit am Bild­schirm sind se­ri­fen­lo­se Schrif­ten wie Arial oder Ver­da­na.

mit Se­ri­fen

  • Times New Roman hat Se­ri­fen.

ohne Se­ri­fen

  • Arial hat keine Se­ri­fen.
  • Sehr ver­brei­tet ist Ver­da­na:
  • Der Font wurde li­zenz­frei von Mi­cro­soft zur Ver­brei­tung ge­stellt. Die Buch­sta­ben sind wie 'Arial', doch durch die etwas fei­ne­re Auf­lö­sung ist er ins­be­son­de­re im klei­nen Be­reich glas­klar les­bar. Genau dort, wo Arial auf­gibt .
  • Ef­fekt­schrif­ten spar­sam ver­wen­den

5 Far­ben

Für die Sei­ten­ge­stal­tung emp­fiehlt es sich, mit eher we­ni­gen Far­ben zu ar­bei­ten, diese je­doch in­ner­halb einer Site re­gel­mä­ßig zu ver­wen­den. In­halt­li­che Glie­de­run­gen kön­nen mit Far­ben vi­su­ell un­ter­stützt wer­den.

6 Bil­der

*.gif- oder oder *.jpg- bzw. png- For­ma­te ver­wen­den. KB-Größe mög­lichst klein hal­ten (Ziel: unter 30 KB).