Galleri modul. Side 1 af 18

Transkript

1 Galleri modul Side 1 af 18

2 Indholdsfortegnelse Indholdsfortegnelse... 2 Installation... 3 Oprette menupunkt... 5 Kategoriseret menupunkt (Avanceret)... 6 Opsætning... 9 Generel opsætning Opsætning af thumbnails Opsætning af store billeder Upload af billeder Redigering af billeder Slet billede Side 2 af 18

3 Installation Log ind på din hjemmeside, som du gør, når du opdaterer den. Gå herefter ind på afsnittet moduler. Tryk på Installer udfor Galleri. Side 3 af 18

4 Nu dukker nedenstående tekstboks op. Her skal du indsætte en overskrift. Tryk på Opret. Herefter trykker du ok. Nu er gallerimodulet installeret, og du er klar til arbejdet med galleriet på din hjemmeside. Side 4 af 18

5 Oprette menupunkt Gå nu ind i Menu i toppen af siden. Klik på Tilføj ny knap i menu. Her tilføjer du et nyt menupunkt, der skal linke til galleriet: Side 5 af 18

6 På hjemmesiden kan du se at gallerimodulet har fået et selvstændigt punkt i menuen: Kategoriseret menupunkt (Avanceret) Hvis du ønsker at lave menupunkter som svarer til dit galleris tags (kategorier), f.eks. et undermenupunkt, skal du klikke på Plusset udfor det netop oprettet menupunkt: Angiv menuens tekst udfor Knaptekst her har vi brugt Billeder fra gaden. Side 6 af 18

7 Udfor side skal der vælges - intet valgt. I stedet bruges Eksternt link. Her skal man bruge sidenavnet på modulet efterfulgt af?tag= og så tagget(kategorinavnet). I vores tilfælde hedder siden Billedegalleri.asp og det tag vil vi vise hedder Gaden. Vores eksterne link skal derfor være: Billedegalleri.asp?tag=Gaden Hvis du er i tvivl om hvad siden hedder kan du se under menupunktet Sider > Modul sider Afslut ved at klikke på Opdater Menu. Side 7 af 18

8 På hjemmesiden kan du se, at du har oprettet et selvstændigt menupunkt. Klikker man på det, får man kun vist billeder med tagget Gaden. Side 8 af 18

9 Opsætning For at komme ind i opsætningen klik da på Moduler og efterfølgende det gallerimodul, du ønsker at redigere i. Side 9 af 18

10 Generel opsætning Den mappe, hvori du skal lægge dine billeder, hedder /grafik/galleri/. Ønsker du at benytte en anden mappe angiv den da udfor Mappe med billeder. Husk at afslutte med /. Ramme på billeder bestemmer, om der skal være en tynd sort ramme rundt om billederne i galleriet. Galleriet skalerer originalbilledet til et lille billede(thumbnail) samt et stort billede (det som vises, når man klikker på en thumbnail). Original billedet gemmes i Mappen med billeder og er ikke umiddelbart tilgængeligt for brugeren. Ønsker du, at brugeren skal kunne downloade original billedet, sætter du flueben i Download original billede. Som standard vises teksten Download original billede, men denne kan du rette i feltet Linktekst for download original. Ønsker du, at brugeren skal kunne åbne og se original billedet, sæt da flueben i Link til original billede. Tagging er gallerimodulets metode at kategorisere billeder. Hvis du ønsker at kategorisere billederne sæt da flueben i Brug taging. En tagcloud er en listning af de tags/kategorier man har brugt på billederne. Disse skrives i alfabetisk orden og har forskellig størrelse afhængigt af hvor mange gange et tag er blevet benyttet. Jo flere gange jo større skrift. Hvis man vil vise en tagcloud under galleriet sæt da flueben udfor Vis tagcloud. Sådan ser en tagcloud f.eks. ud: Opsætning af thumbnails Side 10 af 18

11 Du har mulighed for at vise dine thumbnails i enten en tabel eller i et slide. Hvis du her vælger Thumbnail visning i tabel, får du to ekstra valg (markeret med striblet linje). Du kan vælge hvor mange billeder, der skal være i hver række udfor Antal billeder vandret og du kan vælge Tabel placering enten højrestillet, centeret, eller venstrestillet. Sådan ser visning af thumbnails i tabel ud på siden: Du har også mulighed for at angive visningen som slide. Hermed forsvinder de ekstra valg. Sådan ser visning af thumbnails i slide ud på siden: Side 11 af 18

