Billeder på hjemmeside

Transkript

1 Billeder på hjemmeside

2 Indholdsfortegnelse Emne 1. Billedredigering (Microsoft Picture Manager) Side 3 a. Komprimer billeder b. Beskæring af billeder Billeder og tekst ved hjælp af en skabelon (Template Manager) 13 a. Billedstørrelse b. Gem billede på computer c. Upload billede til hjemmesiden (Image Manageren) d. Indsæt billede i skabelon til billede og tekst (Template Manageren) 3. Billedgalleri a. Opret galleri-siden b. Upload billeder til galleriet i billedmappe c. Opret Galllri eller Slideshow Opdateret, Informationsteamet, Side 2 af 27

3 Billedredigering (Microsoft Picture Manager) a. Komprimer billeder Billederne er som regel for store til umiddelbart at lægge på hjemmesiden med mindre de først lige har været forbi lidt redigering. Det kræver, at du har de billeder du vil bruge til hjemmesiden, gemt på din computer. Du kan bruge programmet Microsoft Picture Manager til redigering af dine billeder så de passer til web. Du finder systemet på dit Citrix-skrivebord. Opdateret, Informationsteamet, Side 3 af 27

4 1. Klik på Microsoft Picture Manager ikonet på Citrix-skrivebordet og få dette billede frem: 1. Klik på Tilføj genvej til billeder og du får dette billede frem: Opdateret, Informationsteamet, Side 4 af 27

5 2. Find den mappe som dine billeder ligger i og klik på Tilføj 3. Du får nu præsenteret alle de billeder du har liggende i den valgte mappe. Opdateret, Informationsteamet, Side 5 af 27

6 Du skal nu redigere hvert billede enkeltvis. 4. Klik på et billede 5. Klik på Rediger billeder i menuen til højre Opdateret, Informationsteamet, Side 6 af 27

7 6. Klik på Komprimer billeder 7. Sæt en markering ud for Websider og klik på OK. Du kan nu se hvor meget du har komprimeret billedet i dette tilfælde er billedet komprimeret fra at fylde 1,22 MB til kun at fylde 39,7 KB. (Der skal 1000 KB til 1 MB). Opdateret, Informationsteamet, Side 7 af 27

8 Du skal nu have billedet med den nye størrelse gemt på din computer: 9. Klik på Filer oppe i venstre hjørne af skærmbilledet og vælg Gem som. Du får nu denne boks frem her skal du finde det sted, hvor du vil gemme de billeder du har gjort klar til web (gjort klar til at uploade til hjemmesiden). Husk når du giver billedet et filnavn må du IKKE bruge tal, bogstaverne æ, ø, og å eller specialtegn. Gentag punkt 5. til punkt 9. indtil du har gjort alle de billeder klar til web, som du vil bruge på din hjemmeside. Opdateret, Informationsteamet, Side 8 af 27

9 b. Beskæring af billeder I nogle tilfælde kan du ikke bruge billedet som det er. Det kan være at motivet på billedet bliver alt for småt på hjemmesiden. Eller det kan være at ud gerne blot vil bruge en del af et billede. Du kan også brugs programmet Microsoft Picture Manager til at beskære billeder. Den første del af proceduren svarer til punkt under afsnit b. Komprimer billeder på side 3 fortsæt herefter: 7. Klik på Beskær billeder Opdateret, Informationsteamet, Side 9 af 27

10 8. Du får nu mulighed for at beskære billedet ved at klikke på beskæringshåndtagene indtil du har beskåret billedet som du ønsker: Klik på OK 9. Dette billede skal også komprimeres så det kan bruges til web. Klik på Rediger billeder Opdateret, Informationsteamet, Side 10 af 27

11 10. Klik nu på Komprimer billeder 11. Sæt en markering ud for Websider og klik på OK. 12. Du kan nu se hvor meget du har komprimeret billedet i dette tilfælde er billedet komprimeret fra at fylde 1,22 MB til kun at fylde 39,7 KB. (Der skal 1000 KB til 1 MB). Du skal nu have billedet med den nye størrelse gemt på din computer: 13. Klik på Filer og Gem som Opdateret, Informationsteamet, Side 11 af 27

12 Du får nu denne boks frem her skal du finde det sted hvor du vil gemme de billeder du har gjort klar til web (gjort klar til at uploade til hjemmesiden). Husk når du giver billedet et filnavn må du IKKE bruge tal, bogstaverne æ, ø, og å eller specialtegn. Gentag punkt 5. til punkt 9. indtil du har gjort de billeder klar til web, som du vil bruge på din hjemmeside. Du har nu billeder liggende på din computer klar til at uploade til hjemmesiden. Opdateret, Informationsteamet, Side 12 af 27

13 Billeder og tekst ved hjælp af en skabelon (via Template Manager) Du kan styre hvordan et billede placerer sig i forhold til en tekst. Der er tre muligheder: 1. billedeogtekst billedet placerer sig til højre for teksten 2. tekstbillede billedet placerer sig til venstre for teksten 3. billedeovertekst her placerer billedet sig over teksten. Opdateret, Informationsteamet, Side 13 af 27

