Vidéo: TUTO HTML - #3 Les images 2024
Les images d'arrière-plan peuvent ajouter de la profondeur et de la richesse à une conception de page Dreamweaver. Utilisée intelligemment, une image de fond qui se télécharge rapidement et efficacement aide à créer l'illusion que la page entière est une grande image.
L'astuce consiste à utiliser une image avec une petite taille de fichier qui crée l'impression d'une grande image. L'une des méthodes utilisées sur le Web consiste à utiliser les paramètres par défaut d'une image d'arrière-plan, ce qui entraîne la mosaïque (répétition) de l'image sur la page.
Le texte placé sur certains fonds peut être difficile à lire. Choisissez soigneusement vos images d'arrière-plan et assurez-vous que votre arrière-plan et votre texte ont beaucoup de contraste. Lire sur un écran d'ordinateur est déjà assez difficile.
CSS vous permet de mieux contrôler l'affichage d'une image d'arrière-plan. Lorsque vous créez un style de fond CSS, vous pouvez insérer une image d'arrière-plan qui ne se répète pas ou qui se répète uniquement sur l'axe Y ou sur l'axe X de la page.
Pour insérer une image d'arrière-plan dans Dreamweaver, choisissez Modifier → Propriétés de la page, cliquez sur le bouton Parcourir situé à droite du champ Image d'arrière-plan et sélectionnez l'image que vous souhaitez utiliser comme arrière-plan. Si l'image ne se trouve pas déjà dans votre dossier de site local, Dreamweaver vous propose de le copier lorsque vous cliquez sur OK.
Lorsque vous insérez une image à l'aide de la fonction Propriétés de la page de Dreamweaver, vous pouvez utiliser la liste déroulante Répéter pour spécifier comment l'image se répète sur la page. Lorsque vous spécifiez une option de répétition, Dreamweaver crée automatiquement un style pour la page avec ces paramètres d'arrière-plan. Si vous utilisez la boîte de dialogue Définition CSS pour modifier les options d'arrière-plan dans le style de corps, vous pouvez spécifier où l'image d'arrière-plan est affichée.