Table des matières:
Vidéo: Neofetch, pour un terminal Linux sympa 2024
Quel que soit le niveau de qualité de votre contenu, vos images, vidéos et contenus multimédias impressionnent les visiteurs de votre Dreamweaver. site Internet. Voici quelques astuces pour gérer les images, vidéos et autres éléments multimédias dans vos pages Web.
Lier les vignettes à des fichiers plus gros
Les grandes images sont belles, mais elles demandent plus de temps à télécharger que les petites images. Une technique courante pour présenter de nombreuses images sur une page consiste à créer de petites versions de chaque image, appelées miniatures, , puis à relier chacune de ces images à des versions plus grandes de la même image.
Cette technique fonctionne également lorsque vous voulez présenter une collection de vidéos ou d'animations. Vous pouvez créer une image fixe à partir d'une seule image de la vidéo, puis l'utiliser comme vignette associée à chaque fichier vidéo.
Comme vous pouvez le voir sur la figure, qui montre la galerie de photos du site de Cinembargo, cette technique permet d'inclure de nombreuses photos, ou fichiers vidéo, dans une galerie de photos. Lorsque vous cliquez sur chaque vignette, une version plus grande de la même image s'affiche au-dessus de cette image.
Cet effet d'image interactif a été créé à l'aide de la fonctionnalité de comportements de Dreamweaver. Vous pouvez également utiliser Dreamweaver pour lier des images à des vidéos, des animations et d'autres types de fichiers.
Toujours enregistrer les originaux
La plupart des concepteurs créent des images pour le Web à l'aide d'un programme tel que Photoshop. Pour de meilleurs résultats, vous souhaitez effectuer toutes les corrections de couleurs, retouches et autres retouches avec une version haute résolution de photos ou de graphiques.
Cependant, avant que l'image ne s'affiche sur votre site, vous devez l'optimiser en compressant le fichier (si vous l'enregistrez en jpeg) ou en réduisant le nombre de couleurs (si vous enregistrez l'image en tant que un PNG ou un GIF). Le processus d'optimisation des images les fait télécharger plus rapidement mais réduit également considérablement la qualité.
Dans la figure suivante, vous voyez le site Web AssetShield, qui comprend des images relativement volumineuses qui ont été optimisées afin de se charger rapidement dans un navigateur Web.
Souvenez-vous que si vous souhaitez revenir en arrière et modifier une image après l'avoir optimisée pour le Web, vous devez modifier le fichier source d'origine, la version enregistrée avant la compression de l'image ou la réduction des couleurs. De même, si vous travaillez avec une image comportant plusieurs calques dans un programme tel que Photoshop, ces calques doivent être aplatis avant que l'image puisse être incluse sur le site Web.
Les fichiers vidéo et audio, ainsi que les animations, doivent être optimisés avant d'être utilisés sur un site Web.Et, comme pour les images, revenez à la version haute résolution si vous effectuez des modifications supplémentaires.
Que vous créiez vos propres images et fichiers multimédias ou que vous engagiez un concepteur professionnel, veillez à développer un système permettant d'enregistrer toutes les images originales à la résolution la plus élevée possible afin de les modifier ultérieurement.
