Varning för gammal teknik
Har du som vill göra egna hemsidor någon gång besökt webbdesignskolan eller Annika Tigers sida? Detta är två klassiska och populära hemsidor som lär ut hur man själv kan göra just hemsidor. Länge var de viktiga, då de förmedlade kunskap på svenska och många nybörjare tycker att det är jobbigt med engelska. Idag är mycket av det som står på dessa sidor hopplöst föråldrat. Deras "bäst före datum" har gått ut.
Webbläsargenerationer
Idag (december 2004) så använder över 80% av världens surfare en generation sex-webbläsare eller bättre. Dessa webbläsare klarar till största delen tekniker som CSS2. Internet Explorer är sorgebarnet idag, efter att tidigare ha varit ledande. Men till och med den webbläsaren är bra nog för att vi skall kunna sluta med den slags kodning man hade förut.
I webbens barndom, på 90-talets början, så var HTML-koden tänkt att uttrycka funktion, snarare än design. H1 betydde huvudrubrik, H2 var underrubrik och P var stycke. Ganska snart ville de som gjorde hemsidorna ha mer kontroll över deras visuella presentation och förfallet började. För varje ny generation blev det värre.
Man införde saker som frames (ramar) och började missbruka tabeller för att skapa sidstruktur. Man la till taggar som <font> och lagom till generation fyra av webbläsarna så var det en plåga att koda för hand, speciellt om man ville stödja både Netscape och Internet Explorer, som då var jämnstarka. För min del innebar lösningen WYSIWYG i form av Netobjects Fusion.
Samtidigt pågick det två viktiga arbeten i skymundan. Det ena under parollen "tillbaka till rötterna" vilket innebar att man rensade i HTML-koden. Antalet taggar blev färre och de som återstår uttrycker i första hand språklig logik. Den fetstilta text du just såg är starkt betonade ord, omgivna av taggen <strong>. Designen flyttas över till CSS. Genom att byta stilmall kan man med ett trollslag förändra utseendet på en sida med exakt samma HTML-kod.
Generation sex och sju av webbläsarna är förberedda på detta. Framtiden innebär renare, smidigare HTML-kod. Framtiden vad gäller design heter CSS.
Den svenska scenen
Länge har webbdesignskolans, Annika Tigers och Jonaswebbs artiklar varit en källa till kunskap. Men nu är deras artiklar om just hemsidessnickrande föråldrade. Photoshoptips och andra saker som de lär ut kan säkert vara bra, men skall du lära dig HTML- och CSS-kodning, gå någon annanstans!
Jag mejlade de ansvariga för dessa tre sajter med synpunkter på vad de lär ut. Webbdesignskolan svarade inte. Jonas på jonaswebb höll med mig, men beklagade att han inte har haft tid att uppdatera sidorna. Han vill göra ett ansiktslyft på hela sin sajt. Annika Tiger tyckte att hennes kurs dög som nybörjarkurs. Jag menar att hon lär ut fel saker också till nybörjare.
Uppdatering 2005-01-17: jonasweb är numera uppdaterad och han skiljer ut HTML 3.2 från 4.0, samt har en bra sektion om XML och XHTML. Way to go, Jonas! Webdesignskolan däremot la utan mitt medgivande med mig i sin adresslista för utskick av sitt nyhetsbrev, men har inte trots upprepade kontakter kommenterat min kritik. Bottenbetyg.
Det finns svenska bloggar som fattat läget. Kaxigt.com är en sådan. Där hittar man i skrivande stund mycket enkla introduktioner till kodning, för den rena nybörjaren. xhtml.nu är en annan blogg för den som vill hålla sig uppdaterad på svenska. Ytterligare bra exempel är Martin Janner och Tommy Olsson.
Hur du kan bedöma en hemsidas kvalite vad gäller detta
Här är några saker att gå efter:
- Hur länge sedan är det just den artikel du läser skrevs? Ju nyare desto högre sannolikhet att det du läser är bra.
- Lär dig känna igen varningstecknen:
- Man nämner inte DOCTYPE eller skillnader mellan olika slags HTML.
- Man använder taggar som <font>, <basefont>, <b>, <i> och <center> (huga!)
- Man talar aldrig om "nedvärderade taggar" ö h t.
- Man beskriver olika taggar utifrån vilket slags visuellt intryck de ger. Poängen med <h2> är inte att texten blir mindre jämfört med <h1>, utan att det är en underrubrik. En sida som säger "tycker du texten blev för stor på din rubrik, byt till..." är ute och cyklar.
- Man använder attribut för att styra bakgrundsfärg och bakgrundsbild. <body bgcolor="..."> är föråldrat. <table width="..."> är föråldrat.
- Talar sidan om webbstandarder? Är den medveten om moderna webbläsare som Opera och Firefox (Mozilla)? Detta är positiva tecken som ökar sidans trovärdighet.
- Talar sidan om tillgänglighet också för handikappade och blinda? För dessa människors skull bör vi definitivt bryta med den gamla grötkoden!
Lägg märke till att man inte måste koda XHTML för att det skall vara en god kodningspraxis. HTML 4 ihop med CSS ger dig i princip samma möjligheter, åtminstone vad gäller rent hemsidessnickeri. Sedan har XHTML andra fördelar därutöver. Det handlar alltså om själva sättet att tänka och det kan sammanfattas i två punkter:
- Alla märkord skall i största möjliga mån tala om vad något är, utifrån dess språkliga logik. H är rubrik (inte stor fet text), P är stycke (inte dubbelt radavstånd), ul är onumrerad lista (inte indrag).
- Allt vad design och layout heter skall i största möjliga utsträckning skötas av CSS. Designern skall i princip inte behöva röra HTML-koden. (Detta är en delvis utopi, fullständig separation är omöjlig.)
Publicerad: 2004-12-14 07:15
Uppdaterad: 2005-01-17 13:33
