Le SAV du club<br />Affaires courantes<br />Le thème du Club : photo et web<br />Créer un mur d'image avec Cooliris pour l...
Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club :...
Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club :...
Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club :...
Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club :...
Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club :...
Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club :...
Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club :...
Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club :...
Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club :...
Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club :...
Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club :...
Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club :...
Prochain SlideShare
Chargement dans…5
×

Club e tourisme n°1 - tutoriel - réaliser un mur d'images avec cooliris

4 063 vues

Publié le

Tutoriel sur la création d'un mur d'images avec Cooliris, qui reprennent les images que l'on a stockées sur FlickR.

Publié dans : Développement personnel
0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
4 063
Sur SlideShare
0
Issues des intégrations
0
Intégrations
700
Actions
Partages
0
Téléchargements
7
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Club e tourisme n°1 - tutoriel - réaliser un mur d'images avec cooliris

  1. 1. Le SAV du club<br />Affaires courantes<br />Le thème du Club : photo et web<br />Créer un mur d'image avec Cooliris pour l'intégrer sur mon site web<br />TUTORIEL N°2<br />© Nicolas Monseigne<br />
  2. 2. Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />Le résultat obtenu au final : une navigation avec effet 3D, paramétrable (l'effet est ici un peu réduit, vu que l'espace dédié au mur d'image est contraint à gauche et à droite…<br />TUTORIEL N°2<br />© Nicolas Monseigne<br />
  3. 3. Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />1- RDV sur : http://www.cooliris.com/express/<br />2- Cliquer sur "Createyourown 3D Wall"<br />TUTORIEL N°2<br />© Nicolas Monseigne<br />
  4. 4. Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />3- Cliquez sur FlickR, puis "with certains tags", puis écrivez votre tag<br />TUTORIEL N°2<br />© Nicolas Monseigne<br />
  5. 5. Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />3- Ceci fait, cliquez sur "Next"<br />TUTORIEL N°2<br />© Nicolas Monseigne<br />
  6. 6. Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />4- Sur la page suivante, vous pouvez régler le nombre de lignes de photos, la couleur de fond, et les boutons de bas de pages.<br />Ceci fait, cliquez sur "Next"<br />TUTORIEL N°2<br />© Nicolas Monseigne<br />
  7. 7. Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />4- Si vous trouvez la plateforme sur laquelle vous souhaitez publier votre mur d'image dans la liste en haut, cliquez sur l'icône et laissez-vous guider…<br />TUTORIEL N°2<br />© Nicolas Monseigne<br />
  8. 8. Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />4- …Sinon, copiez le code HTML qui apparaît dans la zone de texte en-dessous<br />TUTORIEL N°2<br />© Nicolas Monseigne<br />
  9. 9. Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />5- Il vous suffit maintenant d'intégrer ce code dans votre éditeur de page web…<br />Comme pour le tutoriel n°1, il faut intégrer du code HMTL (exemple ici sur un site jimdo)<br />TUTORIEL N°2<br />© Nicolas Monseigne<br />
  10. 10. Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />Et voila le résultat !<br />TUTORIEL N°2<br />© Nicolas Monseigne<br />
  11. 11. Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />Pour modifier les dimensions du diaporama, changez les variables "width" et "height", en mettant les bonnes dimensions !<br />Bien sûr, vous mettez les mêmes nombres en haut et en bas !<br />TUTORIEL N°2<br />© Nicolas Monseigne<br />
  12. 12. Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />A noter une fonction intéressante, celle de la recherche, qui permet de faire ressortir les photos suivant des mots clés.<br />Mots clés qui ne sont autres que… Des tags bien sûr ;-)<br />Recherche sur le mot clé "océan".<br />Les photos n'ayant pas ce mot clé sont grisées<br />TUTORIEL N°2<br />© Nicolas Monseigne<br />
  13. 13. Le SAV du club<br />Créer un mur d'images avec Cooliris<br />La procédure…<br />Affaires courantes<br />Le thème du Club : photo et web<br />TUTORIEL N°2<br />Fin du tutoriel<br />© Nicolas Monseigne<br />

×