Qu'est-ce qu'un diaporama HTML?
Un diaporama en langage HTML (Hypertext Markup Language) consiste en une série d’images visionnées successivement à l’aide d’un navigateur Web. Les images d'un diaporama HTML changent lorsqu'un utilisateur clique sur un bouton pour afficher les diapositives suivantes ou précédentes, ou selon un minuteur. De plus, certains diaporamas combinent une minuterie avec des contrôles utilisateur. Les diaporamas HTML peuvent être codés en utilisant uniquement HTML ou une combinaison de HTML et d'autres langages, tels que JavaScript ™ et Flash®. Selon les types de code utilisés pour créer le diaporama HTML, celui-ci peut inclure des fonctionnalités supplémentaires, telles que des fonctionnalités de zoom et la possibilité d'afficher un diaporama entier sur la même page Web.
Le diaporama HTML le plus élémentaire permet à un utilisateur de cliquer sur des liens ou des boutons menant aux diapositives suivantes ou précédentes et utilise uniquement du code HTML. Ce type de diaporama n'utilise pas de programmateur et ne fournit aucune fonctionnalité supplémentaire, telle que la possibilité de zoomer sur une diapositive. Pour créer ce type de diaporama, une page HTML est créée par diapositive et chaque page fournit des liens sur lesquels l'utilisateur clique pour progresser dans le diaporama. Chaque diapositive peut contenir des images, des légendes d’image et du texte supplémentaire. Les pages du diaporama doivent être conçues en utilisant des styles similaires ou les mêmes modèles de page HTML, ce qui permet au spectateur de percevoir le contenu sous forme de diaporama, plutôt que de pages Web séparées.
Un diaporama HTML minuté peut être créé à l’aide de la balise méta HTML http-equiv refresh . Des contrôles utilisateur supplémentaires peuvent être ajoutés, notamment des boutons permettant à l'utilisateur de passer à l'image suivante ou de revenir à l'image précédente. Comme pour le diaporama HTML le plus élémentaire, une page HTML par diapositive est créée. Le programmeur Web ajoute la balise méta http-equiv refresh à la page HTML de chaque diapositive et définit le nombre de secondes à attendre avant de charger la diapositive suivante en ajoutant le paramètre content à la balise méta. L'URL (Uniform Resource Locator) identifiant l'emplacement de la diapositive suivante se trouve également dans la balise méta à l'aide du paramètre URL.
La plupart des diaporamas HTML sont créés à l'aide d'une combinaison de langues, notamment HTML, Flash®, JavaScript ™, jQuery et des feuilles de style en cascade (CSS). Ces diaporamas offrent plus de fonctionnalités que celles codées uniquement en HTML. En plus des diapositives chronométrées et des contrôles utilisateur permettant aux utilisateurs de passer d'une diapositive à l'autre, il est possible d'ajouter des zooms, des panoramiques et des vignettes de diapositives intégrées. Les vignettes de diapositives sont particulièrement utiles pour les diaporamas contenant un grand nombre de diapositives, car chaque vignette cliquable affiche un aperçu de la diapositive liée et permet à l’utilisateur de passer directement à la diapositive qu’il souhaite visualiser. De plus, l’utilisation de langues supplémentaires permet aux concepteurs de sites Web d’intégrer un diaporama entier dans une seule page Web.
L'ajout d'un diaporama HTML riche en fonctionnalités combinant plusieurs langues nécessite que le concepteur de site Web connaisse au moins deux langages de programmation. Heureusement, le code requis pour créer ces diaporamas est imprimé dans des livres de programmation Web et est disponible gratuitement en ligne. En outre, certains systèmes de gestion de contenu (CMS) prennent en charge l’ajout de plug-ins, et certains plug-ins de diaporama sont disponibles. Ces plug-ins permettent d’ajouter un diaporama HTML ou multilingue à une page Web sans apprendre le langage HTML ou d’autres langues.