Det var nu ett litet tag sedan HTML 5 lanserades. Det var då drygt 10 år sedan den kom någon ny version eller förändring för HTML. Tanken under den perioden var att XHTML, som är lite striktare, skulle ta över helt. Det finns givetvis både för och nackadelar med båda språken och då XHTML kanske inte var helt lyckat ur alla aspekter började då HTML 5 att tas fram.

För den som vill lära sig mer om HTML 5 kan jag rekommendera en 25 min lång video där Bruce Lawson berättar om framtiden för HTML 5.

En annan rolig guide för HTML 5 är den som Carsonified skrivit om hur du ritar med HTML 5.

En annan bra resurs att använda sig av för att komma igång med HTML 5 är den som Smashing Magazine publicerat där de kodar en sida från grunden i HTML 5.

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.

När man jobbar med webbdesign och layoutarbeten vid hemsidesproduktion kan det vara slönt att hitta lite inspiration från olika håll och kanter. Det är ju dumt att börja om från början och uppfinna hjulet varje gång. Givetvis ska man ju inte kopiera det andra tidigare har gjort, men ser man något snyggt är det ofta enkelt att hitta en egen väga att gå och utveckla det till något som känns nytt och fräscht.

Har samlat några länkar där du kan hitta mycket inspiration för webbdesign:

• 23 färgglada och smarta exempel på webbdesign
• Inspiration från snygga hemsidor
• 30 inspirerande hemsidor
• 25 snygga hemsidor för musik och artister
• 30 snygga hemsidor gjorda i Flash
• 35 väldesignade webbsidor med vattentema

För några dagar sedan skrev jag lite kort om vad lagen om nyhetsbrev via e-post säger. Det finns några olika varianter på hur du kan skicka nyhetsbrev. Det finns gott om olika gratis programvaror och script du kan ladda ner från nätet. Nackdel med dessa är att gränssnittet ofta inte är det allra bästa och att du får ge dig in och peta ganska mycket i mallen för att utskicken ska bli snygga.

En annan variant är att vända sig till något företag som tagit fram en bra programvara för detta. Det brukar då oftare gå enklare att får till ett bra nyhetsbrev och det är ju alltid fördel med att kunna få support från någon som kan programmet utan och innan.

Ytterligare ett alternativ med att skicka nyhetsbrev är att lägga in en html-mall i Outlook och sedan skicka den vägen. För er som vill gå den lite enklare vägen när det gäller detta finns det en hel del gratis mallar för nyhetsbrev att ladda ner och utgå ifrån när du ska ta fram ditt nyhetsbrev. Jag hittade exempelvis denna sida med över 35 st gratis mallar för nyhetsbrev. Klicka in och kika om det finns något som kan passa dig.

Alla som arbetar med webbdesign och webbproduktion har någon gång blivit frusterade över att olika webbläsare visar hemsidor på olika sätt. Inte nog med att det finns ett 15-tal olika webbläsare som är mer eller mindre vanliga, de finns även i olika versioner som ibland tolkar koden på olika sätt. Även om Firefox och uppstickaren Google Chrome tar allt större marknadsandelar är det fortfarande Internet Explorer som är den vanligaste browsern. Ironiskt sett är det just den webbläsaren som tolkar hemsidor mest annorlunda jämfört med andra webbläsare. Fördel är dock att Explorer med sina senaste versioner sakta men säkert börjar närma sig de andra allt mer. Till detta kommer dessutom att samma version av en webbläsare kan visa en sida annorlunda beroende på vilket operativssystem som används. Detta gör att det finns ett stort antal olika kombinationer som en webbproducent måste ta hänsyn till.

För att underlätta kontrollen av hur en hemsida ser ut i olika webbläsare och operativsystem finns tjänsten Browsershots. Här kan du välja att kontrollera hemsidan i de webbläsarversioner och operativsystem du önskar. För att ytterligare säkerställa att sidan ser bra ut för så många som möjligt går det dessutom att välja bland annat olika skärmupplösningar och färgdjup.

BrowserShots är mycket enkel att använda. Du skriver in hemsideadressen, klickar för de alternativ du anser är värt att kontrollera och klickar på ”submit”. Sedan är det bara att vänta, och det är väl just den biten med det hela som inte är helt bra. Verktyget arbetar ganska långsamt, så har man valt många olika alternativ tar det en bra stund innan alla resultat visas. Kanske läge ett ta en fika under tiden?

När man arbetar med webbdesign och hemsidesproduktion kan det ta stopp när det gäller det kreativa ibland. Då kan det vara till nytta att leta lite inspiration runt om på nätet. Grafpedia har skrivit en artikel som du kan använda både som inspiration och som skola för att producera en modern och stilfull hemsida. De går igenom hur de bygger upp layouten i Photoshop.

Det två viktigaste punkterna du bör analysera innan du börjar planera din hemsida är syfte och målgrupp. Vill du bara ge en kort presentation av företaget för de som är lite allmänt intresserade? Vill du ha interaktiva delar där besökaren exempelvis har möjlighet att fylla i formulär och ladda upp filer, för att sedan skicka? Ska vissa delar bara kunna ses av vissa besökare, exempelvis kunder som kan logga in och få tillgång till filer och information? Dessa bitar styr både struktur och teknik vid produktionen av hemsidan.

En annan viktig bit är att se över sitt eget företag. Väntas en förändring eller utveckling åt något håll? Se till att hemsidan kan anpassa efter en eventuell förändring. Det är ju tråkigt att behöva bygga en helt ny sida efter något år.

Slutligen bör du bestämma dig för om företaget självt ska arbeta med uppdateringarna av hemsidan eller om ni ska låta någon extern kraft sköta den biten. Den biten kan styra vilken teknik som ska användas vid produktionen.

När dessa grundläggande bitar är genomtänkta och fastställda är det bara att gå vidare med arbetet…