Då börjar vi med de praktiska förberedelserna. Vi börjar med följande:

1. Ställ in inställningar för ökad tillgänglighet
2. Lägg till webbplatsfärger
3. Ställ in formatmallar
4. Lägg till metadata som behövs vid mallbyggandet.

Allt detta för att underlätta när man bygger mallarna.

1. Ställ in inställningar för ökad tillgänglighet

Om man vill ha ökad tillgänglighet på webbplatsen bör man börja med att ställa in Tillgänglighetsrelaterade inställningar. Här bör man ställa in följande:

• Använd utökat tillgänglighetsstöd
• Använd CSS-kolumner
• Validera sidan med hjälp av W3C vid publicering
• Tillgänglighetskontrollera sida vid publicering

Detta gör man genom att välja Egenskaper på webbplatsen. Under Webbplatsinställningar väljer man fliken Tillgänglighet.

2. Lägg till webbplatsfärger

För att underlätta mallbyggandet lägger man till de färger som man ska använda som profilfärger på webbplatsen. Detta gör man genom att högerklicka på webbplatsen och välj Egenskaper. Under Utseende väljer man Webbplatsfärger. Här lägger man till nya färger eller skriver över befintliga.

För att lägga till en ny färg, klicka på plusknappen. Längst ner i fönstret till vänster visas Nyskapad färg. Markera denna och till höger fyller man i Namn, Beskrivning (valfritt) och välj en Färg genom att klicka på Välj färg.

Ett nytt fönster öppnas där du kan välja färg genom en färgskala, RGB, webbsäkra färger eller genom att ta en färg med hjälp av pipettverktyget.

På fliken Färgskala kan man välja färg genom att klicka med musen över den stora rutan till vänster tills man hittar en färg man vill ha. Den aktuella färgen visas under Granska. När du har hittat rätt färg klickar du OK.

På fliken Röd-Grön-Blå kan man ange RGB-värdet för att hitta rätt färg. Ett annat sätt är att fylla i HTML hexsträng.

På fliken Webbsäkra färger kan man klicka på en färgruta och klicka OK.

Annars kan man välja färg med hjälp av pipettverktyget. Med detta kan man ta färgprov från en bild och spara den färg man vill använda. För att ta ett färgprov klicka på pipettverktyget. Ett fönster öppnas som visar en förstoring över allt vad du för musen över. För att välja en färg, klicka och välj OK.

3. Ställ in formatmallar

Under Utseende och fliken Formatmallar ställer man in de formatmallar som man ska använda på webbplatsen.

När man börjar på en ny webbplats följer det med fyra formatmallar som standard:

• Brödtext
• Rubrik 1
• Rubrik 2
• BODY

Dessa formatmallar är inställda på relativa mått (em). BODY är inställd på 0.7em som standard (motsvarar ca 11px). Övriga formatmallar är angivna i procent i förhållande till BODY.

För att räkna ut em så tar man pixlar/16. Exempelvis för att räkna ut motsvarande 12 px till em så räknar man 12/16 = 0.75

2. Sedan fyller man i alla andra formatmallar i förhållande till BODY.

Välj Egenskaper på formatmallen. I fältet Storlek anger man hur stor formatmallen skall vara i procent (i förhållande till formatmallen BODY). Vill man att brödtexten skall vara motsvarande 11px skriver man alltså 100%. Vill man ha en mindre brödtext skriver man tex 90%.

Följande är förifyllt:

• Brödtext, 100%
• Rubrik 1, 180% (h1)
• Rubrik 2, 150% (h2)

Dessa går naturligtvis att ändra.

När man lägger till en ny formatmall så står storleken i procent utifrån BODY.

4. Lägg till metadata

1. Markera webbplatsen, högerklicka och välj Egenskaper.
2. Välj fliken Metadata. Klicka på knappen Lägg till metadata.

3. Om man vill lägga till vem som senast publicerade sidan, välj typen Systemvärden till vänster. Fyll i:

• Beskrivning - Kort förklaring av fältet
• Utökad beskrivning - Längre beskrivning, om det behövs.
• Namn - unik identifierare för fältet

5. Under fliken Inställningar fyller man i de kryssrutor som passar för det metadatafält man skapat. Dock bör Fältet får infogas i moduler (t.ex. Text) vara ikryssad om man ska nyttja detta metadatafält vid skapandet av mallar senare.