Comment ajouter une image de fond transparent à un site web

<

Contenu

div itemprop="description" class="intro marginTop" data-module="article-intro">

Ajout d`une image de fond à un site Web ajoute beaucoup de l`activité visuelle qui gardera vos visiteurs intéressés par votre site et les faire rester plus longtemps. Vous pouvez faire beaucoup de choses intéressantes avec une image de fond que vous ne pouvez pas faire avec une image régulière, comme l`ajout de texte sur le dessus que les moteurs de recherche vont revenir sur. Il est une façon de faire un fond blanc ennuyeux plus excitant, et il ajoute beaucoup de caractère à votre site. Les étapes suivantes vous guideront à travers le processus.

Instructions

  1. Ouvrez l`image dans Photoshop CS3 et de la taille à la taille exacte que vous voulez qu`il soit sur votre site. Sélectionner "image" et "Taille de l`image" pour régler la hauteur et la largeur.

  2. Enregistrez l`image en tant que GIF ou JPEG, en sélectionnant "Fichier" puis "Enregistrer pour le Web ou les périphériques."




  3. Téléchargez l`image sur votre serveur Web dans votre fichier d`images à l`aide de votre client FTP.

  4. Ouvrez la page HTML où vous voulez que l`image apparaisse dans un éditeur de texte.

  5. Trouver la zone où vous voulez placer l`image d`arrière-plan dans le code HTML. Pour obtenir les meilleurs et les plus propres résultats, placez l`image dans une table ou d`une rangée.

  6. Tapez la commande suivante pour inclure l`image d`arrière-plan dans un tableau:

    où votre image-name.jpg est l`image que vous souhaitez inclure.

  7. Taille de la table de sorte qu`il est de la même taille que l`image, ou utilisez les égaux de répétition de fond "Non" tag pour empêcher l`image de répéter, si la table est plus grande que l`image elle-même.

Conseils & Avertissements

  • Lorsque vous incluez une image de fond, le navigateur provoque automatiquement l`image à répéter le long des deux axes (verticalement et horizontalement).
  • Si la table où l`image de fond est contenue est la même taille que l`image, le spectateur ne verra pas la partie répétée de l`image.

Ressources

Technologie / Web design & développement / Création de sites web

AUTRES

» » » » Comment ajouter une image de fond transparent à un site web