Dokumentationen är uppdelad i två delar, först avhandlas den lilla ytan, och till sist så avhandlas den stora ytan som visas när man som besökare har klickat in sig på en specifik ”Lär dig hur”-artikel.
Lilla ytan
Dokumentationen här för den lilla ytan överensstämmer i väldigt stora drag med dokumentationen för ”Bli Inspirerad”, det som skiljer sig är bildtyp/bildstorlek och ytans slutgiltiga höjd.
Storlek/Begränsningar
Bredd Yta: 250px
Höjd Yta: 290px
Bredd Bild: 250px
Höjd Bild: 190px
Struktur
Överst ligger bilden och under ligger det först en rubrik, följt av max 3 rader brödtext och till slut en ”LÄS MER »” länk.
Rubriken och ”LÄS MER »” länken ändras automatiskt till versalen med hjälp av sidans CSS, så ni behöver inte skriva med stora bokstäver, skriv med fördel med vanlig skrift och låt sidans CSS sköta resten.
Dokumentet innehåller totalt tre länkar, bilden, rubriken och ”LÄS MER »” länken.
”LÄS MER »” länken ska avslutas med ett ”»”-tecken. (Det finns redan i mallen, men ifall du behöver det ändå av någon anledning så kopiera inte det härifrån Word-dokumentet, kopiera det från ett tidigare objekt/mallen eller använd funktionen ”Infoga specialtecken” i HTML-redigeraren, ifall det kopieras ifrån detta dokument så medföljer Words formatering som inte överensstämmer med hemsidans).
Bildinställningar
Typ 52 ska användas när man infogar bilden, bildtyp 52 har maxbredd 250px och maxhöjd 190px för att passa in i mallen, försök så långt som möjligt att använda er av den automatiska bildskalningen och förbehandla bilden så lite som möjligt i storleksväg, detta underlätta framtida ändringar då vi kan använda samma bild till andra dokument men med en annan bildtyp.
Oönskade beteenden kan uppstå ifall man laddar upp en bild som är smalare än 250px, då kommer bilden bli justerad i mitten.
Skapa HTML-ytan (Med hjälp av mallen)
- Öppna webadmin
- Navigera till den katalog där HTML-ytan ska sparas och högerklicka på katalogen.
- Välj Nytt dokument
- När HTML-Redigeraren har öppnats, välj Arkiv och sen Nytt från mall -> Happy Homes Sverige AB -> Lär Dig Hur – Liten (Mall)
- Nu ska mallen för HTML-ytan ha öppnats.
- Gör dina ändringar i mallen.
- För att byta bild så markerar du bilden och trycker sen på knappen Infoga/rediga bild högst upp, navigera där till din nya bild och kom sen ihåg att välja Typ 52 i listan vid Bildtyp.
- För att ändra rubriken så ställer du bara markören i rubriken och ändrar till din nya rubrik.
När du ändrar rubriken så se till att inte rubrikens utseende tas bort, rubriken har en speciell klass som hjälper till att sätta rubrikens utseende på webben, ifall man råkar ta bort hela rubriken innan man skriver ut den nya så kommer rubriken få fel utseende på hemsidan.
Det märks lättast ifall det har hänt genom att rubriken får ett nytt utseende och att gemener inte automatiskt ändras till versaler.
Några saker som kan hjälpa för att få tillbaka rubrikens utseende ifall det försvinner:
- Ställ markören precis efter rubriken och sudda ett tecken, då brukar man komma in på rätt utseende igen.
- Ångra (CTRL+Z eller knapp i verktygsfältet) tills rubriken kommer tillbaka.
- För att undvika att rubriken försvinner ifall det händer ofta så kan du skriva in din nya rubrik efter första tecknet i rubriken, när du är klar tar du bort resterna av den gamla rubriken.
- För att ändra texten så ställer du markören i texten och ändrar till din nya text.
- För att ändra vart dokumentet länkar så markerar du bilden först och trycker på Länk-ikonen uppe i verktygsfältet. Upprepa det sedan för rubriken och ”Läs Mer »” länken.
När du är klar så ska alla tre länkar vara uppdaterade.
- När ändringarna är gjorda tryck på ikonen för Spara högst upp, välj namn i rutan som kommer fram och tryck sen på Spara, HTML-ytan är nu klar för publicering på webben.
Använd webbmallen ”HTML-Lista” för att publicera ut ditt nyligen skapade objekt.