Adobe
Se connecter Mes commandes Mon Adobe
Web
Création d'une image d'arrière-plan pour votre page Web page : 1 2
Travail sur les détails de l'image.
Essayez différentes couleurs et saturations de l'image, tout en gardant à l'esprit la lisibilité de la page Web lors des réglages de l'image redéfinie. Les couleurs d'arrière-plan foncées et saturées diminuent parfois la lisibilité du texte ; tandis que les couleurs douces et neutres donnent généralement de meilleurs résultats.
Une fois que vous êtes satisfait de l'image redéfinie, cliquez sur OK. Vous devez à présent optimiser l'image pour que sa taille de fichier soit aussi réduite que possible.
step03.jpg
Optimisation de l'image redéfinie.
Choisissez Fichier > Enregistrer pour le Web. Choisissez ensuite GIF ou JPEG dans le menu contextuel de la boîte de dialogue Enregistrer pour le Web. Notre exemple utilise le format JPEG. Bien que le format GIF donne des fichiers plus petits, le format JPEG a l'avantage d'éviter le tramage et de préserver les détails dans les images photographiques à tons continus. Si vous choisissez JPEG, sélectionnez la qualité Bas pour obtenir un fichier plus petit. Il n'est pas nécessaire d'avoir une image de haute qualité puisqu'elle n'est utilisée qu'en arrière-plan. Vous pouvez prévisualiser l'image optimisée dans la boîte de dialogue. Cliquez sur OK pour optimiser l'image.
L'image est maintenant prête à être utilisée comme arrière-plan dans votre page Web. Utilisez un programme comme Adobe® GoLive® ou du code HTML et configurez votre page Web.
step04.gif
Ajout d'autres éléments à la page Web (facultatif).
Vous pouvez ajouter à votre page Web d'autres éléments comme du texte, des boutons et des graphiques. Ces éléments viennent compléter l'image d'arrière-plan que vous venez de créer. Comme les images d'arrière-plan se juxtaposent, autrement dit se répètent les unes à côté des autres dans toute la fenêtre du navigateur, limitez le contenu de la page Web à la taille du premier carreau. Ainsi, l'utilisateur n'aura pas besoin de faire défiler le texte jusqu'au carreau suivant pour voir tout le contenu.
step05.jpg
haut de la page
précédente suivante