Dessa är de saker som ses på varje sida på din webbplats, såsom huvudet, sidfoten, och navigeringsmenyn. Skapa en mycket grundläggande stil så att du kan se hur alla dina sidor kommer att se ut med dem på plats. Detta kommer att vara mycket användbart när du flyttar in i layoutprocessen. Oroa dig inte för mycket om detaljerna, men försök att få det något nära hur rubrikerna så småningom kommer att se ut. Börja flytta klockorna på din wireframe ut ur den enda kolumnen och in i deras allmänna platser på sidan. Till exempel kan du flytta navigeringsblocket till vänster på sidan, och en lista med rubriker till höger. Fortsätt experimentera med layouterna för några sidor innan du går vidare. Låt andra testa dem för att se om de känner sig organiska. Använd ett program som Photoshop för att skapa ett mockup av några sidor på din webbplats. Använd layouten du har bestämt dig för som guide. Du kan arbeta mycket snabbare i ett bildredigeringsprogram och få allt precis som du vill ha det. Detta gör att du kan använda dessa bilder som referenser när det är dags att faktiskt koda. Inkludera faktiskt innehåll i mockupen för att se till att allt ser bra ut tillsammans. Börja lägga till ditt innehåll och element på sidan. Oroa dig inte för stil ännu, bara få allt på rätt plats. Detta kommer att hjälpa dig att avgöra om dina stiländringar kommer att fungera. Detta är viktigt för att upprätthålla en sammanhållen stil, särskilt för större platser. Om webbplatsen är för ett företag som redan har visuellt varumärke, bör detta införlivas i webbplatsens design. Saker att tänka på i en stilguide: Navigationshuvuden (<h1>, <h2>, etc.) Punkter Kursiv Bolding Links (aktiv, inaktiv, svävande) Image use Icons Knappar Listor När du har bestämt dig för en stil och design för webbplatsen, är det dags att börja genomföra den. CSS är ett av de enklaste sätten att implementera stil över en sida eller hela webbplatsen. Se denna guide för mer information om hur du använder CSS.
Styla globala element. Skapa en grundläggande layout. Skapa en mockup. Ersätt blocken med innehåll. Skapa en stilguide. Använd din stil.