Siteman.no i ny drakt

30.11.2005

Den 16.04.2004 så våre nye nettsider dagens lys. Sidene er bygget med tanke på rask...

Den 16.04.2004 så våre nye nettsider dagens lys. Sidene er bygget med tanke på rask nedlastning, nettleser-kompabilitet og søkemotorvennlighet. Det nye nettstedet representerer et kvantesprang i forhold til tidligere versjon og representerer et godt eksempel på profesjonelt webdesign.

Tabelløst design

Når internett kom på banen var hensikten å dele dokumenter, ren tekst. For å presentere tall og statistikk etc. laget man tabeller. Det ble overhodet ikke tatt hensyn til design. Senere kom muligheten til å legge inn bilder og noen fant ut at tabeller var et fint verktøy for å plasse bildene på de rette plassene, slik at man fikk et design ut av det.

Denne måten å designe på krever imidlertid en del koding. Koding som øker nedlastningstiden betraktelig. En annen bakdel med denne måten å designe på er at teksten er integrert med selve designet. På siteman.no er design og innhold godt adskilt fra hverandre. Design og presentasjon styres av et såkallt stilark (Cascading Style Sheet - CSS). Stilarket lastes kun én gang og bestemmer hvordan siden skal se ut. Bruk av CSS gjør også at de samme sidene kan ha forskjellig utseende avhengig av hvilket medium man ønsker å se de i. Man kan ha et eget utseende på f.eks. utskrifter og visninger på mobile enheter (PDA).

Nettleserkompabilitet

Sidene er designet med såkalte webstandarder. Det er disse standardene som benyttes av de forskjellige leverandørene av nettlesere. Ved bruk av standarder sikrer man seg at sidene ses like godt i alle nettlesere, ikke bare Internet Explorer men også Opera og Mozilla m.fl.

Tilgjengelighet for søkemotorer

Ved å skille innholdet fra designet blir koden mer oversiktlig for søkemotorene. I koden kommer vi raskt til poenget, nemlig teksten som skal leses. Designet lastes helt til slutt. Jo fortere overskrifter, ingresser og innhold kommer til syne i kildekoden jo bedre for søkemotoren. Mer om dette på sidene om Registrering i søkemotorer.

Anbefalt lesning i forbindelse med CSS og webstandarder:

• Hvordan jobber vi i Siteman?
• Bytt til webstandarder
• e-guiden uten tabeller ved hjelp av CSS og XHTML - Hvorfor?
• CASE STUDY: What you can learn about organizing content when Web techies do a site makeover