Web Design-Lecture1-QN-2003 Web Design Web Design Using HTML.
Web design
11
VIKTIGE TING Å TENKE PÅ NÅR MAN SKAL DESIGNE ET NETTSTED.
Transcript of Web design
VIKTIGE TING Å TENKE PÅ NÅR MAN
SKAL DESIGNE ET NETTSTED.
HTML
HTML står for Hyper Text Markup Language.
Brukes til å designe et nettsted.
Strukturerer innholdet på websiden.
Teksten mellom <html> og </html> beskriver
nettsiden.
DREAMWEAVER
Når du designer noe i dreamweaver, må du alltid
lagre sidene som html for å få åpnet dem på nett.
Man må alltid lagre hovedsiden som Index.html.
Dreamweaver setter inn kodene automatisk.
EN NETTSIDE BØR HA
Leselighet
Fine farger og mønstre
Oversiktlighet
Ryddighet
Kontraster
DESIGN
Når man skal designer må man ta hensyn til:
Visuelt utsende.
Kommunikasjon.
Teknologiske muligheter og begrensninger.
Fargene bør passe sammen.
WYSIWYG
I dreamweaver kan man jobbe i tre forskjellige
kategorier:
Design view – her ser du hvordan pc’n din kommer
til å se ut i nettleseren.
Split – viser de viktigste html kodene, samt design
view.
Code view – alle koder hele tiden.
EN NETTSIDE BØR BESTÅ AV
Bestemt fargevalg
Skrifttyper
Skriftstørrelser
Plassering av navigasjonsverktøy
Osv.
STRUKTURMODELLER
Hierarkisk struktur
Lineær struktur
Kombinasjon av hierarkisk og lineær struktur.
Spindelvev struktur
OPPSTARTS FASEN
Hva skal vi oppnå?
Hva skal vi si?
Hvem skal vi si det til?
Hvor skal vi si det?
Når skal vi si det?
FONTER
Fonter på web tar seg dårlig ut. Det blir
vanskeligere å lese, og man bruker 5 ganger lengre
tid enn uten fonter. Derfor er det lurt med skrifttyper
som Helvetica, Verdana og Thahoma.
Bruk maks to fonter i en og samme jobb.
BILDE OG ILLUSTRASJON
Et bilde sier mer enn 1000 ord.
Uten farger eller bilder, ser alle budskap ut som en
bok med lover.
Vær kreativ og gjør det gøy.
