Opret webfotogallerier

Et webfotogalleri er et websted, der indeholder en hjemmeside med miniaturebilleder og gallerisider med billeder i fuld størrelse. Hver side indeholder hyperlinks, som giver besøgende mulighed for at navigere rundt på webstedet. Når en besøgende f.eks. klikker på et miniaturebillede på hjemmesiden, indlæses det tilknyttede billede i fuld størrelse i en galleriside. Du bruger kommandoen Webfotogalleri til automatisk at generere et webfotogalleri ud fra et sæt billeder.

Photoshop indeholder en række typer til dit galleri, som du kan vælge med kommandoen Webfotogalleri. Hvis du er en avanceret bruger, der kender HTML, kan du oprette en ny type eller tilpasse en type ved at redigere et sæt HTML-skabelonfiler.

Der er knyttet forskellige indstillinger til hver skabelon for galleritype. Hvis du bruger en foruddefineret type, kan nogle indstillinger være nedtonede eller utilgængelige i den pågældende type.

Oprettelse af et webfotogalleri

Opret webgallerier med Adobe Bridge

Adobe Bridge indeholder opdaterede webgallerifunktioner. Få instruktioner ved at se Oprettelse af et webfotogalleri i hjælpen til Adobe Bridge, eller se selvstudierne nedenfor.

Brug det gamle, valgfrie Photoshop-ekstramodul

Sådan sørger du for, at dine farver passer sammen

Hvis du arbejder med fotos i et arbejdsrum med bred farvetilpasning, f.eks. ProPhoto RGB eller Adobe RGB, ændres billedfarverne muligvis, når de vises i et webgalleri med en browser, der ikke læser integrerede farveprofiler. Hvis dette sker, skal du prøve at konvertere billedprofilerne til sRGB (som de fleste browsere bruger som standard), inden du optimerer dem, eller medtage dem i et webfotogalleri. Konverter dem til sRGB på en af følgende måder. Det er en god ide at arbejde med en kopi af billederne.

• Hvis du vil konvertere et enkelt billede, skal du vælge Rediger > Konverter til profil og derefter sRGB. Læs Tildele eller fjerne en farveprofil (Illustrator, Photoshop).

• Hvis du vil konvertere en mappe med billeder, skal du bruge billedbehandleren. Vælg Filer > Scripts > Billedbehandler. Se Konvertere filer med billedbehandleren.

Hvis du bruger billedbehandleren, kan du gemme filerne direkte i JPEG-format i den størrelse, du ønsker. Hvis du gør det, skal du sørge for at slå Skaler billeder fra under indstillingerne for store billeder.

Indstillinger for webfotogalleri

Indstillinger for filtypenavne, kodning og metadata.

Bruger enten .htm eller .html som filtypenavn.

Bruger UTF-8-kodning.

Angiver dimensioner og forkorter overførselstiden.

Bevarer metadataoplysninger.

Tekstindstillinger for det banner, der vises på hver side i galleriet. Indtast tekst for hver af følgende:

Navnet på galleriet.

Navnet på den person eller organisation, der er ophav til fotografierne i galleriet.

Kontaktoplysningerne for galleriet, f.eks. et telefonnummer eller en forretningsadresse.

Den dato, der vises på hver side i galleriet. Photoshop bruger som standard dags dato.

(Tilgængelig for visse typer websteder) Indstillinger for bannerteksten.

Indstillinger for de hovedbilleder, der vises på hver galleriside.

(Tilgængelig for visse typer websteder) Placerer en numerisk sekvens (der starter ved 1 og slutter med det samlede antal sider i galleriet), der kører vandret øverst på hver galleriside. Hvert tal er et hyperlink til den respektive side.

Ændrer størrelsen på kildebillederne for placering på gallerisiderne. Vælg en størrelse i pop op-menuen, eller angiv en størrelse i pixel. Til Bevar skal du vælge, hvilke dimensioner på billedet der skal låses i forbindelse med skalering. Til JPEG-kvalitet skal du vælge en indstilling i pop op-menuen, angive en værdi mellem 0 og 12 eller trække skydeknappen. Jo højere værdi, jo bedre billedkvalitet, og jo større fil.

