• Save
Club e tourisme n°1 - tutoriel - réaliser un mur d'images avec cooliris
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

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

on

  • 4,433 views

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

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

Statistics

Views

Total Views
4,433
Views on SlideShare
3,769
Embed Views
664

Actions

Likes
2
Downloads
7
Comments
0

10 Embeds 664

http://metablog92.blogspot.fr 294
http://metablog92.blogspot.com 248
http://ateliers-etourisme.jimdo.com 63
http://www.scoop.it 26
url_unknown 18
http://www.slideshare.net 8
http://dl.dropbox.com 4
http://metablog92.blogspot.be 1
http://www29.jimdo.com 1
http://metablog92.blogspot.ca 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 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