La plupart des milieux de blanc de dispositif de sites Web. Ou ils se reposent sur une marine ou un fond gris -- mais la majeure partie de l'écran est toujours blanc, comme une page d'ensemble de papier sur le fond plus foncé. De temps en temps, vous pourriez courir à travers des couleurs plus intéressantes - des rouges et des purples et des verts et se rouiller - souvent regardant plus voyant que le professionnel.

Mais chaque maintenant et puis, il y a un site Web avec une photo ou un schéma ou un fond de modèle. Ce cours d'instruction montrera te pas simplement comment placer un fond sur votre site Web, mais à cinq coutils intelligents à l'épice vers le haut du fond sans recourir au gaudiness.

Le code de base de HTML pour placer un fond sur votre page Web est très simple :

Placer un fond dans une table, a peut-être placé sur un fond de page de couleur pleine, voici le code de base de HTML :

Le dossier d'image appelé image.jpg devient maintenant votre fond. Une image typique révélerait « carrelé ». En d'autres termes, elle se répète horizontalement et remplir verticalement écran. Ceci habituellement ne regarde pas très professionnel, tellement voici cinq tours pour la nettoyer vers le haut et pour l'épicer vers le haut.

1. Employer les graphiques de « bande ». Les graphiques de bande sont des images simplement très longues qui s'étendent à travers l'écran. Quand ils répètent, ils répètent un au-dessous de l'autre. Pour voir ceci dans l'action, regarder ma page chez http://www.thehappyguy.com/SEO.html. La bande jaune le long des ressembler de bon côté à elle fait partie de l'image supérieure de bannière. Mais elle est des 650 par l'image de 20 bandes, la plupart du temps blanc, avec un contact de jaune le long du côté gauche. Ceci fonctionne bien avec les modèles qui changent seulement de gauche à droite

2. Tenir le fond en place. Quand les rouleaux d'un visiteur vers le bas, le texte roule au-dessus de l'image. J'ai employé ce tour à mon site Web personnel : http://www.leonhardtonline.com (pardonner svp le désordre - je ne semble jamais trouver l'heure de le nettoyer vers le haut.) le code de HTML pour faire ceci est :

Ceci fonctionne pour des modèles, mais cela fonctionne mieux pour des photos ou des schémas, tels qu'une image fanée de votre logo de compagnie ou un projectile fané de paysage ou une photo fanée d'agir l'un sur l'autre de personnes. (Se rappeler que le fond ne devrait pas se tenir dehors aux dépens du texte et des images de premier plan, qui est pourquoi vous voulez des images fanées.)

3. Un autre grand tour de fond est de placer une plus petite image dans le fond, tel que votre logo de compagnie ou une autre image que vous ne voulez pas prendre l'écran entier. Ceci fonctionne mieux sur un fond blanc. Voici le code de HTML :

Si vous voulez que l'image apparaisse juste dans une table :

J'ai employé cette fonction en juste une cellule d'une table en l'insérant dans mon étiquette pour mon menu de navigation chez http://www.vitamin-supplements-store.net. La notification comment la bouteille fanée est dans le fond derrière la navigation lie, mais il ne répète pas en bas de la page.

4. Vous pouvez plus loin commander la position du fond d'image. Considérer le code suivant :

Nous avons maintenant un fond qui remplit bon coin supérieur de la page. Dépendant à quel point grand il est, il pourrait couvrir la majeure partie de l'écran ou juste du coin.

5. Une autre manière d'employer des fonds d'image sont comme boutons de navigation. Tandis que les moteurs de recherche peuvent facilement suivre des liens d'image, ils ne portent pas la même pertinence que des liens mot--riches des textes. Une image de bouton de fond peut faire un texte lier le ressembler à un bouton. Chaque lien de navigation devrait être placé dans sa propre table ou la cellule, appliquent alors le code utilisé dans l'exemple précédent.

Utilisés correctement, les fonds d'image peuvent considérablement augmenter l'appel de votre site Web. Si vous recherchez une manière d'épicer vers le haut de votre site Web, ces quatre tours peuvent aider.

Article Source: http://www.articleset.com