Angiver bredden i pixel af rammen omkring billedet.

(Tilgængelig for visse typer websteder) Angiver indstillinger for visning af billedtekster under hvert billede. Vælg Filnavn for at få vist filnavnet, eller vælg Beskrivelse, Bidragsyder, Titel og Copyright for at få vist den tekst, der skal hentes fra dialogboksen Filinfo.

(Tilgængelig for visse typer websteder) Angiv billedtekstens skrifttype og størrelse.

Indstillinger for galleriets hjemmeside, herunder størrelsen af miniaturebillederne.

Angiver størrelsen på miniaturebilleder. Vælg i pop op-menuen, eller angiv en værdi i pixel for bredden af hvert miniaturebillede.

Angiver antallet af kolonner og rækker, hvor der skal vises miniaturebilleder, på hjemmesiden. Denne indstilling gælder ikke gallerier, som bruger vandrette eller lodrette billedtyper.

Angiver bredden i pixel af rammen omkring hvert miniaturebillede.

(Tilgængelig for visse typer websteder) Angiver indstillinger for visning af billedtekster under hvert miniaturebillede. Vælg Filnavn for at få vist filnavnet, eller vælg Beskrivelse, Bidragsyder, Titel og Copyright for at få vist den tekst, der skal hentes fra dialogboksen Filinfo.

(Tilgængelig for visse typer websteder) Angiv billedtekstens skrifttype og størrelse.

Indstillinger for farver på elementer i galleriet. Hvis du vil ændre farven på et element, skal du klikke på dets farveprøve og derefter vælge en ny farve i Adobe Farvevælger. Du kan ændre baggrundsfarven på hver side (indstillingen Baggrund) og for banneret (indstillingen Banner).

Viser tekst over hvert billede som værn mod tyveri.

Angiver den tekst, der skal vises. Vælg Brugerdefineret tekst for at angive en brugerdefineret tekst. Vælg Filnavn, Beskrivelse, Bidragsyder, Titel eller Copyright for at få vist tekst, der er trukket fra dialogboksen Filoplysninger.

Angiver skrifttype, farve og justering for billedteksten.

Placerer teksten på billedet med en vinkel.

Webfotogallerityper

Photoshop indeholder forskellige typer for dit webfotogalleri. Hvis du er en avanceret bruger, der kender HTML, kan du oprette en ny type eller tilpasse en type ved at redigere et sæt HTML-skabelonfiler.

Webfotogallerityperne i Photoshop er gemt i individuelle mapper på følgende placeringer:

Programmer/Adobe/Adobe Photoshop CS5/Faste indstillinger/Webfotogalleri.

Adobe Photoshop CS5/Faste indstillinger/Webfotogalleri.

Navnet på hver mappe på denne placering vises som en indstilling i menuen Typer i dialogboksen Webfotogalleri. Hver mappe indeholder følgende HTML-skabelonfiler, som Photoshop bruger til at generere galleriet:

Bestemmer layoutet på den billedtekst, der vises under hvert miniaturebillede på hjemmesiden.

Bestemmer layoutet af rammesættet til visning af sider.

Bestemmer layoutet af hjemmesiden.

Bestemmer layoutet af gallerisiderne med billeder i fuld størrelse.

Miniaturebillede.htm Bestemmer layoutet af de miniaturebilleder, der vises på hjemmesiden.

Hver skabelonfil indeholder HTML-kode og symboler. Et symbol er en tekststreng, som erstattes af Photoshop, når du angiver den tilsvarende indstilling i dialogboksen Webfotogalleri. En skabelonfil kan f.eks. indeholde følgende TITLE-element, der bruger et symbol for den indeholdte tekst:

<TITLE>%TITLE%</TITLE>

