Arbeta med bilder på bloggen Sida 1 av 7

Transkript

1 Arbeta med bilder på bloggen Sida 1 av 7 Infoga, redigera och ta bort bilder på bloggen En webbsida bäddar inte in en bild i sidan som många andra program, till exempel Word. Alla bilder och bildobjekt som man ser på en webbsida lagras i praktiken var för sig. En webbsida kan bara innehålla text, alla bilder måste länkas in. Webbsidan hämtar upp bilden som är länkad för visning och visar den på rätt plats varje gång någon besöker sidan. Därför ska oavsett källan (din dator, din kamera, bildarkivet eller annan plats) alla bilder finnas i webbplatsens mediahanterare för att bilden ska kunna visas. Bildens storlek i bredd och tyngd är jätteviktig! Alla bilder måste anpassas till rätt format för webbsidan. En bild på sunne.se som är lika bred som sidans innehåll (ej högerspalten) ska alltid vara 390 punkter bred. Andra storlekar på bildens bredd gör att högerspalten kan hamna under texten, i stället för där den ska vara. För bilder på bloggen behöver du inte anpassa längden på bilden, vilket behövs för övriga sidtyper (då man annars kan missa att det finns text eller en nyhetslistning under bilden). Ska du placera en bild till höger om texten i själva sidan eller i högerspalten får bilden inte vara bredare än 150 punkter. Här spelar höjden ingen roll, eftersom bild och text visas sida vid sida Bilderna på webben ska alltid ha filformatet.jpg eller.gif och inte vara större än runt kb. Det finns ingen anledning att ha en större storlek, tvärtom, för stora bilder och dokument tar tid att ladda ned för dina besökare och belastar webbservern. Håll ned filstorleken på bilder och dokument, så gör du dina läsare en stor tjänst genom att undvika långa nedladdningstider. Använd alltid bildredigeringsverktyget i EpiServer, för att ändra storlek på dina originalbilder innan du publicerar dem. Bildarkiv På H:\Gemensamma dokument\bildarkiv www_ finns bilder klara att hämta och använda på webben. Bilderna har rätt format, rätt storlek och är representativa för Sunne kommun och godkända att använda i olika sammanhang. Bildarkivet är uppbyggt av mappar för olika kategorier. I mapparna finns bilderna sorterade efter bildens bredd. Alla dessa bilder är också anpassade i höjd, så att en bild som är 390 pixlar bred alltid är 140 pixlar hög.

2 Arbeta med bilder på bloggen Sida 2 av 7 Kort om PUL, personuppgiftslagen Publicering av till exempel namn och foton på personer på bloggar och sociala medier är i princip alltid tillåten så länge man inte kränker personen. citat ur Datainspektionens faktablad om PUL (personuppgiftslagen). I Sunne kommun får föräldrarna välja om deras barn ska få finnas med på fotografier på webben eller inte. Har du frågor om vad som är godkänt eller ej kan du vända dig till informationsstrateg anneli.jansson@sunne.se eller webbansvarig kathrin.ramstrom@sunne.se Dina bilder ska du spara i Mediahanteraren Mediahanteraren är det inbyggda verktyget i EpiServer där du ska ladda upp dina bilder och dokument som ska in på webben. Mediahanteraren hör ihop med webbplatsen och gör att dina bilder kan visas på webben 24 timmar om dygnet, 365 dagar om året precis som webbplatsens sidor. När du är inloggad på webbplatsen och har växlat till skrivläget med välkomstfönstret/pennan så kan du öppna Mediahanteraren med den svarta knappen Växla resursfönster som du hittar uppe till höger på varje sida. Klicka på den svarta knappen så öppnas Mediahanteraren till höger om din sida. Välj fliken Media (block har vi inte börjat använda än). Har du jobbat med blogg förut så känner du igen dig från tidigare versioner då det hette filhanteraren. De största skillnaderna är: Nu finns inga verktygsknappar kvar upptill i mediahanteraren och du kan inte högerklicka för att visa alternativ. Istället finns en menyknapp till höger om varje markerad katalog eller fil. Här finns alternativ för att: skapa ny katalog, ladda upp filer, ändra namn, klipp ut kopiera och klistra in och slänga (flytta till papperskorgen) När du står på en katalog som du har rättigheter till visas ett uppladdningsområde nertill i fönstret. Här kan du klicka och ladda upp nya filer Klicka på knappnålen (uppe i vänstra hörnet i Mediahanteraren) för att fästa eller släppa loss mediahanteraren så att den inte försvinner när du klickar bredvid den. Det är praktiskt att fästa den när du jobbar med bilderna till din sida För att ladda upp nya bilder och infoga dem i bloggen ska du först klicka dig fram till din katalog/mapp Alla skolor/förskolor har sina egna kataloger med underkataloger för bland annat bloggen. Så här hittar du till din bloggkatalog i mediahanteraren: 1. Klicka på + framför Upload 2. Klicka på + framför Barn_Utbildning 3. Arbetar du på en skola klickar du på + framför 2Grundskola. Arbetar du på förskola klickar du på + framför 3Barnomsorg 4. Öppna på motsvarande sätt katalogen för din skola/förskola, katalogen för Bloggar och katalogen för din klass/grupp. Här finns dina rättigheter. Skolredaktören har rättigheter till alla skolans kataloger, men du som bloggar har bara rättigheter till katalogen för din blogg. Däremot kan du alltid se innehållet i andras kataloger och du kan också kopiera en

