www.oskarshamn.se/edit Handledning för att lägga in i EpiServer: 1. Bilder (JPG) 2. Tumnagelbilder (som kan bli stora när man klickar på dem) 3. Dokument (PDF) 4. Bildhantering (allmänt) EpiServer handböcker finns online på Mimer F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 1
Kom ihåg att bilder som skall användas på hemsidan skall vara anpassade i storlek redan innan de importeras till ImageVault i EpiServer. I ett redigeringsprogram (Photofiltre) skall bilden sparas ner i formatet 600x400 i 72 pixlar per tums upplösning. Spara undan originalet på ett USB-minne. När det är fullt arkivera bilderna på en CD-skiva. Du kan få hjälp med det av någon som har en CD-brännare. F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 2
Börja i Redigeraläget och markera var bilden skall hamna. Klicka sen på Bildverktyget. Om vi utgår från att bilden inte är inhämtad till webbserverns ImageVaultprogram så börjar vi med det genom att klicka på Hämta-knappen. F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 3
Leta reda på var bilden finns och markera bildfilen. Man kan ändra visningsläge till minatyrer så man ser bilderna. Klicka på Öppna. Bocka för Spara i ImageVault och tryck på Ladda upp F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 4
Klicka på den grå knappen i fältet Album Välj var någonstans i den egna förvaltningen du vill ladda ner bilden genom att markera platsen och tryck på OK-knappen F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 5
Fyll i alla fält under Metadata, döp om bilden till något kort beskrivande. Fyll även i kategorier, Alla fält med * är du tvungen att fylla i. Obs, minst en kategori. Klicka på den gröna diskettsymbolen för att spara inställningarna Härifrån är det om du redan har bilder inladdade sen tidigare Öppna det album som du sparade bilden i. Markera bilden och klicka på Lägg till-knappen uppe i verktygsfältet. F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 6
Välj format (storlek) på bilden. Artikelbild (200) är lämpligast för det normala textfältet. Stor bild(550) är endast avsett för sidor av typ galleri eller bildvisningar. Tryck på Välj när du valt storlek. Bilden är nu på plats men det går att göra några inställningar till. Om du högerklickar med musen på bilden får du upp en meny. Där skall du välja Bildegenskaper långt nere på menyn. F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 7
Dubbelkolla att Alternativ-texten är OK. (Det är den som syns när man pekar med musen på bilden) Under Storlek kan man ändra bildens storlek men lås i så fall höjd/bredd-förhållandet först. (Om man försöker förstora bilden förstörs den snabbt i kvalitet, men förminska går bra.) Till vänster vid Justering kan man välja om bilden skall vara till vänster eller höger och texten i så fall flöda på motsatta sida. Horisontellt och vertikalt utrymme är det tomrum man vill ha mellan bild och text runt bilden. I CSS-klass kan man välja skuggkant, vända på bilden m.m. Klicka på OK när du är klar Exempel på flödande text utan tomrum runt bilden. Flödet blir inte exakt likadant i det offentliga visningsläget. F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 8
Tumnagelbild Markera i rutan var bilden skall hamna och klicka på knappen för Länkverktyget Markera ImageVaultbild i Information-fältet och tryck på knappen längst till höger på samma rad. F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 9
3 1 2 1. Välj album 2. Markera bilden 3. Tryck på Lägg till bild i verktygsraden F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 10
Välj Liten bild (100) och tryck på Välj-knappen 2 1 3 4 5 1. Skriv in en ALT-text =beskrivning av bilden 2. Målram - välj Öppna i nytt fönster 3. Välj fliken Fil i Mål-fältet. 4. Markera ImageVaultfil 5. och tryck på knappen längst till höger på samma rad. 3 1 2 F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 11
1. Välj album 2. Markera samma bild som förut 3. Tryck på Lägg till bild i verktygsraden Denna gång välj Stor bild (600) och tryck på Välj-knappen Avsluta med att trycka på OK F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 12
Dokumentlänkar Skriv in lämpligt dokumentlänknamn och markera det. Klicka på Länkverktyget. 3 2 4 1 1. Fyll i Målram : Öppna i nytt fönster 2. Välj Fil-fliken 3. Markera Dokument på denna webbplats F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 13
4. Klicka på Dokumentverktyget Markera i vilken mapp som det importerade dokumentet skall hamna Klicka på Lägg till en fil-knappen Klicka på Bläddra-knappen Kom ihåg att endast använda PDF-filer som dokument på Hemplatsen. De skall vara gjorda med ett äkta Adobe Acrobat program och inte med skriv ut: Distiller funktionen. För att alla dokument skall vara läsbara med Syntes- och skärmläsare. F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 14
Leta rätt på dokumentet och markera det och klicka på Öppna Fyll i Titel dvs ett bra kort namn på dokumentet och Skribentnamn och ev. fler fält. Klicka på Lägg till-knappen F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 15
1 1. Kolla att sökvägen finns på rätt ställe Klicka på OK-knappen Lägg märke till att länken har blivit gulmarkerad Avsluta med att Spara och publicera och kolla att länken fungerar. KLART F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 16
Bildhantering Välj en kamera som motsvarar dina behov. En 28 mm vidvinkel är användbar vid mycket gruppbilder inomhus. 200 mm tele är användbar vid bilder från lekplats m.m. 35 150 mm som är vanligast räcker i de flesta fall. Kameran behöver inte klara mer än 3 Megapixlar. Det är tillräckligt för de bilder som används utskrivna i A6 och bilder till hemsida och intranät. Klarar kameran mer så bör man ställa in kameran så att bilderna inte blir större än 3 Mp. Annars tar bilderna onödigt stor plats där de skall sparas. När man skall föra över bildfiler från kameran till dator kan det fungera lite olika beroende på vilket kameramärke man har. En del kameror kräver att man installerar ett speciellt program för att kunna föra över filerna, medan andra dyker upp som en extra hårddisk när man ansluter den via USB-anslutningen. För att komma förbi de problemen rekommenderar vi användandet av en kortläsare (ca 200 kr) som kan läsa den korttyp som används och som ansluts i ett USB-uttag. Det fungerar för alla kort på så sätt att kortet dyker upp som en extra hårddisk varifrån man kan klippa ut och klistra in filerna där man vill att de skall vara. Lagringen av bilder på våra servrar och i novellnätet börjar bli ett minnesproblem dvs att det finns för lite plats. Därför rekommenderar vi att de som hanterar bilder i verksamheten skaffar sig USB-minne (gemensamt, centralt inköp). Lämplig storlek är 1 GB (75 kr). Det fungerar på alla datorer och på det kan man spara sina bilder tills man har kommit upp i ca 800 MB. Då kan det vara lämpligt att man bränner ner filerna på en CD-skiva så att man har en säker lagring av sina bilder. När det gäller redigering och storleksanpassning av bilder rekommenderar vi ett program som heter Photofiltre. Det är ett kompetent gratis bildbehandlingsprogram som Myndighet för skolutveckling har provat och rekommenderar. På sin hemsida www.pim.skolutveckling.se/ har de en massa information om bildhantering och en nerladdningsbar svensk manual till Photofiltre. Vill du ha tillgång till Photofiltre så anmäl det till HelpDesken så får du det på ditt skrivbord Bilder som skall vara med på hemsidan måste lagras i ImageVault och skall när de sparas in där inte vara större än 600x400 pixlar och ha en upplösning på 72 pixlar per tum. Hur det går till finns beskrivet i tidigare i denna handledningen. Den finns även att ladda ner som pdf från Mimer. F:\IT\Arbetsmaterial\LarsK\EpiServer\40\Bildhantering och dokument i EpiServer.doc 17