10 enkla regler

Den här sidan ger dig en första start inför uppgiften att skapa en snygg och funktionell hemsida. Jag har skrivit ner tio enkla regler som man skall hålla sig till. På så vis undviker man att göra nybörjarens misstag och framstår som mer vederhäftig än man kanske egentligen är.

Man kommer långt med HTML och när man lärt sig grunderna kan man också använda bilder, små scripts, stilmallar, m.m. Genom att göra rätt från början kan man spara mycket tid och arbete, både för sig själv och för besökaren.

1. Låt texten kontrastera väl mot bakgrunden. Har du en vit bakgrund bör du ha en mörk textfärg. Tänk på att text på en bildskärm är mycket svårare att läsa än text på ett papper. Låt även länkfärgerna vara olika och kontrastera väl mot den vanliga texten och bakgrunden. Många slarvar med detta och skapar därmed problem och kanske till och med irritation hos besökaren.

Ett annat vanligt misstag är att använda ljus text mot en svart bakgrund, i synnerhet om sidan skall skrivas ut. Många skrivare skriver då ut sidan som den ser ut och slösar med färgen.

Jag har också sett exempel på när man lägger in en viss bakgrundsbild och väljer text som kontrasterar fint mot den, men sedan inte tänker på vad som händer när bilden inte laddas: då går det plötsligt inte att läsa texten mot bakgrunden.

2. Undvik starkt lysande färger, eftersom de sticker i ögonen. Välj t.ex #990000 i stället för #FF0000, för att få en mer dämpad lyster på din sida. Försök också att hålla dig till websäkra färger, för att skapa en så klar och ogrynig färgyta som möjligt.

3. Använd ett teckensnitt utan seriffer. Standardtypsnittet i webläsaren har normalt seriffer. (Vet du inte vad det är kan du läsa på sidan som heter Mer om teckensnitt) Det gör att liten text på skärmen blir svårläst och grötig.

4. Använd ej för liten teckenstorlek. För liten text gör texten svår att läsa. Det är också så att tecknen i webbläsaren är två grader större i Windows än i Mac. Det betyder att texten på en sida i Windows alltid är size="+1" jämfört med samma sida på Mac. Det som är nätt och jämt läsligt i en PC blir alltså oläsligt i Mac, oavsett webbläsare. Visst kan besökaren ändra teckenstorleken, men gör det i praktiken sällan, utan väljer att surfa vidare till nästa sajt...

Ett litet tillägg behövs här. Använd bara de vanligaste teckensnitten. Om du anger ett visst teckensnitt i en viss storlek som ser bra ut och besökarens dator inte har just det teckensnittet utan väljer ett annat, kan sidan se helt annorlunda ut än du tänkt. Är det nödvändigt att skapa en viss layout med ett visst teckensnitt rekommenderar jag dig att göra om texten (t.ex en rubrik) till en GIF-bild i stället.

5. Förstärk ett ord med fet stil i stället för med kursivering eller understrykning. Fet stil syns bättre och går lätt att läsa. Kursiv stil är svårläst på skärmen och stryker du under ord tror alla att det är en länk. Blanda inte heller fet och kursiv stil eller kursiv och understruken. Det gör bara den absoluta nybörjaren.

6. Använd en tydlig layout så att besökaren lätt kan bilda sig en uppfattning om sidan. I detta ingår t.ex att ha rubriker, listor och bilder som underlättar ögats navigering på sidan. Här kan jag också ge rådet att använda mycket luft på sidan och att inte lägga in för många animationer. Undvik också att ha med för många olika färger.

Om besökaren blir förvirrad över din startsida kommer han eller hon att lämna den vid nästa musklick. Testa därför layouten på en kompis och be om synpunkter. Tycker någon att sidan är svårläst bör du nog tänka om och ändra tills det blir bra.

Tips!
använd gärna en sajtkarta. En sådan kan vara i bild- eller textform. Det senare använder många stora sajter, t.ex Netscape och Yahoo. På varje sida kan du också ange vilken adress den har, så som jag gjort längst ner på den här sidan. På så vis kan sidan skrivas ut utan att informationen om dess URL går förlorad.

7. Undvik för breda sidor. En vettig åtgärd om man har långa texter är att lägga in sidan i en enda lång tabell, med width-värdet satt till ungefär 600 pixlar. Om man vill kan man centrera hela tabellen. Det skapar en snygg och lagom bred sida på de flesta skärmar. Tänk bara på att sidan då också tar mycket längre tid att ladda. Ofta visar webläsaren sidan först när hela tabellen är klar, vilket betyder att besökaren måste vänta.

8. Var konsekvent i ditt val av layout, text och färger. Har du ett visst teckensnitt med en viss storlek på en sida bör du hålla dig till samma teckensnitt och storlek på resterande sidor. Detsamma gäller färgerna, framförallt till länkarna. Ett sidhuvud som jag själv har till mina sidor, ger också ett bättre intryck.

9. Undvik "tuffa" effekter i form av alltför ny teknik (t.ex XML, Flash) och browserspecifika element (t.ex marquees). Undvik även sådant som avancerade stilmallar och scripts, ASP-kod, applets, m.m. Det ser visserligen fräckt ut när proffsen använder det, men de har också kunskaperna som krävs för att få det att fungera. Dessutom gör alla effekter dina sidor mycket långsammare, speciellt om webbläsaen tvingas returnera en massa felmeddelanden till besökaren.

10. Testa dina sidor i så många olika webläsare du kan och på så många olika datorer du har möjlighet till. Dina sidor ser nämligen olika ut beroende på webläsare och operativsystem. Detta bör du göra innan du lägger upp sidorna på Internet.