3 Arbeta med bilder på bloggen Sida 3 av 7 bild och klistra in den i din katalog Skulle det vara så att du inte kan ladda upp filer här så beror det på dina rättigheter, kontakta kathrin.ramstrom@sunne.se Ladda upp nya bilder och infoga dem i sidan Oavsett var du har sparat din bild (i din dator någonstans eller på ett USB-minne) eller om den finns kvar i kameran eller mobilen måste alla bilder föras över och lagras på webbplatsens mediahanterare för att bilden ska kunna visas på webben. När du har laddat upp en ny bild i originalformat ska du alltid först redigera den innan du infogar den på sidan, annars tar den för mycket plats. (Se nästa sida). Använd den inbyggda bildredigeraren för att beskära, omforma och ändra storlek på bilden. 1. Öppna resursfönstret för mediahanteraren och nåla fast det 2. Öppna upp katalogstrukturen i mediahanteraren till den plats där du sparar dina bilder. När du är på rätt plats ser du: a. De bilder som redan finns i katalogen b. Uppladdningsområdet, som ligger precis ovanför filerna 3. Klicka i uppladdningsområdet för att öppna dialogrutan Ladda upp filer 4. Klicka på +knappen i dialogrutan Ladda upp filer. Nu öppnas ett fönster till dina filer på din dator. a. Öppna den mapp i din dator där du har din bild b. Högerklicka på bilden och byt namn. Har du inte tidigare gett bilden ett bra namn som gör att du/vi kan identifiera den, så ska du göra det nu. Bilder som heter DSC_0109RB06 eller liknande hjälper ingen människa Om du klickar på den inringade knappen (i dialogrutan där du väljer bild) och väljer Stora ikoner eller Extra stora ikoner, så visas bildminiatyrer som gör det lättare att välja rätt bild c. Markera bilden/bilderna som ska laddas upp till mediahanteraren. Du kan markera flera bilder genom att hålla ned Ctrl eller Shift knappen och klicka på de filer du vill ladda upp. d. Klicka på Öppna och du är tillbaka till dialogrutan Ladda upp filer 5. När din/dina bilder har laddats upp visar en heldragen grön linje att det är klart. Klicka på stäng. Bilderna finns nu under uppladdningsområdet, i katalogen du laddade upp dem till. Klicka på Stäng Gå nu vidare med att redigera bilden där den ligger i mediahanteraren, innan du infogar den i sidan. Det sparar du mycket tid på.

4 Arbeta med bilder på bloggen Sida 4 av 7 Redigera bilden direkt i mediahanteraren inte på sidan Inga bilder i originalstorlek ska sparas i filhanteraren eller publiceras på din webbsida. När du laddar upp en originalbild ska du alltid redigera den för att ändra storleken och alltid välja sparalternativet Ersätt originalbild när du är klar. Webben är inget arkiv för bilder, dina originalbilder får du spara i originalskick någon annan stans. Det är mycket lättare att markera bilden och redigera den direkt i mediahanteraren än på sidan. Du har också bättre kontroll på vilken bildfil du jobbar med när du gör det i mediahanteraren och inte i sidan. På sidan 1 kan du läsa mer om mått och storlekar för en bild på webben. Så här öppnar du bilden i Bildredigeraren 1. Klicka på menyknappen som finns till höger om bilden där den ligger i din katalog i mediahanteraren. (Dubbelklickar du på bilden så förhandsgranskar du bilden, klicka på Tillbaka för att komma tillbaka till redigeraläget.) 2. Välj att Öppna bilden i Bildredigeraren Med bildredigeringsverktyget kan du storleksförändra och beskära bilder. De förändringar du gör här ändrar också bildfilens storlek Ändra bildens bredd i punkter/pixlar Om bilden är en originalbild så är den alldeles för stor för att få plats på en webbsida och har definitivt inte de mått som bilder ska ha för att följa standard. Därför ska du alltid ändra bildens storlek. 1. Klicka på Ändra storlek. Bildens originalstorlek i antal punkter visas i fälten efter bredd och höjd. I förhandsgranskningsfönstret ser du också direkt att bilden är alldeles för stor för att använda som den är på webben Använd inte inställningarna i rutan Förinställningar. De anpassar bilden efter höjden inte efter bredden. Här ser du vilka mått bilden har i bredd och höjd 2. Skriv 390 (för en bild mitt på sidan) eller 150 (för en bild till höger om texten) i rutan efter bredd 3. Klicka (skriv ingenting) i rutan efter höjd. Kontrollera att rutan behåll proportionerna är ibockad (då anpassar sig bilden till rätt proportioner för höjden) 4. Klicka på Utför. Nu har du rätt bredd på bilden för att den ska passa in på sidan Jobbar du med blogg eller nyheter behöver du inte ändra höjden. Om din bild ska finnas med på en vanlig webbsida inte ett blogginlägg så ska även bildens höjd

