Traductions de cette page:

Comment insérer un album sur le site web

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

  • Utiliser l'icône en haut à droite pour changer de compte et devenir l'utilisateur 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:
    1. File → Publish to the web
    2. Cliquer sur Embed
    3. cocher les deux cases sur le mode de fonctionnement du diaporama
    4. 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.
  • Aller à la page accueil à http://lokoti.alwaysdata.net pour télécharger la photo de l'album choisie pour servir de vignette:
    1. cliquer sur: Modifier cette page
    2. cliquer sur l'icône: Ajouter des images ou autres fichiers
    3. cliquer sur Envoyer pour sélectionner l'image à télécharger
    4. 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.
    1. cliquer sur: Créer cette page
    2. 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> 
    3. 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.

wiki/picasa.txt · Dernière modification: d/m/Y H:i par xdegaye
CC Attribution-Noncommercial-Share Alike 4.0 International
Driven by DokuWiki Recent changes RSS feed