1.
Webdesign<br />Vennesla Videregående Skole<br />

2.
Intro Webdesign<br />Mediefag, 1mk<br />

3.
Et nettsted bør ha:<br />Gjennomført og gjennomtenkt design.<br />Attraktivt for brukerne å ”undersøke” nettstedet.<br />Samme stil. <br />

4.
Utvikling av webdesign<br />Mange hensyn å ta :<br />Visuelt – siden skal se pen og ryddig ut.<br />Kommunikasjon - det er viktig at nettstedet kommuniserer godt med brukeren. <br />Webdesign er selve mediet i budskapsformidlingen mellom sender og mottaker.<br />Teknologiske muligheter og begrensninger.<br />

5.
Stil<br />mønster eller mal for websidene på et nettsted. <br />Bestå av:- bestemte fargevalg- skrifttyper - skriftstørrelser- plassering av navigasjonsverktøy- osv..<br />

6.
Farger<br />Hvilke farger som skal brukes på et nettsted: avgjørende for hvilket inntrykk de besøkende får<br />Farger appellerer i stor grad til følelser.<br />

7.
Farger <br />Fargevalget: konsekvent i hele nettstedet.<br />Frihet i henhold til fargenyanser:<br />Skriftfargen bør: - passe sammen med- skape en kontrast til bakgrunnsfargen.<br />

8.
Leselighet<br />”Leseligheten” angir det visuelle inntrykket vi får av teksten, – altså hvor godt ser/oppfatter jeg teksten:- for liten kontrast mellom fargen på bakgrunnen og fargen på fonten gir dårlig leselighet.<br />Her er det altfor liten kontrast mellom bakgrunn og skrift. Resultatet er dårlig leselighet.<br />

9.
Lesbarhet <br />”Lesbarhet” angir hvor lett det er å oppfatte innholdet/meningen med teksten:-lesbarheten er altså lav hvis teksten er skrevet med et innviklet språk – leseren forstår ikke !<br />Bla, bla,bla og lignende <br />

10.
Strukturering av websider<br />gjennomtenkt struktur på navigeringen mellom de ulike sidene.<br />Strukturen skal sørge for at brukeren på en oversiktelig måte finner fram til den informasjonen han/hun søker.<br />

11.
Strukturering av websider<br />Strukturkart over nettstedet.<br />Lettere å: - se hvilke sider det skal være hyperkobling mellom- gruppere informasjonen som hører logisk sammen<br />

12.
Strukturmodeller<br />Det er vanlig å skille mellom 4 ulike strukturmodeller:<br />Hierarkisk struktur<br />Lineær struktur<br />Kombinasjon av hierarkisk og lineær struktur<br />Spindelvev struktur<br />

13.
Hierarkisk struktur<br />Hierarkisk struktur = trestruktur sidene forgreines utover i nettstedet.<br />Etter at brukeren vises ”startsiden” kan han/hun bevege seg nedover en av ”grenene”. <br />

14.
Det er ikke mulig å hoppe direkte mellom grenene, men brukeren må alltid gå veien om ”startsiden”.<br />

15.
Lineær struktur<br />Sidene inneholder kun link til neste (og evt. forrige) side. <br />Brukeren tvinges å følge strukturen webdesigner har lagt opp til.<br />

16.
Lineær struktur forts.<br />Hensiktsmessig hvis: ønsker kontroll over hvordan brukeren navigerer mellom sidene(f.eks. hvis det er viktig at info’en kommer i en bestemt rekkefølge og ingenting bør hoppes over.) <br />

17.
Miks av hierarkisk og lineær<br />Her kan brukeren altså velge selv om han vil gå gjennom websidene i en forhåndsbestemt rekkefølge (lineær), eller gå fra et nivå til et annet (hierarkisk).<br />Kombinerer de beste fra begge modellene.<br />

18.
Spindelvevstruktur<br />Her kan brukeren fritt bevege seg fra den ene websiden til en annen, uavhengig av rekkefølge og evt. emne. <br />Strukturen krever at brukerenkjenner nettstedet godt, ellersvil han/hun lett kunne gå seg bort.<br />