5 Arbeta med bilder på bloggen Sida 5 av 7 anpassas. Det behöver du inte göra för bloggen jag har därför utelämnat det avsnittet. En utförligare instruktion om bilder finns i häftet Infoga bilder_sunnewebb_ pdf Spara bilden när du redigerat klart 1. Inställningen för Kvalitet Använd alltid den rekommenderade inställningen Maximum 2. Inställningen för Spara a. I 95% ska du alltid välja Ersätt originalbilden. Har du redigerat en ny originalbild, ska du alltid - 100% - välja att ersätta originalbilden. Originalbilder sparar vi inte på i filhanteraren, de får du själv spara någon annan stans. Här sparar vi av utrymmesskäl bara webbanpassade bilder b. Det finns undantag, i 5% eller mindre av alla fall: Ibland händer det att du måste redigera en bild som redan finns i mediahanteraren. Om du vet att bilden används på någon annan sida så ska du välja det andra alternativet Spara bilden som en kopia. Annars syns dina förändringar på bilden även på den sida som redan är publicerad. Alternativet Spara bilden som en kopia placerar din bild i en särskild filkatalog för just den här sidan. Ingen förändring sker då på originalbilden 3. Klicka på OK, längst ned i bildredigeraren för att spara bilden. Bilden öppnas i ett visningsläge. Klicka på länken Tillbaka. Gå vidare med att infoga bilden på sidan Ett enkelt sätt att infoga bild med dra och släpp Öppna och nåla fast mediahanteraren. Dubbelklicka dig fram i mappstrukturen så att du ser bilden du vill infoga i bloggen. 1. Öppna din bloggsida i skrivläge/redigeraläge. Klicka där bilden ska visas, markören ska blinka där du vill ha bilden 2. Dra bilden från mediahanteraren och släpp den på rätt ställe i sidan 3. Flytta bilden till ny plats om det behövs genom att klicka och dra den till rätt ställe Har du en bild som är 150 px bred kan du välja att placera den till höger om texten genom att markera bilden (får små fyrkanter runt bilden som visar att den är markerad, se bilden till höger) och sedan välja Bild höger under listpilen vid Stilar i verktygsfältet Så här ser det ut när jag drar och släpper in bilden krokus på sidan 3) VIKTIGT! Efter att få fått bilden på rätt plats är det viktigt att du rättar bildens adress, annars kan bara den som är inloggad se bilden. Det går på ett klick samtidigt som du gör bildens beskrivning och titel. Gör så här: a) Klicka en gång på bilden, på sidan, så att den är markerad (se bilden ovan) b) Klicka på knappen Infoga/redigera bild, som finns i verktygsfältet. Dialogrutan Infoga/redigera bild öppnas