14 a. Billedstørrelse Billedet tilpasser sig den faste skabelon (template manageren). Hvis det anvendte billede er for stort kan det være svært at se hvad det skal forestille. Du er så nødt til at redigere billedet mindre inden du gemmer det på din computer og uploader det til hjemmesiden. b. Gem billede på computer Først skal du uploade det billede du vil have på hjemmesiden. Du skal have billedet gemt på din computer under navnet på den side som billedet skal ligge på hjemmesiden/intranettet. Det vil sige, at hvis billedet f.eks. skal ligge på den side der hedder Undervisningsmiljø så er det sidens nummer der skal være navnet på billedet. Hold musen henover sidetitlen i menuen til venstre og kan nu se side-nummeret nederst på siden. Nummeret på denne side er Det vil sige at billedet skal hedde 3612 på din computer. Opdateret, Informationsteamet, Side 14 af 27

15 c. Upload billede til hjemmesiden (Image Manageren) 1. Klik på Image Manager-ikonet 2. Klik på fanebladet Uploade image og derefter på Gennemse : Opdateret, Informationsteamet, Side 15 af 27

16 3. Find billedet på din computer og klik på Åbn : 4. Så er billedet klar til at blive uploadet til nettet klik på Upload: Opdateret, Informationsteamet, Side 16 af 27

17 5. Billedet er nu uploadet og klar til at ligge på nettet. Opdateret, Informationsteamet, Side 17 af 27

18 d. Indsæt billede i skabelon til billede og tekst (Template Manageren) 1. Klik på den side du ønsker at ligge et billede på f.eks. Uddannelse, Undervisningsmiljø 2. Klik på Edit 3. Klik på Template Manager-ikonet 4. Denne boks kommer frem: Opdateret, Informationsteamet, Side 18 af 27

19 5. Her kan du vælge mellem 3 skabeloner/templates til billede og tekst: 1. billedeogteskt.html (billedet står til venstre, teksten til højre) 2. tekstogbillede.html (teksten står til venstre, billedet til højre) 3. billedeovertekst.html (billedet står over teksten.) 6. Vælg f.eks. billedogtekst.html 7. Klik på Insert og denne side kommer frem: 8. Skriv en tekst i den side, der er beregnet til tekst f.eks. Kursisterne på kurset for let øvede er meget ivrige efter at lære noget - se foto. 9. Så finder systemet selv billedet og skalerer det. 10. Klik på Update. Du kan ikke se billedet i systemet/cms en tjek det på hjemmesiden/intranettet! Opdateret, Informationsteamet, Side 19 af 27

20 Billedgalleri Du kan indsætte billeder i et galleri. I galleri kan du klikke på det enkelte billede for at forstørre det. a. Opret billedgalleri a. Opret galleri-siden (Se Vejledning i indberetning til internet og intranet) Vælg layoutet Galleri (vær opmærksom på at når du vælger layout Galleri så har du ikke mulighed for at lave link i høje side på siden). Opdateret, Informationsteamet, Side 20 af 27

21 b. Upload billeder til galleriet i billedmappe I billedmappen er der oprettet en mappe, der hedder gallerier denne mappe må ALDRIG slettes.. Opdateret, Informationsteamet, Side 21 af 27

22 Du skal nu oprette din egen gallerimappe i mappen Gallerier. Her skal du lægge de billeder du vil have vist i galleriet på hjemmesiden: 1. Klik på New folder ikonet for at oprette din egen gallerimappe Opdateret, Informationsteamet, Side 22 af 27

23 2. Giv mappen et sigende navn f.eks.: tandplejebilleder (brug kun karaktererne a-z og ikke specialtegn) 3. Klik på det grønne flueben. 4. Dobbeltklik på den mappe du lige har oprettet. Du skal nu uploade dine billederne til galleriet i mappen. 5. Klik på Upload Image i billedmanageren Opdateret, Informationsteamet, Side 23 af 27

24 6. Klik på gennemse og vælg herefter billederne én efter én på din computer. Systemet placerer billeder i den række følge du uploader dem. Denne rækkefølge kan du ikke selv ændre på efterfølgende. 7. Klik på Åbn og upload. Størrelsen på billederne er 500x321 pixels. Systemet genererer selv de små billeder som vises på hjemmesiden. (Du kan evt. bearbejde dine billeder i billedbehandlingsprogrammet Microsoft Picture Manager i Citrix. Se særskilt vejledning på intranettet i Værktøjskassen under Internet/intranet.) 8. Når alle billeder er uploadet kan lukker du billedmanageren. 9. Hvis du har indtastet tekst på siden, tryk på Update. Opdateret, Informationsteamet, Side 24 af 27

25 c. Opret Galleri eller Slideshow 1. Klik på på Objects knappen øverst i menuen 2. Klik herefter på New Object. Opdateret, Informationsteamet, Side 25 af 27

26 Du har nu to muligheder: a. Et galleri består af en masse små billeder, der bliver vist efter hinanden (3 på en række). Klikker man på dem, får man en større version, som man kan bladre i ved at klikke på Forrige eller Næste : b. Et slideshow består af et stort billede øverst og en masse små billeder under, som man kan klikke på. Man kan scrolle/rulle i billederne på pilene, for at se flere billeder. Klikker man på et billede bliver det vist i stort format. Opdateret, Informationsteamet, Side 26 af 27

27 3. Vælg enten Galleri eller Slideshow fra listen. 4. Klik på Send. 5. Indtast herefter navnet på dit galler i feltet Name og det præcise navn på mappen, som billederne ligger i, i feltet mappenavn. F.eks. tandplejebilleder. 6. Sæt et flueben ved øverst hvis du benytter flere gallerier på siden, og ønsker at dette galleriligger øverst. 7. Klik på Send. Opdateret, Informationsteamet, Side 27 af 27