Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Club e tourisme n°1 - tutoriel - réaliser un diaporama avec flickr

3,742 views

Published on

Tutoriel sur la création de diaporama avec des photos stockées sur FlickR, et son intégration sur un site web ou un blog.

Published in: Self Improvement
  • Be the first to comment

Club e tourisme n°1 - tutoriel - réaliser un diaporama avec flickr

  1. 1. Le SAV du club<br />Affaires courantes<br />Le thème du Club : photo et web<br />Créer un diaporama FlickR et l'intégrer dans un blog<br />TUTORIEL N°1<br />© Nicolas Monseigne<br />
  2. 2. Le SAV du club<br />J'ai une belle galerie photo. Super !<br />Et maintenant ?<br />Affaires courantes<br />Le thème du Club : photo et web<br />Exemple : l'utilisation de flickR comme "base de données photo"<br />Je choisis les photos taggées "vignoble-site-utm2009" pour les faire apparaître dans un diaporama, que j'implante sur le blog destination-vignobles-en-medoc.blogspot.com.<br />Avec un tag aussi "bizarre", je suis certain de ne faire ressortir que mes photos ;-). Pas de soucis de droits comme ça !<br />En choisissant ce tag, je ne prends que quelques photos parmi toutes celles qui sont stockées dans flickR.<br />Si j'utilise le tag "site-utm2009", que j'ai ajouté à toutes mes photos, j'aurai donc un diaporama reprenant toutes mes photos !<br />TUTORIEL N°1<br />© Nicolas Monseigne<br />
  3. 3. Le SAV du club<br />Créer un diaporama pour l'intégrer dans un blog La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />1- on a stocké ses photos sous flickR, et elles sont bien taguées ;-)<br />2- on se rend dans sa galerie (menu "Vous">"votre galerie"<br />3- puis on clique sur "Tags"<br />TUTORIEL N°1<br />© Nicolas Monseigne<br />
  4. 4. Le SAV du club<br />Créer un diaporama pour l'intégrer dans un blog La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />4- un "nuage de tags" apparaît. Cliquer sur le tag qui nous intéresse. Par exemple "vignoblesiteutm2009". Les photos ainsi taggées apparaissent.<br />5- cliquer sur "diaporama"<br />TUTORIEL N°1<br />© Nicolas Monseigne<br />
  5. 5. Le SAV du club<br />Créer un diaporama pour l'intégrer dans un blog La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />6- Le diaporama se lance. Ce qui nous intéresse, c'est pouvoir intégrer ce diaporama dans notre blog. On clique donc sur "Partager". Si vous ne le voyez pas bougez la souris ;-)<br />TUTORIEL N°1<br />© Nicolas Monseigne<br />
  6. 6. Le SAV du club<br />Créer un diaporama pour l'intégrer dans un blog La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />7- Un menu apparait. Vous pouvez bien sûr juste récupérer le lien internet, mais intégrer le diaporama directement dans votre site sera plus sympa ! Il faut donc prendre le code HTML, que vous pouvez personnaliser. C'est donc là que l'on va cliquer !<br />TUTORIEL N°1<br />© Nicolas Monseigne<br />
  7. 7. Le SAV du club<br />Créer un diaporama pour l'intégrer dans un blog La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />7- Configurez la taille de votre diaporama en fonction de la place dont vous disposez sur votre site web (si vous ne la connaissez pas, faites des essais !). <br />Ces réglages faits, copiez le code HTML (sélectionnez tout le texte, puis pressez les touches "ctrl" et "C" en même temps)<br />TUTORIEL N°1<br />© Nicolas Monseigne<br />
  8. 8. Le SAV du club<br />Créer un diaporama pour l'intégrer dans un blog La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />7- RDV sur votre blog, connectez-vous en tant qu'administrateur. Puis rendez-vous dans le menu qui vous permettra d'ajouter une rubrique. Exemple sous Blogger :<br />TUTORIEL N°1<br />© Nicolas Monseigne<br />
  9. 9. Le SAV du club<br />Créer un diaporama pour l'intégrer dans un blog La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />8- Ajoutez un gadget HTML/Javascript<br />9- Collez votre code HTML (touche "Ctrl" et "V" appuyées en même temps). Profitez-en pour nommer votre diaporama… ou pas !<br />10- Admirez le résultat !<br />TUTORIEL<br />© Nicolas Monseigne<br />
  10. 10. Le SAV du club<br />Affaires courantes<br />Le thème du Club : photo et web<br />TUTORIEL<br />Fin du tutoriel<br />© Nicolas Monseigne<br />

×