Vid webbproduktion finns det egentligen inget vettigt alternativ än att använda sig av CSS (Cascading Style Sheets). Med hjälp av det kan du skilja på innehållet på hemsidan och den del av koden som styr din webbdesign dit du vill ha den rent utseendemässigt. På så sätt får du en betydligt sökmotorvänligare hemsida och det är enkelt att ändra i det layoutmässiga på webbsidan.

För den som har byggt hemsidor med tabeller tidigare är det kanske inte ett naturligt sätt att koda, men det finns oändligt med resurser att ta hjälp av och om du vill lära dig att bygga hemsidor med hjälp av CSS hittar du några av dessa här:

• 15 artiklar om CSS för nybörjare
• 50 nya CSS-tekniker för din hemsida
• Fler än 250 resurser för att bli expert på CSS
• Guide för negativa marginaler
• Stor samling CSS-resurser
• Texteffekter med CSS
• 35 webbsidor för att lära dig CSS
• Resurser för CSS3
• Fler än 50 professionella CSS-tekniker
• Lär dig arbeta med boxar
• Jobba med listor i HTML och CSS
• Bakgrunder med CSS
• Kom igång med CSS-kodning
• Blueprint CSS Framework
• Float-egenskapernas mysterium i CSS

När jag arbetar med webbdesign i Dreamweaver brukar jag till 95% sitta och knacka kod i texteditorn. Har varit nöjd med det och egentligen aldrig gått in för att lära mig ens en bråkdel av programmets alla funktioner. Hittade av en slump en Dreamweaver guide som tar upp hur man kan CSS-koda en punktlista till en snygg meny. Detta enbart med Dreamweavers inbyggda funktioner. Resultatet blir detsamma som att man kodar manuellt, men tillvägagångssättet är helt olika. Lite roligt att se hur extremt olika man kan jobba för att nå samma mål.

Vid webbdesign och produktion av hemsidor bör du använda dig av stilmallar (CSS). CSS är förkortning för Cascading Style Sheets och det är den kod som styr utseendet på hemsidan. Det är i den koden du anger färger, bakgrunder, teckensnitt, hur olika delar på sidan förhåller sig till varandra mm. En stor fördel är givetvis att du får allt detta samlat på ett ställe och bara behöver ändra på ett ställe om du exempelvis vill byta färg på alla textlänkar på en hemsida. En annan stor fördel är att du kan lägga denna kod i en separat fil och därmed minimera koden i html-filen. Det i sin tur gör att textinnehållet i html-filen framhävs bättre, vilket är en stor fördel i sökmotorerna. Detta är en grundläggande del i sökmotoroptimering.

Har du inte arbetat med stilmallar tidigare kan jag rekommendera en artikel Smashing Magazine har skrivit om hur du kommer igång med grunderna i CSS.

Förutom att de går igenom de viktigaste sakerna du behöver kunna för att bygga en hemsida med hjälp av stilmallar presenterar de även ett antal bra resurser för hur du kan komma från din Photoshopskiss av hemsidan till en färdig webbsida.