Praktiska förberedelser
Då börjar vi med de praktiska förberedelserna. Vi startar med följande:
- Ställ in inställningar för ökad tillgänglighet
- Lägg till webbplatsfärger
- Ställ in formatmallar
- 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.
Kollar om koden validerar på sidan som skapats vid publicering. Om sidan validerar visas "grönt resultat:
Om sidan inte validerar, visas "rött resultat". Klicka på knappen Visa W3C rapport för att komma till resultatsidan.
Klicka på Visa W3C rapport för att se resultatet. En ny sida öppnas med valideringsresultaten från W3C.
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 sig Nyskapad färg. Markera denna och fyll 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
- Sidrubrik
- Underrubrik
- 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.
Tips! Vill man använda en annan storlek för BODY är det bara att skriva över 0.7em i storleksrutan. För att räkna ut em så tar man pixlar/16.
Exempelvis för att motsvara 12 px tar man 12/16 = 0.75.
OBS! Inget mellanslag mellan 0.7em. Använd punkt, inte kommatecken.
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 ska vara i procent (i förhållande till formatmallen BODY). Vill man att brödtexten ska vara motsvarande 11px skriver man alltså 100%. Vill man ha en mindre brödtext skriver man exempelvis 90%.
Följande är förifyllt:
- Brödtext 100%
- Sidrubrik 160% (h1)
- Underrubrik 140% (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.
Tips! Glöm inte bort att fylla i procent på storleken om man fyller i olika länkegenskaper.
Tips! Tänk på att lägga till formatmallar för menyn — dessa brukar oftast uppträda annorlunda mot vanlig brödtext som oftast har understrukna länkar. Menyer brukar inte ha understrukna länkar. Vill man ha en annan formatmall på en aktiv sida så skapar man en formatmall för detta också.
4. Lägg till metadata
1. Markera webbplatsen, högerklicka och välj Egenskaper.
2. Välj fliken Metadata. Klicka på plusknappen längst ner (Lägg till metadata).
3. Om man vill lägga till datum när sidan senast publicerades, välj typen Systemvärden. I Beskrivning skriv exempelvis "Senast publicerad" och under Namn skriver man exempelvis "senastpublicerad".
4. Under fliken Format väljer man:
- Värde att infoga: Senast publiceringsdatum
- Under Datumformat väljer man det datumformat man vill använda.
5. Under fliken Inställningar fyller man i de kryssrutor som passar för det metadatafält som man skapar. Dock bör Fältet får infogas i moduler (t.ex. Text) vara ikryssad om man ska använda detta metadatafält i mallen senare.
6. Klicka OK.
7. Fortsätt att lägga till de metadata som behövs, exempelvis Senast publicerad av.
Upprepa steg 1-5 med skillnaden att under steg 4 fyller man i :
- Värde att infoga: Senast publicerad av.
- Under Användarinformation väljer man Användarens hela namn.
Sidan uppdaterad:
Nästa generations publiceringsverktyg är här!
216.73.217.134