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

Création de décors pour des pages Web dans Adobe Dreamweaver CS6 est amusant et peut être poursuivi de plus de manières que la plupart des gens ne l'imagine. 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'il remplisse l'écran. En collaboration avec des propriétés CSS, vous pouvez contrôler ou éliminer la répétition des comportements et un positionnement précis même fixé pour une image de fond unique.

Si vous remplissez un fond avec un motif, assurez-vous de créer une image de modèle qui n'a pas de bords discernables.

Pour utiliser à votre avantage la valeur par défaut, carrelage répétée pour 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 apparaît, créer une image qui est 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.
Choisissez une couleur de premier plan et arrière-plan pour créer un blend- puis utilisez l'outil Dégradé pour Maj + glisser du haut vers le bas de la zone de l'image pour créer un dégradé.
Choisissez Fichier-Enregistrer pour le Web, enregistrez l'image sous forme de fichier JPEG dans le dossier de contenu Web de votre site, puis fermer 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 Propriétés pour placer l'image comme fond d'écran sur votre page web.
Si le bouton Propriétés de la page ne soit pas visible, cliquez sur la page - assurez-vous de ne pas sélectionner un autre élément, comme 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 à droite de l'image de fond. Dans la fenêtre qui apparaît, accédez à l'emplacement de votre image de fond enregistré, puis cliquez sur OK.
Retour dans la boîte de dialogue Propriétés de la page, cliquez sur OK.
L'image apparaît en arrière-plan, en répétant et en créant un gradient de fond fraîche à travers la page!

Selon la taille et la résolution de l'écran d'un utilisateur, de votre image de fond peut être contraint à répéter. Répétition d'une image de fond peut donner des résultats créatifs.

Dans certains cas, vous ne pouvez pas voir votre arrière-plan jusqu'à ce que vous cliquez sur l'aperçu / Débogage dans le navigateur et aperçu de la page dans votre navigateur par défaut.

A propos Auteur

Comment régler l'image luminosité et le contraste dans Dreamweaver

Dreamweaver vous fournit des outils pour faire des ajustements d'image, y compris la luminosité et le contraste. Réglage de l'image luminosité vous permet de modifier le montant global de la lumière dans une image. Contraster contrôle la…

Comment changer de fond couleurs du texte et dans dreamweaver

Dans Dreamweaver, vous pouvez changer le fond et les couleurs de texte disponibles dans les catégories d'apparence. Notez que les options de CSS sont recommandés par rapport aux options HTML. Lorsque vous utilisez l'apparence (CSS) des options,…

Comment insérer une image de fond dans Dreamweaver

Les images de fond peuvent ajouter de la profondeur et la richesse à une conception de la page de Dreamweaver. Utilisé intelligemment, une image de fond qui télécharge rapidement et efficacement contribue à créer l'illusion que la page…

Comment passer photoshop objets intelligents dans Adobe Dreamweaver CS6

La possibilité de travailler avec des fichiers Photoshop dans Adobe Dreamweaver CS6 est utile pour la plupart des concepteurs qui dépendent de Photoshop dans le cadre de leur flux de travail. Lorsque vous placez les fichiers Photoshop sur une…

Comment aiguiser une image dans Dreamweaver

Avant d'ajouter une image à votre site dans Dreamweaver, il est toujours une bonne idée d'utiliser la fonction de netteté en premier. Lorsque vous appliquez affûtage à une image, vous augmentez la distinction entre zones de couleur. L'effet…

Le placement de l'image dans Adobe CS5 pages dreamweaver

Vous pouvez utiliser les éléments de menu, copier et coller, et même faire glisser et déposer des images sur votre page de Dreamweaver d'Adobe Creative Suite 5 (CS5 Adobe). En conséquence, de mettre des images sur une page web dans Dreamweaver…

Photoshop objets intelligents dans Adobe CS5 Dreamweaver

Si vous avez créé les illustrations ou images préparées dans Photoshop, vous pouvez placer des fichiers PSD originaux directement dans vos Adobe Creative Suite 5 (CS5 Adobe Dreamweaver) pages. La fenêtre de prévisualisation de l'image vous…

Photoshop objet intelligent mise à jour Adobe CS5 Dreamweaver

Si vous avez ajouté des fichiers originaux Photoshop (PSD) dans votre page Dreamweaver d'Adobe Creative Suite 5 (CS5 Adobe), vous pouvez mettre à jour le fichier d'origine. Dreamweaver crée un objet dynamique, une image qui maintient une…

Excel 2011 pour Mac: ajouter une image à un fond de feuille de calcul

Derrière les cellules sur chaque feuille de calcul Excel dans Office 2011 pour Mac est une couche de fond que vous pouvez formater. Excel 2011 pour Mac ne propose pas beaucoup de personnalisation à cette fonctionnalité, mais vous pouvez placer…

Comment ajouter une image de fond à une feuille de calcul Excel 2010

Vous pouvez ajouter une image graphique à l'arrière-plan des cellules dans une feuille de calcul Excel 2010. L'image de fond (parfois appelé filigrane) Devrait être très léger en couleur ou en utiliser une opacité considérablement réduit…

Comment ajouter une image de fond à une feuille de calcul Excel 2007

Vous pouvez ajouter une image graphique à l'arrière-plan d'une feuille de calcul Excel 2,007. L'image de fond (parfois appelé filigrane) Devrait être très léger en couleur ou en utiliser une opacité considérablement réduit pour que vos…

Comment insérer des images d'arrière-plan sur votre profil twitter

Après avoir choisi l'image que vous souhaitez utiliser dans votre arrière-plan, l'uploader sur Twitter est relativement facile. Suivez ces étapes pour télécharger et positionner un fond Twitter:1Ouvrez Twitter dans votre navigateur web…

Comment changer votre fond d'écran Twitter

Vous pouvez changer le fond de votre page de profil Twitter du bleu par défaut à une autre couleur. Vous pouvez même télécharger une image de votre choix (ou les deux!). Vous pouvez tuile une image (faire répéter, comme des tuiles sur le…

Comment positionner graphiques sur les sites de CSS3

Pour l'essentiel, à des graphiques de position dans les sites de CSS3 vous utilisez la combinaison de la gauche, droite, haut, bas et les propriétés à fournir un positionnement de base. Peaufiner la position consiste à utiliser les propriétés…

godiches.com » Ordinateurs et logiciels » Graphiques et animations » Conception graphique » Comment utiliser une image comme arrière-plan dans Adobe Dreamweaver CS6