Insérer un diaporama

Mise à jour du site web www.lycee-errecart.com
AJOUTER UN DIAPORAMA
Où est la page Cadre de vie ?
Sur le site, cette page est accessible par le lien : Toutes nos rubriques puis Cadre de vie – photos…
Elle s’appelle cadredevie.html
Créer un nouveau diaporama ?
Modifier un diaporama, procéder de même en créant un nouveau.
Avant de commencer, toutes les photos doivent être préalablement taillées et enregistrées dans un
dossier dédié.
Toutes les photos sont au bon format (vertical, horizontal) et immédiatement disponibles. Toutefois,
inutile de les « compresser », Jalbum sait le faire tout seul.
Ceci étant fait, ouvrir Jalbum. Cliquer sur
Ajouter des photos
Sélectionner toutes les photos que l’on
souhaite pour cet album. Exclusivement des
photos, pas de texte ni de pdf.
Cliquer sur « Ajouter »
Donner un nom à l’album photo, la description
de l’album est inutile. Puis OK.
A ce stade, il est encore temps de supprimer
des photos ou de reprendre l’ajout de photos.
Quand toutes les photos sont insérées, cliquer
Créer l’album et attendre, ça peut prendre
quelques secondes selon le nombre de photos.
Tutoriel de maintenance insérer un diaporama www.lycee-errecart.com
1
Saint Palais – janvier 2011
Quand l’album est prêt, on arrive à cette fenêtre qui signifie que tout c’est bien passé.
On peut alors Pré-visualiser l’album si on veut, pour être sûr !
C’est terminé, on peut fermer Jalbum, mais attention, il faut savoir où est enregistré cet album.
Si on ne sait pas, cliquer sur l’album puis Album information. Le chemin est là
Transférer l’album réalisé sur le site distant :
Il s’agit de recopier l’album créé localement sur le serveur distant.
Ouvrir WinSCP, cliquer sur le site puis « connecter ». La fenêtre vous présente à gauche, votre
ordinateur local et, à droite, le site distant.
Rechercher le nouvel album dans le dossier du site, cliquer et faire glisser vers la droite la totalité du
dossier de manière à le placer au même niveau, à coté des autres albums.
Ça y est, l’album est en ligne, mais on ne peut pas encore le visionner car il manque le lien pour
activer ce nouvel album.
Tutoriel de maintenance insérer un diaporama www.lycee-errecart.com
2
Saint Palais – janvier 2011
Modifier la page cadredevie.html :
C’est grâce à cette page que l’on pourra « cliquer » le nouveau diaporama.
En local, donc sur l’ordinateur, aller dans le dossier du site et faire un clic droit sur le fichier
cadredevie.html, puis Ouvrir avec, Nvu
On arrive sur cette fenêtre :
On va maintenant rajouter un lien externe pour
accéder au nouveau diaporama.
Supposons que le nouveau diaporama soit dans
le dossier « visite_salon2011 »
1 - rajouter au besoin deux lignes dans le
tableau
2 - Dans une case, ajouter une photo qui
guidera le lien.
3 – dans la case en dessous écrire :
Visite salon agriculture 2011 (par exemple)
E
Tutoriel de maintenance insérer un diaporama www.lycee-errecart.com
3
Saint Palais – janvier 2011
Créer les liens :
Nous allons créer un lien externe.
Dans la page ouverte sur Nvu sélectionner le texte lien (ou la photo), puis lien :
Saisir le chemin du diaporama :
Ex : visite_salon2011/album/index.html
(Attention, respect du nom exact !)
Ne pas cocher : le lien doit s’ouvrir
Puis OK
Refaire le même lien sur la photo !
Pensez à enregistrer !
Tutoriel de maintenance insérer un diaporama www.lycee-errecart.com
4
Saint Palais – janvier 2011
Transférer sur le site distant cette page modifiée localement :
Une fois la page cadredevie.html modifiée et validée localement, il faut la transférer.
Ouvrir WinSCP, cliquer sur le site puis « connecter ».
Dans ce cas c’est la page cadredevie.html : Déplacer de la gauche vers la droite le fichier
cadredevie.html
Vérifier en ligne les modifications :
Avec Mozilla FireFox
Penser à « actualiser » pour rafraîchir les pages déjà « en cache » dans l’ordinateur.
Vous pouvez fermer Jalbum, Nvu, WinSCP et Mozilla Firefox.
Tutoriel de maintenance insérer un diaporama www.lycee-errecart.com
5
Saint Palais – janvier 2011