Begrunnelse for de valg som er gjort
Under forklarer jeg litt om de valgene som er
gjort, og hvorfor disse valgene er truffet.
Det gyldne snitt
Dette nettstedet er designet meg bakgrunn i det gyldne snitt. Les mer
om dette i artikkelen om
det gyldne snitt.
Design for ulike plattformer
Her har jeg avveket noe fra Nielsens forslag. Designet som vises
her skal kunne vises OK på plattformer med skjermer fra 800x600
pixler og oppover. Valget er truffet fordi man i Norge dag ikke har
spesielt mange brukere med visningsstørrelse mindre enn dette, som
bruker datamaskin.
Sidene vises best på skjermer med oppløsning
800x600 eller 1024x768. Større visningsmodi vil kanskje ikke fungere
like bra.
Ellers er sidene testet i Internet Explorer,
Opera, Firefox og NetScape, alle i de nyeste versjonene. Det er
ingen særlige forskjeller i visning med disse nettleserne.
Oppgavene i hver sin mappe
Jeg har ikke organisert nettstedet slik at hver oppgave
ligger i sin egen mappe. I stedet har jeg organisert slik at
oppgavetekster, begrunnelser og besvarelser ALLE ligger i samme
mappe. Vi har et begrenset antall oppgaver med veldig varierende
størrelse. For en del oppgaver er Microsoft Word et egnet redskap
til skriving, i andre er HTML-formatet bedre. En del oppgaver finnes
derfor i word 97-200 format på server og kan lastes ned derfra, og i
tillegg til er de publisert som nettsider på veven.
Bruk av skrifttyper
Jeg har her lagt meg på bruk av skrifttyper med ikke-justerbar
størrelse (Internet Explorer). Årsaken er at hvis ikke dette ble
brukt, ville designet av nettstedet lide.
I FireFox fungerer forstørring av teksten helt
fint. Det samme gjelder zoom med Opera. I NetScape (versjon 8.0)
fungerer visning som i FireFox eller Explorer, avhengig av hva man
velger. Dette gjør at man bør bruke Opera, FireFox eller NetScape
browser hvis man ønsker forstørring / forminsking av teksten på
dette nettstedet. I IE vil ikke slik forstørring / forminsking ha
samme effekt.
Nielsens prinsipper
Disse er i all hovedsak fulgt. Avviket med bruk av faste
skrifttyper er nevnt over.
Økt leselighet med smalere spaltebredde
Spaltebredden er redusert for å oppnå økt leselighet i teksten. I
tillegg har er linjeavstanden satt til halvannen. Skrifttypen er
valgt for økt leselighet på skjerm.
Stilark
Det er brukt stilark for nettstedet. Til visning av sidene på
skjermen brukes stilarket IT2CSS.css, som ligger i mappen
maler/bilder. Til utskriftsvennlige versjoner brukes malen
IT2Utskrift.css som ligger i samme mappe.
Utskrift
Et lite ikon oppe i høyre del av banneret til hver side gir brukeren
mulighet til å få vist en utskriftsvennlig versjon av dokumentet.
Denne utskriftsvennlige versjonen fjerner alle andre elementer enn
bare de som ligger i artikkel-delen av sida, og gjør skrifttypen mer
tilpasset utskrift.
Et JavaScript fra "Momp's Web Design"
http://www.mompswebdesign.com brukes i en noe modifisert utgave
til å få dette til å virke. Skriptet er lagt inn i malen, og virker
derfor på hver side i nettstedet.
Dynamisk webmal
Til nettstedet benytter jeg dynamiske webmaler. Ved siden av at
disse letter arbeidet med enkeltsidene når de er laget til, gjør de
det enkelt å endre utseendet på nettstedet dramatisk og
gjennomgripende fra en enkelt fil. Nye nettsider kan lages direkte
fra malen, og vil være konsistente med nettstedets design.
Navigasjonssystem
Til navigasjonssystem har jeg benyttet dhtml-menyer. Disse er svært
anvendelige for nettsteder, og kan vise flere titals startsider i en
jafs. Et eget program til å lage slike menyer er anskaffet og kjøpt
inn.
Jeg bruker Sothinks dhtml menu builder. En demo
kan lastes ned fra adressen i venstre navigasjonsfelt, eller herfra.
Sothinks programvare gir menyer som er kompatible med de fleste
nettlesere, og kan integreres i FrontPage eller DreamWeaver. På den
måten blir det nokså enkelt å redigere navigasjonssystemet for
nettstedet.
Jeg har laget en kort oppsummering av hvordan
jeg har arbeidet med
Sothink DHTML-menu i FrontPage.
Kort oppsummert
Jeg har brukt nokså mye tid på å utvikle designet for nettstedet.
Jeg benytter gjennomgripende stilark (CSS), dynamiske
webmaler og dhtml-menyer. På den måten oppnås et enhetlig og nokså
enkelt redigerbart grensesnitt for alle sider i presentasjonen.
Utskriftsvennlige versjoner av hver side lages
dynamisk ved bruk av JavaScript, og er koblet til et eget stilark for
utskrift.
Bare en uke før leveringsfristen for alle
oppgaver lyktes jeg i å smelte alt sammen til noe som kunne fungere
tilfredsstillende for meg som nettsted-designer.
Om det fungerer like godt for de som ser på
nettstedet er en ganske annen sak. Men det er det jo ikke jeg som
skal vurdere...
|
