Accueil Médias sociaux Comment utiliser une image comme arrière-plan dans Adobe Dreamweaver CS6 - duos

Comment utiliser une image comme arrière-plan dans Adobe Dreamweaver CS6 - duos

Vidéo: Insérer images + créer des liens — Dreamweaver 2025

Vidéo: Insérer images + créer des liens — Dreamweaver 2025
Anonim

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:

  1. Dans Photoshop, choisissez Fichier → Nouveau pour créer une nouvelle image.

  2. 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.

  3. 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é.

  4. 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.

  5. 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.

  6. 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.

  7. 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.

Comment utiliser une image comme arrière-plan dans Adobe Dreamweaver CS6 - duos

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 ...