6 Arbeta med bilder på bloggen Sida 6 av 7 c) Klicka på den gula byråknappen för att visa Välj innehåll. Nu listas strukturen upp i mediahanteraren. Scrolla nedåt i dialogrutan och kontrollera att bilden du har valt är markerad d) Klicka på knappen Uppdatera. (Skillnaden är att före du uppdaterar finns textsträngen se med i Bildens URL. Detta försvinner när du klickar uppdatera) e) Skriv en titel och en beskrivning till bilden. (Jag brukar kopiera och klistra in samma text i båda fälten för beskrivning och tite)l Det du skriver i fältet titel visas som ett skärmtips ovanpå bilden när muspekaren placeras på bilden. Genom att skriva text i rutan Bildens beskrivning får den som inte kan se istället din beskrivning uppläst för sig av ett program i datorn. 4) Publicera sidan när du är färdig Du kan också infoga din bild med verktygsknappen Infoga och redigera bild Bloggsidan ska vara öppen i skrivläge/redigeringsläge och bilden du ska infoga i sidan ska finnas i mediahanteraren. 1. Klicka i editorn där du vill ha bilden. Markören ska blinka på rätt ställe 2. Klicka på knappen Infoga/redigera bild, för att öppna dialogrutan med samma namn 3. Klicka på den gula byråknappen för att öppna dialogrutan Välj innehåll som visar strukturen i mediahanteraren 4. Klicka dig fram i mappstrukturen och markera önskad bild. Klicka på ok 5. Du är nu tillbaka i dialogrutan Infoga/redigera bild. Bilden du markerade visas i rutan under Förhandsvisning 6. Skriv en titel och en beskrivning till bilden, (se punkt e ovan) 7. Klicka på Infoga, nu är din bild på plats på sidan. Flytta bilden till ny plats på sidan om det behövs genom att klicka och dra den till rätt ställe 8. Har du en bild som är 150 px bred kan du välja att placera den till höger om texten genom att markera bilden och sedan välja Bild höger under listpilen vid Stilar i verktygsfältet (se punkt 3 på föregående sida) 9. Publicera sidan när du är färdig Så här gör du för att ta bort en bild Tar du bort en bild från mediahanteraren, eller får en felaktig länk till mediahanteraren, finns ändå länken till bilden kvar på sidan. Detta medför att bilden inte kan visas och istället för din bild syns istället en ruta med ett rött kryss där bilden borde vara.

7 Arbeta med bilder på bloggen Sida 7 av 7 Bilder ska både tas bort ur mediahanteraren och på sidan, om den inte används på andra sidor också, då ska den bara bort på den aktuella sidan. Först måste du veta var din bild finns Vet du i vilken katalog bilden finns, så kan du gå direkt till instruktionen vid 1 nedan. a. Gå till sidan där bilden som ska tas bort finns. Öppna sidan i skriv/redigeraläge. Klicka en gång på bilden, så att den är markerad b. Klicka på knappen Infoga/redigera bild c. I dialogrutan för Infoga/redigera bild: Klicka på den gula byråknappen d. I dialogrutan Välj innehåll listas strukturen upp för katalogerna i mediahanteraren och bilden markeras. Scrolla nedåt i dialogrutan för att se var bilden finns. Notera sökvägen och välj Avbryt och stäng dialogrutan Ta bort bilden i mediahanteraren 1) Öppna mediahanteraren och nåla fast den (se sidan 2) så slipper du leta upp bilderna en gång till 2) Gå till den katalog där bilden ligger och scrolla bland bilderna under uppladdningsfönstret tills du hittar bilden som du ska ta bort 3) Klicka på bildens menyknapp och välj: Flytta till papperskorgen 4) Något av följande två besked dyker upp: a) Om din bild inte finns på någon sida på sunne.se: En dialogruta talar om att om det finns en inkommande länk (en länk från någon annan webbplats) till bilden, så kommer länken inte att fungera efter att du har tagit bort bilden. Externa länkar från andra webbplatser kan vi aldrig kontrollera, välj att Flytta till papperskorgen, så är bilden borta b) Om din bild finns på någon/några av sidorna på sunne.se: Du ser namnet och sökvägen på sidan/sidorna där bilden finns i beskedet. Välj Flytta till papperskorgen ändå om du är säker på att bilden bara finns din sida. Är du osäker på om du kan ta bort bilden, så kan du föra muspekaren till slutet av raden med sidans namn. Då dyker länken Visa upp längst till höger. Här kommer länken Klicka på Visa så hamnar du på sidan Visa att synas när du pekar på sidans namn där bilden finns. Om du har nålat fast mediahanteraren kan du samtidigt se bilden där den är lagrad och välja Flytta till papperskorgen igen om den ska bort B: När bilden är borta från mediahanteraren ska du ta bort bilden från sidan När bilden är borta från mediahanteraren har sidan fortfarande länken till bilden kvar. Om någon besöker sidan kan de inte se bilden, eftersom den är borta. I stället ser de ett rött X på sidan där bilden skulle visas och eventuellt en text, om du har skrivit en titel till bilden. Gå till sidan och ta bort bilden. Klicka en gång på bilden för att markera den och välj sedan Delete. Ge eventuellt sidan en ersättningsbild istället för bilden du tog bort. Publicera sidan när du är klar.