Accueil Médias sociaux Conseils sur les images et les multimédias de dreamweaver CC - dummies

Conseils sur les images et les multimédias de dreamweaver CC - dummies

Table des matières:

Vidéo: Neofetch, pour un terminal Linux sympa 2025

Vidéo: Neofetch, pour un terminal Linux sympa 2025
Anonim

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.

Conseils sur les images et les multimédias de dreamweaver CC - dummies

Le choix des éditeurs

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Windows, avec un W majuscule, tire son nom de sa caractéristique principale: Windows, avec un w minuscule. Se familiariser avec Windows signifie apprendre à ouvrir, fermer, redimensionner, déplacer et basculer entre les fenêtres, ce qui est la clé pour jongler avec succès avec plusieurs activités. Chaque programme que vous exécutez occupe sa propre fenêtre. Une fenêtre peut occuper une partie de ...

Comment accepter ou rejeter les cookies dans Safari - dummies

Comment accepter ou rejeter les cookies dans Safari - dummies

Un cookie est un petit fichier qu'un site Web enregistre automatiquement sur le disque dur de votre Mac. Il contient des informations, telles que vos préférences ou votre date de naissance, que le site utilisera lors de vos prochaines visites. Dans Mac OS X Snow Leopard, Safari vous permet de choisir d'accepter ou non tous les cookies ...

Le choix des éditeurs

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Pour créer une boîte ou une ligne dans QuarkXPress plus complexe qu'un simple rectangle, ovale ou starburst, vous entrez dans le domaine du chemin de Bézier. Si vous avez utilisé l'outil Plume dans Adobe Illustrator ou Photoshop, vous comprenez déjà les chemins de Bézier. Il faut un peu de pratique et un esprit détendu ...

Création d'un rapport avec Crystal Reports 10 - témoins

Création d'un rapport avec Crystal Reports 10 - témoins

Lorsque vous démarrez Crystal Reports 10, généralement l'une des trois choses suivantes: créer un rapport, modifier un rapport ou exécuter un rapport sur les données de votre base de données. Les rapports prennent des données à partir d'une base de données, les traitent, les formatent et les affichent ensuite sur une imprimante, un écran d'ordinateur ou un site Web. Crystal Reports ...

Traitant des commentaires Javadoc dans Eclipse - mannequins

Traitant des commentaires Javadoc dans Eclipse - mannequins

Lorsque vous utilisez Eclipse pour écrire du code Java, n'oubliez pas de éditez les commentaires de Javadoc (les choses qui commencent par / **). Vous pouvez ajouter des informations utiles lorsque vous modifiez les commentaires Javadoc et lorsque vous les modifiez, l'aide au code d'Eclipse propose des suggestions. N'oubliez pas ces astuces lorsque vous modifiez vos commentaires Javadoc: Ajouter un commentaire Javadoc: ...

Le choix des éditeurs

Les connexions cachées sur le Nikon D5600 - les nuls

Les connexions cachées sur le Nikon D5600 - les nuls

Ouvrent les couvercles sur les côtés gauche et droit du Nikon D5600 caméra, et vous verrez plusieurs ports de connexions cachées. Les ports de connexion suivants sont indiqués sur cette image: Terminal d'accessoires: ce terminal accepte les accessoires suivants: câble déclencheur à distance Nikon MC-DC2; Télécommandes sans fil WR-1 et WR-R10; et les unités GPS GP-1 / GP-1A. I ...

Les connexions cachées sur votre Nikon D5200 - les nuls

Les connexions cachées sur votre Nikon D5200 - les nuls

ÉParpillés sur l'extérieur de votre appareil photo sont nombreuses commandes que vous utilisez pour changer d'image -prend des paramètres, revoir et modifier vos photos, et effectuer diverses autres opérations. Caché sous le couvercle sur le côté gauche de la caméra, vous trouverez les quatre ports de connexion suivants, étiquetés dans cette figure: Borne accessoire: Vous pouvez brancher le Nikon en option ...

Des boutons et autres commandes du Nikon D7500 - mannequins

Des boutons et autres commandes du Nikon D7500 - mannequins

C'est génial d'avoir une carte pour le boutons et commandes sur votre appareil photo, mais ce n'est pas beaucoup d'aide si vous ne pouvez pas vous rappeler quel bouton appuyer sur quand (et pourquoi). Alors, voici un aperçu des fonctions des contrôles les plus importants. (Certains contrôles ont des fonctions supplémentaires pendant certaines opérations, mais la table ...