Je sais utiliser. Création d une galerie photo pour un site Web. Picasa crée les documents. HTML pour insérer une galerie de photos dans un site web

Transcription

1 Je sais utiliser Création d une galerie photo pour un site Web Picasa crée les documents HTML pour insérer une galerie de photos dans un site web Club Informatique Éducatif Laurentin 1

2 Picasa offre une fonction automatique de création des documents HTML (site web) pour la réalisation d une galerie des photos contenues dans un dossier (ou dans un album) Le résultat obtenu est un dossier dont les éléments sont à intégrer dans le site web : Page de vignettes Pages individuelles des photos Avantages : les photos et les vignettes sont formatées automatiquement en une seule opération. Une mise en page simple qui demande à être améliorée est proposée aux débutants 2

3 La démarche à suivre sera : 1. Création du dossier (sur le PC) ou d un album (dans Picasa) regroupant les photos, 2. Finalisation des photos (classement, retouche, cadrage, orientation, yeux rouges, etc.), placée dans le menu Dossier (ou menu Album) 4. Visualisation du résultat Affichage par le navigateur 5. Exploitation du dossier créé avec l explorateur de fichier 3

4 1. Création du dossier (sur le PC) ou d un album (dans Picasa) regroupant les photos, 1 er cas Les photos sont groupées dans un dossier créé ou à créer sur le PC Le dossier apparaît dans l arborescence de Picasa 4

5 1. Création du dossier (sur le PC) ou d un album (dans Picasa) regroupant les photos, 2 ème cas : il est plus judicieux de constituer un nouvel album dans Picasa rassemblant les photos sélectionnées pour constituer la galerie L album apparaîtra dans la collection «albums» de Picasa (rappel : cet album est virtuel et n apparaît que dans Picasa) L ensemble de la sélection est placé dans un nouvel album Création d un nouvel album 5

6 2. Finalisation des photos (classement, retouche, cadrage, orientation, yeux rouges, etc.) C est sur ce nouvel album que seront réalisées avec Picasa tous les traitements d amélioration des photos avant la création de la galerie - Classement modifier l ordre des photos par glisser-déplacer 6

7 2. Finalisation des photos (classement, retouche, cadrage, orientation, yeux rouges, etc.) Les fonctions de retouche des photos disponibles dans Picasa sont faciles à utiliser et conviviales - J ai de la chance (traitement groupé possible) - Contraste - Eclairage d appoint - Recadrage - Orientation - Yeux rouges

8 Selon la forme du stockage des photos La commande se trouve dans le menu Dossier ou dans le menu Album 8

9 La fenêtre qui s affiche propose différentes configurations pour la galerie à créer Taille des images exportées Format des vidéos Titre de la page web Emplacement des documents créés Choix du modèle de galerie Après le choix des options, la création est lancée avec le bouton «Exporter» 9

10 Taille des images exportées 5 dimensions possibles Selon l espace web attribué à la galerie 10

11 Format des vidéos à définir en fonction de l espace web disponible 11

12 Titre de la page web Ce titre sera affiché en haut de la page web consacrée à la galerie de photo 12

13 Emplacement des documents HTML créés Le dossier créé sera placé dans un emplacement du PC choisi par l utilisateur On y trouvera tout ce qui devra être transféré chez l hébergeur du site pour activer la galerie sur le site web 13

14 Modèle de Galerie de Photos 7 formules sont disponibles : 6 modèles de galerie Sortie de pages de code XML 14

15 Modèle 1 2 formes de pages - catalogue de vignettes - une page par photo consultée fond gris 15

16 Modèle 2 2 formes de pages - catalogue de vignettes - une page par photo consultée fond noir 16

17 Modèle 3 2 formes de pages - catalogue de vignettes - une page par photo consultée fond blanc 17

18 Modèle 4 1 forme de page contenant - une pellicule de vignettes - une photo consultée fond gris 18

19 Modèle 5 1 forme de page contenant - une pellicule de vignettes - une photo consultée fond noir 19

20 Modèle 6 1 forme de page contenant - une pellicule de vignettes - une photo consultée fond blanc 20

21 Modèle 7 Édition des codes XMS Pour accéder à la programmation de la galerie Le dossier créé fournit les photos et les vignettes formatées 21

22 4. Visualisation du résultat Affichage par le navigateur 5. Exploitation du dossier créé avec l explorateur de fichier Les objets ainsi mis à disposition sont modifiables en fonction de l expérience du webmaster Le travail réalisé permet de gagner du temps et il ne s oppose pas à une amélioration du projet FIN 22