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

1. Le SAV du club Affaires courantes Le thème du Club : photo et web Créer un mur d'image avec Cooliris pour l'intégrer sur mon site web TUTORIEL N°2 © Nicolas Monseigne

2. Le SAV du club Créer un mur d'images avec Cooliris La procédure… Affaires courantes Le thème du Club : photo et web 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… TUTORIEL N°2 © Nicolas Monseigne

3. Le SAV du club Créer un mur d'images avec Cooliris La procédure… Affaires courantes Le thème du Club : photo et web 1- RDV sur : http://www.cooliris.com/express/ 2- Cliquer sur "Createyourown 3D Wall" TUTORIEL N°2 © Nicolas Monseigne

4. Le SAV du club Créer un mur d'images avec Cooliris La procédure… Affaires courantes Le thème du Club : photo et web 3- Cliquez sur FlickR, puis "with certains tags", puis écrivez votre tag TUTORIEL N°2 © Nicolas Monseigne

5. Le SAV du club Créer un mur d'images avec Cooliris La procédure… Affaires courantes Le thème du Club : photo et web 3- Ceci fait, cliquez sur "Next" TUTORIEL N°2 © Nicolas Monseigne

6. Le SAV du club Créer un mur d'images avec Cooliris La procédure… Affaires courantes Le thème du Club : photo et web 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. Ceci fait, cliquez sur "Next" TUTORIEL N°2 © Nicolas Monseigne

7. Le SAV du club Créer un mur d'images avec Cooliris La procédure… Affaires courantes Le thème du Club : photo et web 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… TUTORIEL N°2 © Nicolas Monseigne

8. Le SAV du club Créer un mur d'images avec Cooliris La procédure… Affaires courantes Le thème du Club : photo et web 4- …Sinon, copiez le code HTML qui apparaît dans la zone de texte en-dessous TUTORIEL N°2 © Nicolas Monseigne

9. Le SAV du club Créer un mur d'images avec Cooliris La procédure… Affaires courantes Le thème du Club : photo et web 5- Il vous suffit maintenant d'intégrer ce code dans votre éditeur de page web… Comme pour le tutoriel n°1, il faut intégrer du code HMTL (exemple ici sur un site jimdo) TUTORIEL N°2 © Nicolas Monseigne

10. Le SAV du club Créer un mur d'images avec Cooliris La procédure… Affaires courantes Le thème du Club : photo et web Et voila le résultat ! TUTORIEL N°2 © Nicolas Monseigne

11. Le SAV du club Créer un mur d'images avec Cooliris La procédure… Affaires courantes Le thème du Club : photo et web Pour modifier les dimensions du diaporama, changez les variables "width" et "height", en mettant les bonnes dimensions ! Bien sûr, vous mettez les mêmes nombres en haut et en bas ! TUTORIEL N°2 © Nicolas Monseigne

12. Le SAV du club Créer un mur d'images avec Cooliris La procédure… Affaires courantes Le thème du Club : photo et web A noter une fonction intéressante, celle de la recherche, qui permet de faire ressortir les photos suivant des mots clés. Mots clés qui ne sont autres que… Des tags bien sûr ;-) Recherche sur le mot clé "océan". Les photos n'ayant pas ce mot clé sont grisées TUTORIEL N°2 © Nicolas Monseigne

13. Le SAV du club Créer un mur d'images avec Cooliris La procédure… Affaires courantes Le thème du Club : photo et web TUTORIEL N°2 Fin du tutoriel © Nicolas Monseigne