Vidéo: Insérer images + créer des liens — Dreamweaver 2024
Créer des arrière-plans pour les pages Web dans Adobe Dreamweaver CS6 est amusant et peut être poursuivi de plusieurs façons. Vous pouvez créer un motif répétitif avec une seule petite image, créer un filigrane ou utiliser une grande image pour remplir tout un arrière-plan.
Par défaut, un arrière-plan HTML répète l'image sélectionnée jusqu'à ce qu'elle remplisse l'écran. En conjonction avec les propriétés CSS, vous pouvez contrôler ou éliminer le comportement de répétition et même définir un positionnement précis pour une seule image d'arrière-plan.
Si vous remplissez un arrière-plan avec un motif, veillez à créer une image de motif sans arêtes discernables.
Pour utiliser à votre avantage le pavage par défaut répété d'une image d'arrière-plan, procédez comme suit:
-
Dans Photoshop, choisissez Fichier → Nouveau pour créer une nouvelle image.
-
Dans la boîte de dialogue Nouveau qui s'affiche, créez une image beaucoup plus large que haute, choisissez RVB, choisissez 72 dpi, puis cliquez sur OK.
Par exemple, entrez 1000 dans le champ de texte Largeur et 20 dans le champ de texte Hauteur.
-
Sélectionnez une couleur de premier plan et d'arrière-plan pour créer un mélange; puis utilisez l'outil Dégradé pour faire glisser + glisser du haut vers le bas de la zone d'image pour créer un remplissage en dégradé.
-
Choisissez Fichier → Enregistrer pour le Web, enregistrez l'image en tant que fichier JPEG dans le dossier de contenu Web de votre site, puis fermez l'image.
-
Dans Dreamweaver, choisissez Modifier → Propriétés de la page ou cliquez sur le bouton Propriétés de la page dans l'Inspecteur des propriétés pour placer l'image en tant qu'image d'arrière-plan sur votre page Web.
Si le bouton Propriétés de la page n'est pas visible, cliquez sur la page. Veillez à ne pas sélectionner un autre élément, tel qu'une image.
La boîte de dialogue Propriétés de la page apparaît.
-
Dans la boîte de dialogue Propriétés de la page, cliquez sur le bouton Parcourir situé à droite de l'image d'arrière-plan. Dans la fenêtre qui s'affiche, accédez à l'emplacement de votre image d'arrière-plan enregistrée, puis cliquez sur OK.
-
De retour dans la boîte de dialogue Propriétés de la page, cliquez sur OK.
L'image apparaît en arrière-plan, répétant et créant un dégradé de fond frais sur la page!
Selon la taille et la résolution du moniteur d'un utilisateur, il se peut que vous deviez répéter votre image d'arrière-plan. La répétition d'une image d'arrière-plan peut donner des résultats créatifs.
Dans certains cas, il se peut que vous ne voyiez pas votre arrière-plan tant que vous n'avez pas cliqué sur le bouton Aperçu / Déboguer dans le navigateur et prévisualisé la page dans votre navigateur par défaut.
