Puisqu’une image vaut mille mots, l’installation d’un simple diaporama pour le public d’une page Web peut considérablement améliorer votre site Web. Dans le monde du Web 2.0, c’est très facile à faire. En fait, c’est beaucoup plus difficile à comprendre lequel la technique du diaporama à utiliser plutôt que de l’installer sur la page Web. Voici quelques options disponibles, en commençant par les plus pratiques et les plus populaires.
Table des matières
Diaporama simple pour les options de page Web
Flickr
Flickr est une réussite impressionnante de l’intégration des médias numériques et de la théorie des réseaux sociaux. Flickr combine la possibilité d’avoir vos propres galeries de photos où une communauté d’individus partageant les mêmes idées peut partager, commenter et interagir autrement. Avec des communautés aussi petites qu’une famille ou aussi grandes qu’une association photographique professionnelle mondiale, Flickr est l’un des endroits les plus populaires pour stocker et partager leurs photos.Dans le cadre de leur mission de rendre cette tâche aussi facile que possible, Flickr fournit de nombreux outils, à la fois sur le site et dans l’infrastructure de leur base de données, pour permettre aux gens d’intégrer leurs photos directement dans leur propre page Web. Le plus simple d’entre eux est probablement le « Badge Flickr » – un widget basé sur Flash ou HTML qui se trouve sur le côté de votre page Web et montre une sélection aléatoire d’images de votre collection. Ces vignettes peuvent être animées et accrocheuses, se déroulant en douceur comme de petites images qui s’agrandissent en vignettes, sur lesquelles l’utilisateur peut cliquer pour voir l’image en taille réelle sur le site Flickr.
C’est probablement le principal inconvénient du badge Flickr – au lieu d’afficher le diaporama sur votre page, il dirige le visiteur vers votre compte sur le site Flickr. Cependant, il est très facile d’installer ce gadget sur votre page Web. Il vous suffit de couper un simple bloc de code puis de le coller dans le HTML de votre site. C’est le processus pour presque tous les diaporamas simples pour les processus de page Web répertoriés – sauf si vous essayez de mettre le diaporama sur votre blog. Dans ce cas, certains plug-ins de blog ont des processus pointer-cliquer pour lier vos photos à votre journal en ligne. Vous pouvez également créer des diaporamas qui restent sur la page, mais ils sacrifient une grande partie de la flexibilité et des informations disponibles avec l’option de gadget Flickr.
Picasa
Bien que limité au monde des PC, Picasa est devenu très populaire en tant qu’outil d’organisation d’images via Google. Il existe de nombreux outils disponibles pour intégrer l’album Web Picasa dans votre site et, contrairement au badge Flickr, ils n’éloignent pas nécessairement les internautes de votre page Web. Les outils Picasa incluent des interfaces pointer-cliquer, comme celle d’Outils 4 Noobs, et des diaporamas javascript et CSS, tels que LightBox. Il existe de nombreuses options parmi lesquelles choisir, en fonction de votre propre niveau d’expertise en conception Web.
S5: Entrer dans le code
Pour les concepteurs qui maîtrisent les technologies de codage telles que XHTML, CSS et JavaScript, il existe de nombreux sites tels que S5 qui proposent des solutions gratuites et open source pour mettre un diaporama d’images sur votre site. Celles-ci ont l’avantage de vous fournir un contrôle complet sur toutes les parties du diaporama car les images sont hébergées sur votre site, et non via un tiers. Cependant, il présente également l’inconvénient d’être beaucoup plus complexe et de ne pas avoir la structure de support que les entreprises plus commerciales font.
Cependant, cela est compensé par le réseau de codeurs et de concepteurs qui discutent ensemble sur des forums et compilent des pages de FAQ et des manuels d’utilisation, tous disponibles sur le site S5. Certains sont allés jusqu’à créer divers thèmes pour le diaporama, ce qui est la preuve de sa personnalisation ultime. S5 contient toutes les fonctionnalités que la plupart des gens souhaitent dans un diaporama, telles que les commandes du clavier, la mise à l’échelle automatique en fonction de l’affichage du spectateur et la compatibilité avec les normes Web. Mieux encore, puisqu’il s’agit d’un logiciel open source, s’il y a une fonctionnalité que vous souhaitez mais qui n’est pas disponible, vous pouvez la coder vous-même ou contacter l’un des nombreux participants au projet et lui demander de le faire.
S5 n’est qu’un exemple d’un générateur de diaporamas Web plus robuste. D’autres projets comme Gallery 2 entrent certainement dans la catégorie «diaporama», mais commencent à glisser en termes de «simple». Quelle que soit la solution que vous choisissez, n’oubliez pas que tout diaporama n’est aussi intéressant que les images que vous y mettez – l’interface n’est qu’un outil pour présenter votre vision aux spectateurs sur le Web.
Lisez plus d’astuces sur le design web ici, et n’oubliez pas de partager l’article sur Facebook !
