Centre de formation Snagit

Didactiel Snagit 9 :

Création d’une page Web pour la Galerie des images

Utilisez la fonction Créer une page Web pour créer une planche de vignettes HTML qui accède à des images entières. C’est une méthode rapide et simple pour que tout le monde puisse afficher ses photographies numériques, captures d’écran, illustrations et autres graphiques.

Il existe plusieurs options pour la publication d’une Galerie Internet des images. Le site principal www.HTMLGoodies.com est un bon endroit pour trouver de l’aide. En outre, voici un lien vers un article informatif intituléWhere do I put my Website?

Il existe sept types ou thèmes différents de pages Web au choix. Chaque thème est entièrement personnalisable et vous permet de modifier l’arrière-plan, les couleurs de police, la taille des vignettes, les effets de transition et davantage encore.

Le processus de création de la Galerie Internet utilise l’assistant de création de page Web.

Ouverture de l’assistant de création de page Web

Pour ouvrir l’assistant de Galerie Internet :

Dans l’Éditeur > Afficher la Bibliothèque > Cliquez sur la vignette avec le bouton droit de la souris > Créer une page Web.
L’écran assistant de création de page Web s’affiche. Suivez les instructions sur chacune des boîtes de dialogue.

Présentation des Thèmes et options et de la page Web

Les éléments suivants constituent une présentation des différents thèmes, un aperçu en vignette de la page terminée et une description des fonctions que chaque thème comporte. Chacun de ces exemples utilise les mêmes images, seul le thème a changé.

Thème	Aperçu de la page Web	Conception et personnalisations
Nuances rafraîchissantes		Conception : Défilement vertical. Vignette de chaque image avec nom et taille du fichier. Cliquez sur un lien pour voir l’image en taille réelle dans une fenêtre de navigateur distincte. Sytème de numérotation des pages liées pour un accès à la page suivante d’images : Exemple : Accéder à la page 1, 2, 3. Personnaliser : Ombré, couleur d’arrière-plan pour chaque image. Couleur ou texture de l’arrière-plan pour la page principle. Taille et nombre de vignettes par page. Couleurs de police. Couleurs des liens.
Double-vue		Conception : Affichage de deux vignettes côte-à-côte dans un cadre horizontal au sommet de la page. Cliquez sur une vignette pour voir l’image en taille réelle dans une fenêtre de navigateur distincte. Utilisez le bouton Précédent du navigateur pour revenir à la page Galerie. Précédent et Suivant établissent un lien pour le système en vue d’un accès à la page suivante ou précédente des images : Exemple : Préc. ou Suiv. Personnaliser : Ajoutez une transition qui est diffusée lorsque la galerie est ouverte ou lorsque vous revenez à la galerie après l’affichage d’une image dans une fenêtre de navigateur distincte. Internet Explorer est obligatoire pour les transitions. Couleur d’arrière-plan derrière l’affichage de l’image. Couleur ou texture d’arrière-plan pour la page principle. Taille des vignettes. Couleurs de police.
Liste		Conception : Défilement vertical. Une vignette de chaque image avec nom et taille du fichier. Cliquez sur une vignette pour voir l’image en taille réelle dans une fenêtre de navigateur distincte. Utilisez le bouton Précédent du navigateur pour revenir à la page Galerie. Précédent et Suivant établissent un lien pour le système en vue d’un accès à la page suivante ou précédente des images : Exemple : Préc. ou Suiv. Personnaliser : Ajoutez une transition qui est diffusée lorsque la galerie est ouverte ou lorsque vous revenez à la galerie après l’affichage d’une image dans une fenêtre de navigateur distincte. Internet Explorer est obligatoire pour les transitions. Taille et nombre de vignettes par page. Couleur ou texture d’arrière-plan pour la table des vignettes. Couleur ou texture d’arrière-plan pour la page principle. Couleurs de police. Couleurs des liens.
Navigateur		Conception : Affichage des vignettes côte-à-côte dans une visionneuse horizontale au sommet de la page. Cliquez sur une vignette pour voir l’image en taille réelle sous la visionneuse. Système de lien fléché pour accéder aux pages suivantes ou précédentes des images : Exemple: >> ou <<. Personnaliser : Taille et nombre de vignettes par page. Couleur ou texture d’arrière-plan pour la visionneuse des vignettes. Couleur ou texture d’arrière-plan pour la page principle. Couleurs de police. Couleurs des liens.
Diaporama		Conception : Diaporama automatique de toutes les images de la galerie. Personnaliser : Ajoutez une transition qui est diffusée lorsque la galerie est ouverte ou lorsque vous revenez à la galerie après l’affichage d’une image dans une fenêtre de navigateur distincte. Internet Explorer est obligatoire pour les transitions. Largeur et hauteur du cadre. Durée des pauses entre chaque image. Couleur ou texture d’arrière-plan pour la page principle.
Stripes		Conception : Affichage d’images de vignettes côte-à-côte dans un cadre horizontal avec ou sans rangées colorées. Cliquez sur une vignette pour voir l’image en taille réelle dans une fenêtre de navigateur distincte. Utilisez le bouton Précédent du navigateur pour revenir à la page Galerie. Précédent et Suivant établissent un lien pour le système en vue d’un accès à la page suivante ou précédente des images : Exemple : Préc. ou Suiv. Personnaliser : Taille des vignettes. Nombre de vignettes par rangée. Nombre de rangées. Couleur d’arrière-plan pour une rangée sur deux. Couleur de la bordure autour de chaque vignette. Ajoutez une transition qui est diffusée lorsque la galerie est ouverte ou lorsque vous revenez à la galerie après l’affichage d’une image dans une fenêtre de navigateur distincte. Internet Explorer est obligatoire pour les transitions.
Bandes		Conception : Affichage d’images de vignettes côte-à-côte dans un cadre horizontal. Cliquez sur une vignette pour voir l’image en taille réelle dans une fenêtre de navigateur distincte. Utilisez le bouton Précédent du navigateur pour revenir à la page Galerie. Précédent et Suivant établissent un lien pour le système en vue d’un accès à la page suivante ou précédente des images : Exemple : Préc. ou Suiv. Personnaliser : Taille des vignettes. Nombre de vignettes par rangée. Nombre de rangées et de colonnes. Couleur de la bordure autour de chaque vignette. Couleur d’arrière-plan pour le cadre de la vignette. Couleur ou texture d’arrière-plan pour la page principle. Couleurs de police. Couleurs des liens.