Når Photoshop genererer galleriet med denne skabelonfil, erstattes symbolet %TITLE% med den tekst, du skrev for Stednavn i dialogboksen Webfotogalleri.

Hvis du vil have et bedre overblik over en eksisterende type, kan du åbne og undersøge typens HTML-skabelonfiler med en HTML-redigeringsprogram. Eftersom det kun er nødvendigt med ASCII-standardtegn for at oprette HTML-dokumenter, kan du åbne, redigere og oprette disse dokumenter med en ren teksteditor, f.eks. Notesblok (Windows) eller TextEdit (macOS).

Om tilpasning af webfotogallerityper

Du kan tilpasse en eksisterende webfotogalleritype ved at redigere en eller flere af dens HTML-skabelonfiler. Når du tilpasser en type, skal du følge nedenstående retningslinjer, så Photoshop kan generere galleriet korrekt:

• Typemappen skal indeholde disse filer: Caption.htm, IndexPage.htm, SubPage.htm, Thumbnail.htm og FrameSet.htm.

• Du kan omdøbe typemappen, men ikke HTML-skabelonfilerne i mappen.

• Du kan have en tom Caption.htm-fil og placere den HTML-kode og de symboler, der bestemmer layoutet af billedteksten, i filen Thumbnail.htm.

• Du kan erstatte et symbol i en skabelonfil med den relevante tekst eller HTML-kode, så en indstilling angives via skabelonfilen i stedet for via dialogboksen Webfotogalleri. En skabelonfil kan f.eks. indeholde et BODY-element med følgende baggrundsfarveattribut, der bruger et symbol som sin værdi:

  bgcolor=%BGCOLOR%

  Hvis du vil indstille sidens baggrundsfarve til rød, kan du erstatte symbolet %BGCOLOR% med "FF0000".

• Du kan føje HTML-kode og symboler til skabelonfilerne. Alle symboler skal skrives med store bogstaver samt begynde og slutte med procenttegnet (%).

Tilpasse eller oprette en webfotogalleritype

Symboler for webfotogalleritype

Photoshop bruger symboler i HTML-skabelonfilerne til at definere en standardtype til webfotogallerier. Photoshop bruger disse symboler til at generere et galleri baseret på brugerinput i dialogboksen Webfotogalleri.

Når du tilpasser eller opretter en galleritype, kan du føje et symbol til en HTML-skabelonfil med undtagelse af %THUMBNAILS% og %THUMBNAILSROWS%, som kun kan vises i filen IndexPage.htm. Når du tilføjer et symbol, skal du være opmærksom på, at der muligvis også skal føjes HTML-kode til filen, så symbolet bruges korrekt.

Du kan bruge følgende symboler i HTML-skabelonfilerne:

Bestemmer farven på aktive hyperlinks.

Bestemmer navnet på en billedfil.

Giver mulighed for at vende tilbage til miniatureeksemplet af det billede, som brugeren får vist, i stedet for til starten af indekset. Handlingen udføres, når brugeren klikker på hyperlinket til startsiden.

Bestemmer farven på banneret.

Bestemmer skrifttypen til bannerteksten.

Bestemmer skriftstørrelsen til bannerteksten.

Bestemmer baggrundsfarven.

Bestemmer skrifttypen til billedteksten under hvert miniaturebillede på hjemmesiden.

Bestemmer skriftstørrelsen på billedteksten.

Indsætter dokumenttitlen for en billedtekst fra filoplysningerne.

Bestemmer det tegnsæt, der bruges på hver side.

Bestemmer kontaktoplysningerne for galleriet, f.eks. telefonnummer og placering.

Åbner "Adobe Photoshop CS5 webfotogalleri".

Indsætter copyrightoplysninger for en billedtekst fra filoplysningerne.

Indsætter kildeangivelserne for en billedtekst fra filoplysningerne.

Bestemmer hyperlinket til den aktuelle hjemmeside.

