XnView pour faire une page Web Diaporama

L'exemple pris va conduire à construire un CD autodémarrable permettant d'afficher une page Web contenant un tableau de vignettes photos : un clic sur une photo permettra d'afficher la photo en pleine résolution.

Dans la suite,
- le texte en bleu comme ceci représente un lien internet pour accéder à des ressources. Cliquer dessus pour le réaliser.
- le texte sur un fond gris comme ceci représente un fichier ou un dossier du disque dur.

Préparer le dossier représentant le CD

Avant de graver le CD il faut en préparer l'image sur disque dur.
Il faut donc prévoir un dossier qui contiendra tout ce qui figurera sur le CD.
Par exemple un dossier, à créer le cas échéant, comme :
c:\mes documents\prepCD\mondia

Dans ce dossier, placez les fichiers autorun.exe et autorun.inf
que vous aurez récupérer en décompressant le fichier autorun.zip (11 ko !)

Ces fichiers vont rendre le futur CDRom autodémarrable :

• Le fichier autorun.inf indique à Windows quoi faire quand il a détecté le CD : ouvrir le fichier autorun.exe.
• Le fichier autorun.exe ouvrira la page Web et ses vignettes : c'est XnView qui va nous créer la page Web et l'organisation associée (vignettes et originaux)

Installer XnView

XnView est un logiciel de visualisation et de réglage d'images numérisées (photos, scans, ...)
1er avantage : il est gratuit !
Autres avatnages :
il permet de lire quasiment tous les formats de fichiers existants et de régler certains paramètres de leurs rendus. En plus d'un système de diaporam interne, il pemet aussi de convertir d'un format à un autre, de créer des plances contacts ou des pages web de visualisation.
C'est cette dernière possibilité qui nous intéresse car elle automatise le travail à réaliser.

Récupérer l'installateur de la dernière version sur www.xnview.com ou directement sur la page de téléchargement en français.

L'installer comme tout programme Windows...

Préparer XnView

Lancer XnView.

Appuyer sur le 1er bouton de la barre d'outils ou menu Fichier, Parcourir ...

Une arborescence permet de localiser le dossier où se trouvent vos images.
N'hésitez pas à utiliser le menu Affichage pour régler le bureau XnView:

• afficher en (vignettes)
• disposition (2nde)
• taille vignette (64x64)
• Aperçu (adapter à la fenêtre)

Si tel est le cas, l'arborescence sera à droite en haut,
les vignettes (aperçu miniatures) à droite en bas,
et l'aperçu (quand on clique sur une vignette) à gauche.

Sélectionner les photos

Si vous ne voulez pas prendre de risque ou simplement effectuer une sélection de photo,
créez en parallèle un dossier via le Poste de Travail :
par exemple c:\mes documents\mes images\selection\

et le laisser ouvert pour y placer les copies des photos que vous aurez sélectionnées.

2 procédés sont alors possible :

• soit vous faites une copie intégrales de vos photos dans ce dossier puis vous éliminerez les photos inutiles
  
• soit vous faîtes une sélection de vos photos en les copiant une par une (ou par paquets) dans le dossier

Je conseille la première méthode : gourmande en place disque au départ, elle permet de ne pas travailler sur les vrais originaux et évite ainsi les accidents (effacement, renommage, conversion erronée accidentelle ...)

Pour copier les photos dans le dossier de travail :

1. sélectionner toutes les photos du dossier (si plusieurs dossiers contiennent des originaux, répéter l'opération) à la souris ou par la combinaison Ctrl+A
2. à la souris, glisser-lâcher cette sélection sur la fenêtre du Poste de travail restée ouverte sur c:\mes documents\mes images\selection (pris comme exemple) SANS OUBLIER de maintenir les touches CTRL et SHIFT enfoncées !!!! afin que les images soient copiées et non déplacées (ie les originaux sont dans le dossier de départ et Windows en fait une copie dans le dossier d'arrivée)

Pour trier les photos du dossier de travail :

1. dans XnView, retrouvez grâce à l'arborescence le dossier c:\mes documents\mes images\selection
2. grâce aux vignettes, localisez les images à élinimer
3. cliquer dessus pour en avoir l'aperçu réel
4. appuyer sur la touche Suppr (ou Del) pour la mettre à la corbeille ou sur la combinaison Shift+Suppr (ou Del) pour l'effacer définitivement du disque dur.

Préparer la page Web

Vous voyez donc maintenant le dossier contenant la copie des images que vous voulez mettre sur le CD.
XnView va alors réaliser leur présentation sous forme d'une page Web !

1. Sélectionner toutes les images.
2. Menu Outils, Page Web...
3. Un dialogue permet alors de régler la page à créer.

• Titre :
  le titre qui sera affiché dans la page
• Table :
  les icônes (vignettes) seront présentées en tableau
  régler les nombres de lignes et de colonnes en fonction de :
  - la taille des icônes (vignettes) qui sera réglée à côté
  - le nombre d'icônes : nombre de colonne x nombre de ligne doit être supérieur ou égale au nombre de photos !
  
• Taille icônes (les vignettes d'aperçu):
  - Largeur 103, Hauteur 77
  (pour des images au format 4/3 : 640x480, 800x600, 1024x768 ...) donne de petites vignettes représentatives
  - Format :
  cochez JPEG, Progressif
  Qualité : 50 suffit (image dégradée à 50 %)
• Information affichée :
  vous pouvez tout décocher
• Trier par :
  nom de fichier ou autre
• Destination :
  - Répertoire : le dossier image du CD donc c:\mes documents\prepCD\mondia
  - cochez Copier les images sources dans le répertoire destination
  - cochez Lancer le navigateur Web une fois terminé

L'appui sur Créer va lancer une procédure qui:

• copie les originaux dans un dossier original de c:\mes documents\prepCD\mondia
• converti une copie de chaque image en plus petit pour faire les vignettes (icônes) dans un dossier thumb
• créé un fichier page.html pour présenter le tout.
• affiche cette page Web dans le navigateur.

Si l'aperçu dans le navigateur ne vous convient pas, il suffit de reprendre tout cette étape à partie de 1.
Si vous souhaitez éliminer ou ajouter des images je vous conseil d'effacer les dossier orignal et thumb créés dans c:\mes documents\prepCD\mondia.

Finaliser et Graver

Reste enfin un détail à régler :
renommer le fichier page.html créé par XnView en index.htm (ie changer le nom page et virer le l final dans l'extension).

Cela se fait dans le Poste de Travail toujours ouvert sur c:\mes documents\prepCD\mondia

Vous pouvez alors tester le rendu en cliquant (double) sur autorunexe ou sur index.htm dans ce même dossier !

Pour graver, il suffit alors d'utiliser votre logiciel favori et de placer à la racine du CD le contenu du dossier c:\mes documents\prepCD\mondia

- autorun.inf
- autorun.exe
- index.htm
- /original (dossier)
- /thumb (dossier)

Et voilà.
Long la 1ère fois mais après c'est toujours pareil !

N'hésitez pas à m'écrire pour plus d'infos !