Oslonetts tips til koding av HTML-sider

Mange synes å ikke være klar over dette, og glemmer oftest å legge vekt på det som gjør Web til et så spesielt medium - nemlig muligheten for interaktivitet og toveis kommunikasjon, og interaktivitet brukt på en slik måte at man lar leseren bestemme hva- og hvordan hun vil ha informasjonen. Det er ikke du som skal dytte informasjon på folk hvis de ikke vil ha den - dette blir tatt ille opp av en leser og samtidig sløser man med dyr båndbredde på Internettet.

Her er noen tips om hvordan man ta hensyn til dette til alle som utvikler private hjemmesider i Web på Oslonett!

• Bruk av grafikk
• Hyperlinker og linktekst
• Kontekstuavhengighet
• Navigasjonsmuligheter

1. Ingen HTML sider bør ha mer enn 20-30k grafikk på seg! Dette betyr ikke at ikke større bilder noen ganger kan brukes, men
   La brukeren/leseren bestemme grafikkmengden

   Dette kan gjøres ved at man f.eks. legger opp små ikoner som man linker mot større bilder. Det er alltid god skikk og bruk å da skrive bytestørrelsen i parentes slik at leseren får en indikasjon.

   Generelt: Det er en uskikk å påføre en leser masse grafikk uten at leseren selv har kontroll over det. Dessuten forbruker grafikkfilene masse båndbredde. Husk at Internettet er en delt ressurs og et privilegium, ikke en selvfølge. Som en tommelfingerregel kan du gå ut fra at du ikke bør legge mer enn maks 20k grafikk på en enkelt HTML side.

   ---

2. Sørg for at bilder fungerer på en monokrom skjerm også. I hvert fall hvis bildet bringer viktig informasjon inn i den sammenhengen det brukes. Det er ikke alle som har fargeskjerm!

   ---

3. Det er faktisk ikke alle som engang har mulighet til å vise fram bilder gjennom WWW. Vurder å legge opp alternative rent tekstlige HTML sider for disse, eller sørg evt. for at man ikke gå glipp av viktig informasjon selv om man ikke greier å se bildene.

Menybasert:

Her presenteres alle linker separat fra brødteksten i form av meny/liste konstruksjonene i HTML (<ul>,<ol>,<dl>). En leser vil oppfatte dette som ryddig og greit, og samtidig er det her ganske greit for HTML forfatteren å finne fornuftige linktekster/menytekster.

---

Brødtekstbasert:

Dette er den originale hypertekstmekanismen slik Nelson og andre definerte den, og slike mange hypertekst systemer virker i dag. Skal man la hyperlinkene være blandet inn i brødteksten, setter det store krav til formuleringsevne og valg av hva som skal være linktekst. Husk på at det helst skal være selvinnlysende for leseren hva som skjuler seg bak en link.

Dette må være smak og behag, men det viktige er at man er bevisst det man gjør. Oftest er det naturlig å kombinere de to måtene. Man kan f.eks. legge alle videre koplinger til ens egne sider og underhierarkier i menyer, mens man allikevel bruker hyperlinker i brødteksten der dette faller naturlig, f.eks. mot ekstern informasjon på Internettet som omhandler det brødteksten handler om.

Det er viktig å være klar over at en leser ikke nødvendigvis kommer i kontakt med HTML presentasjonene via denne "toppen", så det er lurt å prøve å la hver enkelt fil fungere for seg - vi kan si at den bør være kontekstuavhengig.

I praksis betyr dette at man skal velge <title> og <h1> i dokumentene på en slik måte at disse fungerer helt uavhengig av om leseren har vært innom andre filer i presentasjonen din. Vær dessuten klar over at <title> feltet ALLTID bør være med, selv om du ikke ser denne teksten i Web browseren. Grunnen er at <title> teksten ofte brukes bak kulissene av annen programvare. Det er f.eks. denne teksten som brukes i Bookmarks og Hotlist menyene i browserene, og det er ofte <title> teksten som skrives ut som "klaff" i Web baserte søkesystemer og Webroboter som traverserer Internettet.

[ Andre HTML kodetips ][ Om HTML språket ][ Om Web som annonsemedium ]

Oppdatert, 22. mai 1995, webmaster@oslonett.no