Webbpublicering

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)

1. Öppna webadmin
2. Navigera till den katalog där HTML-ytan ska sparas och högerklicka på katalogen.
3. Välj Nytt dokument
4. 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)
5. Nu ska mallen för HTML-ytan ha öppnats.
6. Gör dina ändringar i mallen.
   1. 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.
   2. 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:

1. Ställ markören precis efter rubriken och sudda ett tecken, då brukar man komma in på rätt utseende igen.
2. Ångra (CTRL+Z eller knapp i verktygsfältet) tills rubriken kommer tillbaka.
3. 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.
4. För att ändra texten så ställer du markören i texten och ändrar till din nya text.
5. 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.

1. 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.

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 inspirationsbild.

Lilla ytan

Dokumentationen här för den lilla ytan överensstämmer i väldigt stora drag med dokumentationen för ”Lär Dig Hur”, det som skiljer sig är bildtyp/bildstorlek och ytans slutgiltiga höjd.

Storlek/Begränsningar

Bredd Yta: 250px
Höjd Yta: 360px

Bredd Bild: 250px
Höjd Bild: 260px

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 51 ska användas när man infogar bilden, bildtyp 51 har maxbredd 250px och maxhöjd 260px 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)

1. Öppna webadmin
2. Navigera till den katalog där HTML-ytan ska sparas och högerklicka på katalogen.
3. Välj Nytt dokument
4. När HTML-Redigeraren har öppnats, välj Arkiv och sen Nytt från mall -> Happy Homes Sverige AB -> Bli Inspirerad – Liten (Mall)
5. Nu ska mallen för HTML-ytan ha öppnats.
6. Gör dina ändringar i mallen.
   1. 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 51 i listan vid Bildtyp.
   2. 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:

1. Ställ markören precis efter rubriken och sudda ett tecken, då brukar man komma in på rätt utseende igen.
2. Ångra (CTRL+Z eller knapp i verktygsfältet) tills rubriken kommer tillbaka.
3. 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.
4. För att ändra texten så ställer du markören i texten och ändrar till din nya text.
5. 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.

1. 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.

Storlek/Begränsningar

Bredd: 150px
Höjd: Valfritt

Puffarna är lika breda överallt på hemsidan, oavsett om det är startsidan eller en undersida så ska puffarna vara 150px breda, höjden har ingen begränsning alls.

Struktur

Puffarna ska ha en text högst upp följt av en bild undertill, både texten och bilden ska vara länkad.

Textlänkar 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 en tidigare puff/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 hemsidan).

Bildinställningar

Typ 44 ska användas när man infogar en bild i puffen, bildtyp 44 har maxbredd på 150px och dynamisk höjd för att passa in i puffarna, på så vis behöver man inte förbehandla bilden i photoshop eller liknande för att ha en korrekt höjd, det fixas automatiskt när man laddar upp bilden.

Oönskade beteenden kan uppstå ifall man laddar upp en bild som är smalare än 150px, då kommer bilden bli justerad i mitten.

Skapa puffen (Med hjälp av mallen)

1. Öppna webadmin
2. Navigera till den katalog där puffen ska sparas och högerklicka på katalogen.
3. Välj Nytt dokument
4. När HTML-Redigeraren har öppnats, välj Arkiv och sen Nytt från mall -> Happy Homes Sverige AB -> Puff (Mall)
5. Nu ska mallen för puffar ha öppnats.
6. Gör dina ändringar i mallen.
   1. För att byta text i länken markeras bara texten och ny text skrivs in, tänk på att inte ta bort » i slutet.
   2. För att ändra vart länken pekar så ställ först markören på textlänken och tryck på knappen Infoga/redigera länk högst upp. (Den är upplyst och ser ut en kedja, knappen som ser ut som en trasig kedja tar bort länken).
      Markerade sedan bilden och gör samma ändring där för att uppdatera bildens länk.
   3. 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 44 i listan vid Bildtyp. Ska du göra en länk av bilden markerar du bilden och trycker på knappen Infoga/redigera länk högst upp som du gjorde för textlänken.
   4. 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, puffen är nu klar för publicering på webben.

Storlek/Begränsningar

Bredd Yta: 790px
Höjd Yta: Valfritt

Bredd Bild: 250px
Höjd Bild: Valfritt

HTML-ytan tar upp hela bredden av vänsterkolumnen, 790px, bilden ska vara 250px bred.
Det finns ingen begränsning på höjden.

Struktur

Till vänster ska det ligga en tillhörande bild och till höger ska textinnehållet ligga, översta rubriken ska vara en Rubrik 2.