Ligger i SubPage.htm og peger på den første indeksside.

Bestemmer den dato, der vises på banneret.

Bestemmer oplysningerne om e-mail-adresse for galleriet.

Bestemmer billedfiloplysningerne til en billedtekst.

Bestemmer filnavnet på et billede. Brug denne til metadata, der vises som HTML-tekst.

Bestemmer URL-filnavnet på et billede. Brug kun denne til URL-filnavne.

Bestemmer hyperlinket til den første galleriside, der vises i højre ramme i et rammesæt.

Bestemmer hyperlinket til den hjemmeside, der vises i venstre ramme i et rammesæt.

Bestemmer titlen på galleriet.

Bestemmer rammestørrelsen på billedet i fuld størrelse på en galleriside.

Aktiverer afkrydsningsfeltet Føj bredde- og højdeattributter til billeder. Dette giver brugeren mulighed for at hente attributterne og reducere overførselstiden.

Dette symbol erstattes af et tal, der (kun) betegner billedets bredde.

Bestemmer hyperlinket til en galleriside.

Hvis afkrydsningsfeltet Skaler billeder er markeret, indeholder dette symbol billedpixelværdien, der bruges i panelet Store billeder. Hvis afkrydsningsfeltet ikke er markeret, indeholder symbolet en tom streng. Dette symbol er nyttigt til JavaScript i skabelonerne, fordi det kan vise de maksimale højde- og breddeværdier for alle billeder på det genererede websted.

Bestemmer URL'en til et billede i fuld størrelse på en galleriside.

Aktiverer afkrydsningsfeltet Føj bredde- og højdeattributter til billeder. Dette giver brugeren mulighed for at hente attributterne og reducere overførselstiden.

Dette symbol erstattes af et tal, der (kun) betegner billedets bredde.

Bestemmer farven på hyperlinks.

Bestemmer hyperlinket til den næste galleriside.

Angiver hyperlinket fra et stort eksempelbillede til næste store eksempelbillede.

Bestemmer hyperlinket til den næste hjemmeside.

Indsætter nummererede hyperlinks på undersider til alle store eksempelbilleder.

Bestemmer den aktuelle sideplacering (f.eks. side 1 af 3).

Bestemmer navnet på den person eller organisation, der er ophav til fotografierne i galleriet.

Bestemmer hyperlinket til den forrige galleriside.

Bestemmer hyperlinket til den forrige hjemmeside.

Bestemmer titlen på galleriet.

Bestemmer titlen på galleriet.

Bestemmer tekstens farven.

Bestemmer størrelsen af miniaturebilleders rammer.

Aktiverer afkrydsningsfeltet Føj bredde- og højdeattributter til billeder. Dette giver brugeren mulighed for at hente attributterne og reducere overførselstiden.

Dette symbol erstattes af et tal, der (kun) betegner miniaturebilledets højde.

Dette symbol erstattes med miniaturebilleder ved hjælp af filen Thumbnail.htm til rammetyperne. Du skal placere dette symbol alene i en enkelt linje uden linjeskift i HTML-filen.

Indeholder miniaturepixelværdien i panelet Miniaturer. Dette symbol er nyttigt til JavaScript i skabelonerne, da det kan vise de maksimale højde- og breddeværdier for alle miniaturebilleder på det genererede websted.

Bestemmer hyperlinket til et miniaturebillede.

Dette symbol erstattes med rækker af miniaturebilleder ved hjælp af filen Thumbnail.htm til ikke-rammetyperne. Du skal placere dette symbol alene i en enkelt linje uden linjeskift i HTML-filen.

Aktiverer afkrydsningsfeltet Føj bredde- og højdeattributter til billeder. Dette giver brugeren mulighed for at hente attributterne og reducere overførselstiden.

Dette symbol erstattes af et tal, der (kun) betegner miniaturebilledets bredde.

Bestemmer titlen på galleriet.

Bestemmer farven på besøgte hyperlinks.