Comment ajouter un fond à un site web

Le fond est l`un des éléments les plus cruciaux d`un site Web. Un bon arrière-plan crée le ton pour le site Web et complète le contenu. Il existe de nombreuses façons différentes d`ajouter un arrière-plan, chaque voie avec un but différent. Certaines méthodes vous permettent d`appliquer l`arrière-plan à toutes les pages d`un site Web, tandis que d`autres limitent l`arrière-plan à une seule page. Cet article vous apprend à ajouter un arrière-plan à votre site Web à l`aide de HTML ou de CSS.

Pas

Méthode 1 de 2:
Méthodes HTML

Fond de couleur solide

  1. Image intitulée Ajouter un fond à un site Web Étape 1
1. Un fond de couleur unie est le type de fond le plus élémentaire que vous pouvez mettre sur un site Web. En fait, chaque site Web commence par un fond blanc par défaut. Cependant, tandis qu`un fond blanc peut être très élégant et propre à la recherche d`une palette de couleurs harmonieux, un fond de couleur différent peut être privilégié avec différents thèmes.
  • Image intitulée Ajouter un fond à un site Web Étape 2
    2. Ouvrez votre code Web (source).
  • Image intitulée Ajouter un fond à un site Web Étape 3
    3. Dans l`étiquette du corps, ajoutez un attribut appelé bgcolor. Maintenant, vous devriez ressembler à ceci-
    où colorname est le nom de la couleur. Colorname peut être rempli de nombreux types de représentants de couleurs-
  • (nom de couleur)
  • (valeur hex)
  • (Valeur RVB)
  • Image intitulée Ajouter un fond à un site Web Étape 4
    4. Expérimenter avec RVB et # peut conduire à de nombreuses nuances, mais vous pouvez prendre le premier moyen facile. Mais rappelez-vous que taper une couleur rare comme "Vert bleuâtre Ultramarine" entraînera en blanc.
  • Ajouter une image d`arrière-plan

    • Ajouter une image d`arrière-plan est légèrement plus compliqué qu`un fond de couleur unie.
    1. Image intitulée Ajouter un fond à un site Web Étape 5
      1. Ajoutez la propriété de fond à l`étiquette du corps, de sorte que cela ressemble à ceci-

      où SRC est la source de l`image SRC peut être dans le même dossier, ou un autre dossier / page Web.
    2. (dans le même dossier)
    3. (dans un dossier différent)
    4. (dans une page Web différente)
    5. Image intitulée Ajouter un fond à un site Web Étape 6
      2. N`oubliez pas de taper le .jpg / .JPEG /.Extension BMP.
    Méthode 2 sur 2:
    Méthodes CSS
    Image intitulée Ajouter un fond à un site Web Étape 6

    Fond de couleur solide

    1. Image intitulée Ajouter un fond à un site Web Étape 7
      1. Pour ajouter un fond de couleur solide dans CSS, ajoutez un attribut de style. Vous pouvez aussi donnerID et classes et utiliser des feuilles de style externes et internes.
    2. Image intitulée Ajoutez un angle à un site Web 8
      2. Votre étiquette de corps devrait ressembler à ceci-

    3. où le colornameis est le nom de la couleur, de la valeur hexagonale ou du RGB (rappelez-vous également les dernières étapes du fond de couleur solide dans HTML, les sont applicables ici aussi) .

    Ajout d`une image

    1. Image intitulée Ajouter un fond à un site Web Étape 9
      1. Pour ajouter une image, ajoutez l`attribut Style à la balise du corps. Vous pouvez aussi donner ID et classes et utiliser des feuilles de style externes et internes.
    2. Image intitulée Ajouter un fond à un site Web Étape 10
      2. Votre étiquette de corps devrait maintenant ressembler à ceci-
    3. Image intitulée Ajouter un fond à un site Web Étape 11
      3. N`oubliez pas que SRC est la source. Il peut s`agir du même dossier, du même dossier ou d`une page Web différente.
    4. (dans le même dossier)
    5. (dans un dossier différent)
    6. (dans une page Web différente).
    7. Image intitulée Ajoutez un angle à un site Web STEP 12
      4. N`oubliez pas d`ajouter le .Extensions aussi.

    Répéter fond à motifs

    1. Image intitulée Ajouter un fond à un site Web Step 13
      1. Pour faire un fond de motif répété, ajoutez un arrière-plan comme indiqué dans les étapes ci-dessus. Votre étiquette de corps doit être maintenant changée pour-
      Où les paramètres de répétition sont les paramètres. Il peut y avoir de nombreux paramètres répétés, comme-
    2. (L`arrière-plan va répéter verticalement et horizontalement.)
    3. (L`arrière-plan se répète horizontalement.)
    4. (Le fond va répéter verticalement.)

    Fond de l`image fixe

    1. Image intitulée Ajouter un fond à un site Web Step 14
      1. Les arrière-plans d`image fixe ont l`air cool et ne changent pas au fur et à mesure que vous faites défiler vers le bas. Pour ce faire, il vous suffit de faire quelques modifications simples au code de la section ci-dessus. Faire les peaux pour faire ressembler la balise corporelle-

    2. où SRC est la source de l`image d`arrière-plan, la position est la position de l`image (elle peut aller du centre en haut à droite) - la pièce à fond est la principale "catalyseur"de ce type de fond. Il est utilisé pour dire la position de l`arrière-plan et il est recommandé de ne pas être changé.

    Conseils

    Lisez l`ensemble de l`article: la section laissée de la section de sortie peut avoir des conseils importants (car les sections de cet article sont en référence les unes des autres et écrites en supposant que les sections sont toutes lues).

    Mises en garde

    Les méthodes HTML sont amorties et ne peuvent pas fonctionner dans HTML 4.01 strict aussi bien que xhtml strict.
    Articles connexes