Övriga rubriker i dokumentet ska vara Rubrik 2 eller Rubrik 3, ingen rubrik får vara Rubrik 1.

Bilden till vänster ska inte vara länkad.

Bildinställningar

Typ 50 ska användas när man infogar en bild i puffen, bildtyp 50 har maxbredd på 250px och dynamisk höjd för att passa in i mallen, på så vis behöver man inte förbehandla bilden i Photoshop eller liknande för att ha en korrekt höjd, det fixas automatiskt när man laddar upp bilden.

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)

1. Öppna webadmin
2. Navigera till den katalog där HTML-ytan ska sparas och högerklicka på katalogen.
3. Välj Nytt dokument
4. När HTML-Redigeraren har öppnats, välj Arkiv och sen Nytt från mall -> Happy Homes Sverige AB -> HTML, Bild till vänster (Mall)
5. Nu ska mallen för HTML-ytan ha öppnats.
6. Gör dina ändringar i mallen.
   1. 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 50 i listan vid Bildtyp.
   2. För att ändra rubriken så ställer du bara markören i rubriken och ändrar till din nya rubrik.
      Om du skulle råka ta bort rubriken och behöver få tillbaka den så markerar du den text som ska vara rubrik och väljer Rubrik 2 högst upp i listan för Format
   3. För att ändra texten så ställer du markören i texten och ändrar till din nya text.
   4. 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.

Att ändra din butiks öppettider på webben gör du via verktyget Mina inställningar.

1. Öppna Mina inställningar på ditt intranät.
2. Klicka på fliken Butiksuppgifter.
   
3. Ange dina uppgifter i avdelningen Öppettider.
   Du kan formatera och lägga in flera rader med hjälp av html.
4. Tryck på Spara och bekräfta att rutan ska stängas ner.
5. Dina öppettider är nu ändrade på din webb.

Länk sidan med Mina inställningar

• För Euronics-butiker, https://intra.euronics.se/webbadministration/
• För Happy Homes-butiiker, https://intranat.happyhomes.se/ApplSidor/Webbadmin.aspx

Här kan du ladda ner en sammanställning på de Sidmallar som används på Happy Homes Webb:

Beskrivning av Happy Homes Sidmallar

På 6 minuter får ni en guidad visning av hur ni lägger in er annons som en bild på er startsida och länkar till annonsens pdf-fil. Klicka i gång filmen nedan.

Vi har också kompletterat filmen med en kort lathund att ha som stöd. Lägga upp annons på webbsidan (PDF-Fil).

Guide hur ni lägger in er annons som en bild på er startsida och länkar till annonsens pdf-fil.

På 8 minuter får ni en guidad visning av hur ni gör. Klicka i gång filmen nedan. Vi har också kompletterat filmen med en kort lathund att ha som stöd. Lathund – Lägga upp annons på webbsidan – Hemmabutikerna (PDF-fil)

Butikerna kan själva redigera sitt innehåll på sin webbsida. Hur man gör och grunderna i innehållsredigeringen kan ni läsa om i vår guide Redigera din webbsida. Här hittar man steg-för-steg instruktioner och information om verktygen.

Innehållsförteckning

• Administrationsverktygen
• Menyhantering
• Publicera innehåll, dokument och produkter
• Redigera publicerat innehåll, dokument och produkter
• Ladda upp bilder och filer
• Redigera och skapa nya produkter i produktdatabasen

Användarna i din organisation kan utbyta idéer och information genom att publicera informationen som inlägg på en blogg. Bloggar har vanligtvis en skribent, eller en liten grupp med skribenter, som regelbundet skapar innehåll. Den här typen av skribent (även kallad bloggare) använder normalt ett personligt och direkt tilltal eller presenterar sina personliga åsikter.

Bloggläsarna kan bidra med idéer och ge respons genom att lägga till kommentarer till blogginläggen. Här följer några exempel på blogganvändning:

• Kommunikation med anställda och kunder
• Dela med sig av iakttagelser och åsikter
• Skapa insikt i ett komplicerat koncept
• Vidarebefordra nyheter och åsikter
• Dela med sig av visioner och idéer

Skriva kommentarer

För att en användare ska kunna skriva kommentarer på ett inlägg så krävs det att han/hon har redigeringsrätt i kommentarslista, men du kan ställa in så att han/hon endast kan redigera sina egna kommentarer.

1. Klicka på aktuellt inlägg.
2. Skriv din rubrik i fältet Rubrik och din kommentar i fältet Brödtext och tryck Skicka kommentar.