Création de galeries de photos Web (Photoshop)

Conception de pages Web > Création de galeries de photos Web (Photoshop)

Vous utilisez la commande Galerie Web Photo pour générer automatiquement une galerie de photos Web à partir d'une série d'images. Une galerie est un site Web formé d'une page d'accueil présentant des images miniatures et de pages de galerie contenant des images en taille réelle. Chaque page contient des liens permettant aux visiteurs de naviguer sur le site. Par exemple, lorsqu'un visiteur clique sur une image miniature sur la page d'accueil, une page de galerie contenant l'image correspondante en taille réelle est chargée.

Photoshop offre divers styles de galerie, que vous pouvez sélectionner à l'aide de la commande Galerie Web Photo. Si vous êtes un utilisateur chevronné connaissant bien HTML, vous pouvez aussi personnaliser un style en éditant une série de fichiers modèles HTML ou créer un nouveau style.

Pour créer une galerie de photos Web :

1 Choisissez Fichier > Automatisation > Galerie Web Photo.

2 Dans la zone Fichiers, cliquez sur Source. Sélectionnez ensuite le dossier contenant les images devant figurer dans la galerie, puis cliquez sur OK. Sélectionnez Inclure les sous-répertoires pour inclure les images contenues dans les éventuels sous-dossiers du dossier sélectionné.

3 Cliquez sur Destination. Sélectionnez ensuite le dossier de destination devant contenir les images et les pages HTML de la galerie, puis cliquez sur OK.

4 Dans le menu déroulant Styles, choisissez le style de la galerie. Un aperçu de la page d'accueil dans le style choisi apparaît dans la boîte de dialogue.

5 Pour définir les options de la bannière qui figure sur chaque page de la galerie, choisissez Bannière dans le menu déroulant Options. Procédez ensuite comme suit :

Dans le champ Nom du site, entrez le titre de la galerie.

Dans le champ Photographe, entrez le nom de la personne ou de l'organisation qui a réalisé les photos de la galerie.

Dans le champ Date, entrez la date devant apparaître sur chaque page de la galerie. Par défaut, Photoshop utilise la date du jour.

Dans les menus déroulants Police et Corps, choisissez les options du texte de la bannière.

6 Pour définir les options des pages de la galerie, choisissez Images galerie dans le menu déroulant Options. Procédez ensuite comme suit :

Dans la zone Taille du cadre, entrez la largeur en pixels du cadre entourant l'image.

Pour que Photoshop redimensionne les images source avant de les placer dans les pages de la galerie, sélectionnez Redimensionner les images. Choisissez ensuite une option de taille d'image dans le menu déroulant ou entrez une taille en pixels. Sous Qualité JPEG, choisissez une option dans le menu déroulant, entrez une valeur entre 0 et 12 ou faites glisser le curseur. Une valeur supérieure donne une meilleure qualité d'image mais une taille de fichier plus élevée.

7 Pour définir les options de la page d'accueil, choisissez Vignettes galerie dans le menu déroulant Options. Procédez ensuite comme suit :

Dans la section Légende, sélectionnez Nom du fichier pour afficher le nom du fichier sous chaque vignette.

Sélectionnez Informations sur le fichier pour afficher le texte de la légende issu de la boîte de dialogue Informations sous chaque vignette et dans chaque page de la galerie. Pour de plus amples informations, voir la section Ajout d'un titre et d'informations de copyright dans un fichier HTML.

Dans les menus déroulants Police et Corps, choisissez les options du texte de la vignette.

Dans le menu déroulant Taille, choisissez une option de taille de vignette dans le menu déroulant ou entrez la valeur en pixels de la largeur de chaque vignette.

Dans les zones Colonnes et Rangées, entrez le nombre de colonnes et de rangées à utiliser pour afficher les vignettes sur la page d'accueil. Cette option ne s'applique pas aux galeries qui utilisent le style Image horizontale ou Image verticale.

Dans la zone Taille du cadre, entrez la largeur en pixels du cadre entourant chaque vignette.

8 Pour définir les options de couleur des éléments de la galerie, choisissez Couleurs personnalisées dans le menu déroulant Options. Pour changer la couleur d'un élément particulier, cliquez sur sa case de nuance, puis sélectionnez une nouvelle couleur à l'aide du Sélecteur de couleurs. L'option Fond permet de modifier la couleur de fond de chaque page. L'option Bannière permet de changer la couleur de fond de la bannière.

9 Cliquez sur OK pour créer la galerie.

Photoshop place les fichiers HTML et JPEG suivants dans votre dossier de destination :

La page d'accueil de la galerie, appelée index.htm. Ouvrez ce fichier dans un navigateur Web quelconque pour prévisualiser votre galerie.

Les images JPEG dans un sous-dossier images.

Les pages HTML dans un sous-dossier pages.

Les vignettes JPEG dans un sous-dossier vignettes.

Conception de pages Web > Création de galeries de photos Web (Photoshop)