En résumé:
Se connecter comme utilisateur Google aflclokoti.
Créer un album sur Google photos.
Créer un diaporama à partir de cet album sur Google slides.
Insérer le diaporama dans la page photos du site web.
Se connecter comme utilisateur Google aflclokoti
Créer un album sur Google photos
En haut à droite de la page gmail, l'icône en forme de pavé permet de passer à l'une des nombreuses applications Google. Nous l'utilisons pour lancer Google photos (et plus tard Google slides).
Créer un nouvel album et télécharger les photos de l'ordinateur vers Google photos.
Créer un diaporama à partir de cet album sur Google slides
Utiliser la page gmail pour lancer Google slides.
Démarrer un nouveau diaporama.
Cliquer sur Add-ons → Photo slideshow → Import from Google Photos Album
Sélectionner l'album et une fois le diaporama créé, vérifier toutes les photos.
En haut à gauche, mettre le titre de l'album.
Cliquer sur l'icône de sauvegarde vers Google Drive.
La dernnière opération consiste en l'obtention du code html qui sera copié-collé dans la page du site dédiée au diaporama:
File → Publish to the web
Cliquer sur Embed
cocher les deux cases sur le mode de fonctionnement du diaporama
copier-coller le code html
Insérer le diaporama dans la page photos du site web
Choisir un nom de fichier simple pour identifier le diaporama (pas d'espace, pas d'accents, pas de majuscules). Par exemple mission_novembre_2015. Choisir une des photos de l'album pour servir de vignette et modifier son nom afin que ce nom obéisse aux règles précédemment citées, par exemple enfant_de_lokoti.jpg. C'est une vignette de 100 pixels qui est affichée, il faut donc essayer d'éviter de télécharger une image qui occupe beaucoup d'espace disque.
Ici ce sont les deux noms qui ont été choisis pour illustrer la façon de procéder.
Se connecter au site web avec nom d'utilisateur et mot de passe.
-
cliquer sur: Modifier cette page
cliquer sur l'icône: Ajouter des images ou autres fichiers
cliquer sur Envoyer pour sélectionner l'image à télécharger
cliquer sur Annuler puisque l'on ne veut pas modifier cette page
Aller à la page photos à
http://lokoti.alwaysdata.net/photos et insérer en début de page (il faut deux espaces avant la lettre * à la première ligne):
* Mission novembre 2015
[[:albums:mission_novembre_2015|{{enfant_de_lokoti.jpg?100}}]]
Une fois la page photos modifiée, en cliquant sur l'image on est dirigé vers une page inexistante et qu'il faut créer.
cliquer sur: Créer cette page
copier entre des balises <html> et </html> le code copié/collé précédemment dans Google slides, ce qui va donner ici:
<html>
<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vQPozH-VCahm2kOEci2w5RZV2-gI11YyG-_D3L8ASvaJ0HwVrlyi2Cfyf9FEsuqbBoJm8sSbRqgMFPA/embed?start=true&loop=true&delayms=3000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</html>
une fois que cette page est enregistrée on peut voir désormais le diaporama
Voilà c'est fait. En cliquant sur enfant_de_lokoti.jpg dans la page photos, on va à la page albums:mission_novembre_2015 qui contient le code html qui active le diaporama.
