2. Markera Mallar för... (det står det namn som Webbplatsen har) och välj Skapa Ny (första ikonen i verktygsraden). Välj mapp och fyll i namn på mappen, tex Delmallar.

3. Markera mappen Delmallar och välj sedan Skapa Ny (första ikonen i verktygsraden). Ett nytt fönster öppnas där man får ange namnet på mallen. Klicka OK.

4. Ett nytt fönster öppnas, Skapa mall. Här kan man välja mellan tre olika alternativ beroende på om man vill bygga mallen från början eller om man vill ha hjälp med layouter utdragna för tex sidhuvud, meny, sidfot.

Har man kommit fram till att det bara är sidhuvudet som är gemensamt för samtliga webbsidor bygger man en mall baserad på en Blank mall. Välj Blank mall och klicka OK.

Om alla webbsidor skall ha ett sidhuvud, en meny och en sidfot kan man man använda sig av en av de förbyggda standardmallarna. Klicka på de olika ikonerna för att få mer information om vad standardmallarna innehåller.

5. Klicka OK. Nu har det skapats en mallsida som inte är publicerad.

6. Under Innehåll visas bara en gul layout som heter Mall. I redigeringsytan är det tomt.

Nu kan man börja att bygga upp mallen. När man bygger mallen är det bra att tänka i form av rader och kolumner. Rader använder man om man har information staplad på varandra tex en logotyp med en flernivålänk under och kolumner används exempelvis om man vill ha en logotyp och därefter ett namn till höger om logotypen. Oftast använder man både rader och kolumner när man bygger upp sin mall.

Den första layouten som heter Mall är speciell. Här gör vi inga inställningar förutom om vi vill centrera mallen Lägg därför till en radvis layout direkt under Mall där vi kan sätta en sidbredd som ärvs ner till underliggande layouter.

7. Vi får en ny layout som heter Layout och är placerad under Mall.

För att byta namn på layouten så högerklickar på layouten och välj alternativet Byt namn. Fyll i det nya namnet och tryck enter för att det nya namnet skall gälla. I exemplet byter vi namn till "Sidbredd".

Högerklicka på layouten Sidbredd , välj Egenskaper och fliken Storlek och ställ in hur bred webbplatsen skall vara.

8. Nu kan man börja att lägga till de moduler som man vill använda. I detta exempel vill vi kanske först ha en logotyp, en flernivålänk med bakgrundsfärg och en ikonrad med en Anpassa-länk samt en utskriftsversion.

Först vill vi lägga till en logotyp och markerar därför "Sidbredd" och lägger till en bildmodul. Peka ut den bild som är logotypen. Om bilden inte finns i bildarkivet måste man ladda upp den med alternativet Lägg till bild.

9. Klicka OK. Då visas ett nytt fönster (om man har kryssat i att man skall använda Utökat tillgänglighetsstöd, där man blir påmind om att fylla i en bildbeskrivningstext.

Om man vill ange en bildbeskrivningstext väljer man Avbryt. Fönstret växlar då över till fliken Bildbeskrivning. Här anger man en bildbeskrivningstext. Är det en logotyp som innehåller text så anger man vad som står i texten. Om man kommer att länka loggan så anger man detta i bildbeskrivningstexten.

Om man också vill länka loggan så väljer man fliken Inställningar.  Här väljer man alternativet "Skapa länk av bilden..." och bläddrar fram vart bilden skall länka. Klicka OK.

10. Byt namn på bildikonen till "Logotyp". Högerklicka på bilden, välj Byt namn. Avsluta med enter-slag. Under Innehåll har vi nu följande struktur:

11. Markera layouten Sidbredd och lägg till en flernivålänk (finns under modulväljaren "Navigation").

Högerklicka på Flernivålänk och välj Egenskaper. Under Utseende ställer man in den bakgrundsfärg man vill ha på flernivålänken.

För att bakgrundsfärgen skall få lite mer "luft" kan man högerklicka på flernivålänken och välja Egenskaper. Under fliken Marginaler fyller man i Avstånd Upptill, Avstånd nertill och Avstånd vänster 0,3em.

Bakgrundsfärgen får då mer luft:

Under Innehåll har vi nu följande struktur:

12. Lägg till en ikonrad med en länk för att anpassa webbplatsen och en utskriftsversion. Eftersom dessa skall ligga på samma rad så måste vi börja med att lägga till en layout kolumnvis. Markera "Sidbredd", högerklicka och välj Lägg till layout kolumnvis. Byt namn på layouten till "Ikonrad".

13. Markera "Ikonrad" och lägg till en textmodul där man skriver "Anpassa webbplatsen". Byt namn på denna modul till "Anpassa".

14. Markera "Ikonrad" och lägg till en modul för utskriftsversion (finns under modulväljaren "Övrigt"). Kryssa i att man skall använda både bild och text.

15. Nu ligger textmodulen och utskriftsversionen väldigt nära varandra.

För att få ett avstånd mellan modulerna kan man sätta ett mellanrum på layouten "Ikonrad". Högerklicka på "Ikonrad", välj Egenskaper och fliken Inställningar. Under mellanrum kan man ställa in det avstånd man vill ha mellan modulerna, tex 1em.

Vill man att länkarna/ikonerna skall ligga till höger så kan man välja att flöda layouten "Ikonrad" till höger. Det gör man genom att högerklicka på "Ikonrad", välj Egenskaper och under Utseende väljer man Flöde: Flöda höger.

För att få ett avstånd upp till flernivålänken samt ner till texten som kommer att komma nedan så väljer vi att högerklicka på "Ikonrad", väljer Egenskaper och fliken Marginaler. Där sätter vi ett avstånd upptill och nertill på 0,5em. Klicka OK.

Under Innehåll har vi nu följande struktur:

16. Nu känner vi oss nöjda med sidhuvudet men vi måste nu markera ytan som vi skall kunna fortsätta att bygga mallar på, sk mallyta. I och med att en mallyta alltid måste ligga i en layout så skapar vi därmed en ny layout radvis.

Markera Mall, högerklicka och välj alternativet "Lägg till Layout radvis". Byt namn på layouten till "Mallyta".

För att menyn till höger inte skall flöda till höger om texten vi lägger till i denna mallyta så måste vi ange att flödet skall avslutas. Detta gör man genom att välja Egenskaper, Utseende och alternativet Egen stil. Här skriver man clear:both Klicka OK.

17. Högerklicka på "Mallyta" och välj alternativet "Konvertera till mallyta". Ett nytt fönster öppnas där man kan välja en mallyta eller skapa en ny.

Välj en mallyta och klicka OK.

18. Högerklicka på sidmallen och välj Uppdatera. Under Innehåll har vi nu följande struktur:

19. Publicera mallen. Klart!

Detta innebär att man nu kan bygga en ny mall och skapa nytt innehåll i den yta som är markerad som mallyta dvs hela området under sidhuvudet. Denna mall är nu klar att användas av andra mallar. Dock kan inte en redaktör skapa webbsidor av denna mall, då får man upp denna varning:

20. Mallen har nu följande utseende: