Oppgave 2 i Digitale læringsressurser
Lage en startside for studiet

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...