12 Angiv hvilken størrelse dine thumbnails skal have i højden og bredden. Når original billedet bliver skaleret ned i denne størrelse, er det ikke sikkert, at det holder proportionerne. Hvis man har et original billede, som er længere i bredden end i højden, og man ønsker thumbnailen skal være kvadratisk (f.eks. 50 x 50 px), vil billedet bliver trykket er det der i mod højden, der er længere end bredden, vil billedet se ud som om, det er blevet strukket. Derfor har man mulighed for at vælge, om de overskydende områder skal skaleres eller beskæres. Nedenfor ses nogle eksempler: Thumbnail skalleret Thumbnail beskråret Original billede Opsætning af store billeder Side 12 af 18

13 Angiv hvilken størrelse dine store billeder skal have i højden og bredden. Det er en dårlig idé at angive en større størrelse end mindste billede, for så vil billedets kvalitet blive forringet. Det er også en dårlig idé at angive en størrelse der er større en skærmen hvis man har valgt at bruge tabel layoutet eller større end sidens bredde hvis man har valgt at bruge slide. Når original billedet bliver skaleret ned i denne størrelse, gælder det samme som ved skalleringen af thumbnails. For de store billeder har man dog mulighed for: Bevare de overskydende områder, skallere eller beskære. Nedenfor ses nogle eksempler: Bevar område. Original billede Billede skalleret. Billede skalleret uproportionelt til 500 x 500 px. Billede beskråret. Billedet er proportionelt skalleret til den korteste side af den angivne størrelse. Her er det højden der er skalleret til 500 px. I bredden er alt over 500 px beskåret. Billedet er skalleret proportionelt til den længste side ned til den angivne størrelse. Her er den længste side bredden som så er skalleret ned til 500 px. Højden var kortere og er derfor nu kortere end 500 px. Side 13 af 18

14 Upload af billeder Upload af billeder kan enten ske via filarkivet eller billedarkivet. Klik på billeder i topmenuen og efterfølgende mappen galleri. Nu vises indholdet af den mappen: Gallerimodulet har selv oprettet de to mapper: Store og thumbnails. I roden af /grafik/galleri/ gemmes originalbillederne. I mappen Store genererer gallerimodulet selv de store billeder og i mappen thumbnails genererer gallerimodulet selv de små billeder. Klik på tilføj nyt billede. Klik på gennemse. Find mappen med billeder på din harddisk og vælg et af billederne og klik på Åbn. Side 14 af 18

15 Sørg for at billedeskalering ikke er aktiv. Klik nu på Tilføj for at uploade billedet. Bliv ved med at tilføje billeder indtil alle billeder er uploaded. Bemærk. Systemet kan ikke håndtere billeder der er større end 40 MB. Side 15 af 18

16 Redigering af billeder Klik ind på gallerimodulet via Moduler > Galleri Modul og klik efterfølgende på fanebladet Gallerier. Til højre vises nu de billeder, som findes i gallerimodulet bemærk disse listes i alfabetisk rækkefølge ud fra filnavnet. Til venstre kan man angive detaljer for billedet. For at redigere et billedes detaljer klikker man blot på billedet til venstre. Det billede, man redigerer, vises nu med grå baggrund. Titel er billedets overskrift. Alternativ tekst vises når man fører musen henover billedet. Hvis man ønsker at vise, hvornår billedet er fra, kan man angive en dato. Placeringen er hvilket nummer placering på listen billedet vises. Side 16 af 18

17 Billedtekst kan benyttes til en længere beskrivelse af billedet. Tags er de kategorier, man ønsker, billedet skal vises under. Man angiver et tag på hver linje, og man kan både angive et enkelt ord eller flere ord. Typisk vil man maksimalt bruge 3 ord. Når man har udfyldt de felter man ønsker, klikker man på Godkend. Side 17 af 18

18 Slet billede Klik ind på gallerimodulet via Moduler > Galleri Modul og klik efterfølgende på fanebladet Gallerier. Find billedet til højre som du ønsker at slette. Klik nu på Slet. Side 18 af 18