Datum 2014-01-16 Webbmanual för förskoleoch skolwebbredaktörer Del 2 publicering av bilder och bildgallerier Tibro kommun 543 80 TIBRO www.tibro.se kommun@tibro.se Växel: 0504-180 00
Sida 2 (32) Innehållsförteckning Riktlinjer för bildanvändning på tibro.se... 3 Syfte med bildpublicering... 3 Filformat och bildnamn... 3 Bildmått på tibro.se... 4 ALT-text = bildbeskrivning för synskadade... 6 Upphovsrätt på bilder och musik... 6 Personer på bild... 6 Publicering av bilder i EPiServer... 7 Ladda upp bild i Imagevault... 7 Enbildsuppladdning... 9 Flerbildsuppladdning... 10 Infoga bild på webbsida från Imagevault... 15 Infoga bilder till bildspel på startsidan från Imagevault... 17 Skapa bildgallerier på tibro.se... 22 Ladda upp bildgalleri-bilder i Imagevault... 22 Skapa bildgallerisida... 26 Skapa separata bildtexter till bilder i ett bildgalleri... 30
Sida 3 (32) Riktlinjer för bildanvändning på tibro.se Syfte med bildpublicering Bilder som publiceras på textsidor, det vill säga ämnes-, nyhets-, start- och listsidor på tibro.se, ska ha en direkt koppling till textinnehållet på de aktuella sidorna. Det finns också möjlighet att enkelt skapa bildgallerier på tibro.se. Bildgalleribilderna kan användas i syfte att: öka kunskapen om kommunens olika verksamheter. förmedla information om vad som händer inom olika verksamheter, till exempel på förskolor och skolor. förmedla en känsla av det som är typiskt för Tibro som ort och det som Tibro står för. göra bilder från evenemang tillgängliga för allmänheten. göra informationen om delar av vår verksamhet mer tillgänglig för funktionshindrade personer som inte kan eller har svårt för att läsa. Ett av huvudsyftena med nya tibro.se är att webbplatsen ska fungera som ett skyltfönster för Tibro som ort. Här fyller bilderna som publiceras i våra bildgallerier en viktig funktion. Filformat och bildnamn Bilder som används på webben måste vara anpassade för webb-publicering. En digital bild är uppbyggd av lysande punkter (pixlar) i rött, grönt och blått (rgb). En webbild ska: vara sparad i något av filformaten jpg (jpeg) eller gif. Jpeg-formatet är mest lämpligt vid publicering av fotografier, medan gif-formatet är att föredra vid publicering av teckningar o dyl. vara sparad i färgskalan rgb. Bilder som är tagna med digitalkamera får automatiskt dessa format om inte kamerans bildinställningar ändras.
Sida 4 (32) Bilderna som ska användas i bildgallerierna på webben behöver bara uppfylla ovan nämnda grundkrav på bildegenskaper. I övrigt webbanpassas de automatiskt i bildhanteringsprogrammet ImageVault. Kraven är större på bilder som ska publiceras på textsidorna på vår webbplats. Dessa bilder ska: vara välkomponerade och av god teknisk kvalitet ha en upplösning på 72 ppi, pixlar per tum ha ett namn som består av 8-10 av något/några av följande tecken: a-z, A-Z, 0-9 samt _ (underscore). Används mellanslag och/eller andra tecken kan det hända att bilden inte kan visas i vissa webbläsare. beskäras i de bildmått som anges nedan så att bilderna får rätt format i de sidmallar som finns på tibro.se. Bildmått på tibro.se Bilder på ämnes-, nyhets- och understartsidor Bred bild 1662 x 422 pixlar i upplösningen 72 pxl/tum (58,65 x 14,88 cm) Två bilder alternativt en bild till vänster/höger Vänsterbilden: 700 x 422 pixlar i upplösningen 72 pxl/tum (24,69 x 14,88 cm) Högerbilden: 700 x 422 pixlar i upplösningen 72 pxl/tum (24,69 x 14,88 cm) Tumnagelbilderna på listningssidorna blir automatiskt 130 x 100 pixlar. Bildspelsbilder på förskolornas och skolornas startsidor Det är möjligt att publicera en svit av bilder, som visas efter varandra på förskolornas och skolornas startsidor. Dessa bilder ska beskäras i följande mått: 1662 x 709 pixlar i upplösningen 72 pxl/tum (58,65 x 25 cm) För att visningen av bildspelet ska kännas harmoniskt behöver den angivna visningshastigheten vara minst 2200 millisekunder.
Bildgalleribilder Bildgalleribilder behöver inte beskäras före publicering men de bör ha en minimibredd på 600 pixlar för att de ska vara av god kvalitet, då de visas på webben som en del i ett bildgalleri. Standardmått: 15 x 10 cm i upplösningen 150 pixlar/tum. Sida 5 (32)
Sida 6 (32) ALT-text = bildbeskrivning för synskadade Alla bilder, utom sidtoppbilden, ska förses med en så kallad alternativtext, ALT-text. ALTtexten läses upp av de uppläsningsprogram som synskadade använder när de besöker en webbplats. Om du har lagt in en beskrivning för bilden (= bildtext) när du laddat upp den i bildlagringsprogrammet Imagevault läggs denna text in automatiskt i alt-textfältet, när du lägger in bilden för publicering på en webbsida. I det här textfältet skriver du in din alt-text. ALT-texter skrivs in i de textfält som finns i redigera-läget på alla typer av textsidor. ALT-texten ska fylla samma funktion som bilden. Skriv därför vad bilden föreställer. Upphovsrätt på bilder och musik Användandet av bilder såsom fotografier, konstverk, illustrationer och kartor är hårt reglerad i Upphovsrättslagen. Fotografer, bildkonstnärer och andra upphovsmän måste alltid godkänna att deras bilder publiceras på webben och i andra sammanhang. Bilder har upphovsrättsligt skydd i 70 år efter upphovsmannens död. Bilder med konstverk som motiv får inte heller publiceras på webben utan att avtal tecknats med konstnären som skapat konstverken. Det gäller även utomhuskonst i offentliga miljöer, som man har rätt att publicera i trycksaker. Bokomslag får publiceras på bibliotekshemsidor. Alla som yrkesmässigt informerar allmänheten om böcker och läsning har rätt att i anslutning till sådan information avbilda bokomslaget utan att ha särskilt tillstånd från bokförlaget eller berörda upphovsmän. OBSERVERA att även musik är upphovsrättsskyddad. Personer på bild När det är möjligt att identifiera en eller flera personer på en bild måste dessa personer godkänna publiceringen innan bilden läggs ut på en hemsida. Ett sådant godkännande krävs enligt Personuppgiftslagen, PUL. Bilder på folksamlingar kan publiceras på webben,
Sida 7 (32) men om det finns personer som har en framträdande plats i bilden bör personerna tillfrågas om publiceringen. Enligt praxis räcker ett muntligt godkännande av bildpublicering för vuxna samt ungdomar från 15 år och uppåt, men ett skriftligt godkännande från ungdomar i gymnasieåldern rekommenderas. Ny personal bör tillfrågas om bildpublicering på webben när de anställs. Blankett gällande bildpublicering finns på Inredan på sidan Manualer och blanketter som du når genom att klicka på rubriklänkarna Information och Webbpublicering i vänstermenyn. Publicering av bilder i EPiServer Ladda upp bild i Imagevault Imagevault är ett bildlagringsprogram, som är integrerat i vårt webbpubliceringsverktyg EPiServer. De bilder som ska publiceras på webben måste först laddas upp och lagras i en av de bildmappar som är skapade i Imagevault. 1. Klicka på Image- Vault-fliken. 2. Klicka på länken Öppna ImageVault.
Sida 8 (32) 1. Klicka på fliken som det står Imagevault på i fliksystemet till vänster i EPiServer. 2. Klicka på länken Öppna Imagevault. När du gjort det öppnar sig programmet Imagevault i ett nytt fönster i webbläsaren. Till vänster i programmet finns en struktur med bildmappar med samma namn som ämnesingångarna på vår webbplats. Till höger finns en yta, där de senast nedladdade bilderna visas och strax under sidhuvudet finns en knapp som det står Ladda upp fil på. 3. Klicka på knappen Ladda upp fil. 3. Klicka på knappen Ladda upp fil. När du har gjort det får du upp ett vitt formulär med fyra fält med bläddra-knappar till vänster och ett fält som det står Släpp dina filer här på till höger.
Sida 9 (32) Enbildsuppladdning 4a. Om du ska ladda upp en bild klickar du på en av bläddra-knapparna. 5a. När du klickat på bläddra-knappen får du upp en dialogruta med alla mappar som du når via din dator. Öppna den mapp där bilden som du ska ladda upp finns och markera den och klicka sedan på öppna-knappen. Se bild på nästa sida. 4a. Klicka på knappen Bläddra.
Sida 10 (32) 5b. Markera bilden som du vill ladda upp och klicka på Öppnaknappen. Följ nu instruktionerna för bilduppladdning, moment 6-10 på sidorna 11-13 i den här manualen. Flerbildsuppladdning Vill du ladda upp fler bilder samtidigt ska du använda dig av det högra Släpp dina filerfältet. Detta fält är ett så kallat fleruppladdningsfält, där du kan ladda upp många bilder från en mapp på din dator till Imagevault. Det går även att använda för uppladdning av en bild.
Sida 11 (32) 4b. För att få in en eller flera bilder från din dator i Imagevault måste du öppna den mapp som bilderna ligger i. Klicka på symbolen Den här datorn eller Mina dokument på skrivbordet och klicka dig fram till den aktuella bildmappen. Placera bildmapps-fönstret intill Ladda upp-fil-fönstret. 5b. Markera nu filerna i bildmappen och dra dem till Släpp dina filer här-fältet i ImageVault. Nu påbörjas uppladdningen. 4b. Öppna den mapp som bilderna, som du ska ladda upp, ligger i. Placera mappen intill Ladda upp filrutan. 5b. Markera bilderna som du ska ladda upp och dra dem till Släpp dina filer här -fältet.
Sida 12 (32) 6. Klicka på plustecknet. 6. Nu ska du välja vilket album, som bilden/bilderna ska sparas i. Klicka på plustecknet vid bildalbumet som heter Root, så får du fram hela bildmappsstrukturen i Imagevault. 7. Klicka dig ner i mappstrukturen tills du når den mapp, där du vill att bilden/bilderna ska sparas. Markera mappens namn. 8. Klicka på Nästa-knappen längst ner till höger. 7. Markera bildmappen, som bilden/bilderna ska sparas i. 8. Klicka på Nästaknappen.
Sida 13 (32) 9. Skriv en förklarande bildtext i Beskrivningsfältet. Klicka sedan på Nästa-knappen. 9. Skriv vad bilden föreställer i Beskrivningsfältet. Den här texten förs automatiskt över till alt-text-fältet (se sidan 5) när du ska publicera den aktuella bilden på en sida i EPiServer. Laddar du upp flera bilder samtidigt behöver du inte skriva något i Beskrivningsfältet. Klicka sedan på Nästa-knappen. 10. Kryssa i rutan Standardkategori och klicka på Spara-knappen. 10. Sätt ett kryss i rutan Standardkategori och klicka på Spara-knappen.
Nu är bilden sparad i den bildmapp, som du har lagt den i. Klickar du på den aktuella mappen hittar du bilden/bilderna i bildvisningsfältet till höger. Sida 14 (32)
Sida 15 (32) Infoga bild på webbsida från Imagevault Du hittar avdelningen Bildinställningar under textfältet för sidansvarig när du har en sida öppen i redigera-läget. 1. Öppna den webbsida, som du vill lägga in en bild på. Gå till redigera-läget och scrolla dig ner till den del av informationsfliken som har rubriken Bildinställningar. Klicka på knappen Hämta fil. När du gör det får du upp ImageVaults bildmappstruktur i en dialogruta. 1. Klicka på knappen Hämta fil.
Sida 16 (32) 2. Klicka dig neråt i strukturen för att nå den mapp som bilden du ska hämta finns i. Klicka på den aktuella bildmappen, så att du ser alla bilder som ligger i den i bildvisningsfältet till höger. 3. Klicka på Infoga-knappen under den aktuella bilden. 3. Klicka på Infogaknappen under den aktuella bilden. 2. Klicka på bildmappen som innehåller bilden som du ska publicera. 4. Beskriv vad bilden föreställer i alttextfältet (automatiskt iskrivet)
Sida 17 (32) 4. Nu är du tillbaka i redigera-läget på webbsidan, som bilden ska publiceras på. Använd den alternativtext som du får med automatiskt när du hämtar din bild från bildlagringsprogrammet ImageVault alternativt skriv en ny alternativtext, en ALT-text, i vilken du beskriver vad bilden föreställer. Mer information om ALT-texter hittar du på sidan 5 i den här manualen. Det är möjligt att ändra alt-texten vid behov! 5. Ange om det är en eller två bilder som ska publiceras. Om du publicerar en liten bild anger du var den ska placeras (vänster/höger). 5. Ange var bilden/bilderna ska placeras på sidan genom att välja något av de fyra placeringsalternativen i dropdown-menyn, som du får fram genom att klicka på pilen vid inställningen Justering av bild. Har du en bred bild som täcker hela textfältet på sin webbsida väljer du alternativet Fyll. 6. Spara sidan. Infoga bilder till bildspel på startsidan från Imagevault När du ska skapa ett bildspel på din förskolas eller skolas startsida måste du först ladda upp och lagra bilderna som ska publiceras i mappen Bildspel startsida som finns i din förskolas/skolas mapp i Imagevault, se bild på nästa sida.
Sida 18 (32) 1. Följ beskrivningen för flerbildsuppladdning på sidan 10-14. 2. Öppna den webbsida, som du vill lägga in en bild på. Gå till redigera-läget och scrolla dig ner till den del av informationsfliken som har rubriken Bildinställningar.
Sida 19 (32) 1. Du hittar avdelningen Bildinställningar under textfältet för sidansvarig när du har en sida öppen i redigera-läget. 2. Klicka på knappen Lägg till fil. När du gör det får du upp ImageVaults bildmappstruktur i en dialogruta. 2. Klicka på knappen Lägg till fil.
Sida 20 (32) 3. Klicka dig neråt i strukturen för att nå den mapp som bilden du ska hämta finns i. Klicka på den aktuella bildmappen, så att du ser alla bilder som ligger i den i bildvisningsfältet till höger. 4. Klicka på Infoga-knappen under den aktuella bilden. 3. Klicka på bildmappen som innehåller bilden som du ska publicera. 4. Klicka på Infogaknappen under den aktuella bilden. 4. Här hamnar din uppladdade bild i redigera-läget. 4. Nu är du tillbaka i redigera-läget på webbsidan, som bilden ska publiceras på. Du ser namnet på den uppladdade bilden tillsammans med strängen som visar i vilken mapp bilden är hämtad från i bildspelsfönstret.
Sida 21 (32) 5. Upprepa moment 2-4 på sidorna 19-20 tills du har laddat upp alla bilder som ska ingå i bildspelet. 6. Ange tempot på bildväxlingen. 6. Ange hur snabb växlingen mellan bilderna ska vara. Rekommendation: Minst 2200 millisekunder. 5. Ladda upp övriga bilder i bildspelet på samma sätt som den första. 7. Spara sidan genom att klicka på Spara och visa eller Spara och publicera,
Sida 22 (32) Skapa bildgallerier på tibro.se Ladda upp bildgalleri-bilder i Imagevault När du ska skapa ett bildgalleri på hemsidan måste du först ladda upp och lagra bilderna som ska publiceras i en av dina bildgallerimappar i Imagevault. 1. Klicka på länken Öppna ImageVault. 1. Öppna Imagevault. 2. Klicka på knappen Ladda upp fil. 2. Klicka på knappen Ladda upp fil. När du har gjort det får du upp ett vitt formulär med fyra fält med bläddra-knappar till vänster och ett fält som det står Släpp dina filer här på till höger.
Sida 23 (32) 3. För att ladda upp bilderna som ska ingå i ett bildgalleri i Imagevault måste du öppna den mapp som bilderna ligger i på din dator eller på Tibro kommuns server. Klicka på symbolen Den här datorn eller Mina dokument på skrivbordet och klicka dig fram till den aktuella bildmappen. Placera bildmappsfönstret intill Ladda upp-fil-fönstret. 4. Markera sedan filerna i bildmappen och dra dem till Släpp dina filer här-fältet i ImageVault. Nu påbörjas uppladdningen. 3. Öppna mappen med bilderna som du ska ladda upp. Placera mappen intill Ladda upp filrutan. 4. Markera bilderna och dra dem till Släpp dina filer här -fältet. 5. Nu ska du välja vilket album, som bilden/bilderna ska sparas i. Klicka på plustecknet vid bildalbumet som heter Root, så får du fram hela bildmappsstrukturen i Imagevault.
Sida 24 (32) 5. Klicka på plustecknet. 6. Markera bildmappen, som bilderna ska sparas i. 7. Klicka på Nästaknappen. 6. Klicka dig ner i mappstrukturen tills du når den mapp, där du vill att bilden/bilderna ska sparas. Markera mappens namn. 7. Klicka på Nästa -knappen längst ner till höger.
Sida 25 (32) 8. Skriv en förklarande bildtext i Beskrivnings-fältet. Klicka sedan på Nästa-knappen. 8. Skriv en sammanfattande beskrivning av vilken händelse som bilderna är hämtade från i Beskrivningsfältet. Texten i beskrivningsfältet kommer att visas som en bildtext under samtliga bilder i ditt nya bildgalleri. Klicka sedan på Nästa-knappen. Om du vill skriva in separata bildtexter för varje bild får du göra detta när du har laddat upp bilderna färdigt. En beskrivning av hur du gör detta finns på sidan 25-27 i denna manual. 9. Sätt ett kryss i rutan Standardkategori och klicka på Spara-knappen. 9. Kryssa i rutan Standardkategori och klicka på Spara-knappen. Nu är bilderna sparade i den bildmapp som du har lagt dem i. Klickar du på den aktuella mappen hittar du bilderna i bildvisningsfältet till höger.
Sida 26 (32) Skapa bildgallerisida Nu ska du skapa den webbsida som bildgalleriet ska visas på, en så kallad bildgallerisida. 1. Markera var i strukturen du vill placera din nya sida. 1. Markera var i strukturen du vill placera din sida. Den nya sidan kommer att hamna under den sida/rubrik som är markerad med fet stil. Du placerar dina bildgallerisidor under Aktuellt-sidan eller sidan Bildgallerier som finns under respektive förskolas startsida. 2. Klicka på blad-ikonen för att skapa en ny sida. 3. Välj sidmallen Tibro Bildgalleri.
Sida 27 (32) 2. Klicka på blad-ikonen i verktygsmenyn. När du har gjort det visas en lista med olika sidmallar. 3. Välj mallen Tibro Bildgalleri genom att klicka på ordet Skapa. När du har gjort det har du kommit in i EpiServers sidredigeringsverktyg, där fliken Information är öppen. 4. Namnge sidan. 5. Vid behov, skriv en mer utförlig rubrik. 6. Skriv ingress, som kort beskriver händelsen som du presenterar i ditt bildgalleri. Ange alltid när händelsen ägde rum (datum). Om du lämnar rubrikfältet tomt blir rubriken på sidan densamma som sidans namn. 4. Namnge sidan. 5. Skriv en rubrik. Vill du ha en särskild rubrik på sidan, skriver du in den i rubrik-fältet. Tänk på att rubriken ska fungera som en aptitretare som får webbesökarna att vilja läsa din sida. Lämnar du rubrikfältet tomt blir rubriken densamma som sidnamnet. 6. Skriv en ingress, som kortfattat beskriver händelsen som du presenterar med hjälp av bilderna i ditt bildgalleri.
Sida 28 (32) 7. Klicka på rutan med de tre prickarna till höger om Albumfältet, så får du upp en dialogruta med ImageVaults mappstruktur. 7. Scrolla dig ner till den del av informationsfliken som har rubriken Bildinställningar. Klicka på rutan med de tre prickarna, som du finner till höger om Album-fältet. När du gör det får du upp ImageVaults bildmappstruktur i en dialogruta. 8. Klicka dig ner till den bildmapp, där du har sparat dina bildgalleribilder. Markera mappnamnet. 9. Klicka på Ok-knappen. 8. Markera mappen, som du har sparat dina bildgalleribilder i. 9. Klicka på Ok-knappen.
Sida 29 (32) 10. Spara och publicera sidan. När bildgalleriet är publicerat kan du klicka på någon av bilderna så får du upp ett bildspel, som du kan klicka dig fram och tillbaka i. I bildspelet visas bilderna i ett större format.
Sida 30 (32) Skapa separata bildtexter till bilder i ett bildgalleri Det är möjligt att skriva in separata bildtexter för varje bild i ett bildgalleri. Det går till på följande sätt: 1. Öppna ImageVault och klicka dig ner till den bildmapp som innehåller bilderna i ditt bildgalleri. 2. Högerklicka på bilden du ska skriva en ny bildtext (= beskrivning) till. 2. Högerklicka på bilden som du vill ändra bildtext (= beskrivning) på. 1. Markera bildmappen, som innehåller bilderna som du ska skriva nya bildtexter till.
Sida 31 (32) 3. Välj alternativet Ändra egenskaper. 4. Nu får du upp Album-rutan i ImageVault med den aktuella bildmappen markerad. Klicka på Nästa-knappen. 4. Klicka på Nästa-knappen. 5. Skriv in en ny bildtext i Beskrivningsfältet. 6. Klicka på Nästa-knappen.
Sida 32 (32) 5. Skriv in en ny bildtext i beskrivningsfältet. 6. Klicka på Nästa-knappen. 7. Sätt ett kryss i rutan Standardkategori och klicka på Spara-knappen. 7. Kryssa i rutan Standardkategori och klicka på Spara-knappen.