Comment créer des fonds de page web

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

Un attrayant mais discret pour votre page Web, si vous le faites bien, donne à votre site un look très professionnel. Avec juste un peu de connaissance de Photoshop ou Paint Shop Pro, et encore moins la connaissance des feuilles de style en cascade, vous pouvez faire vous-même.

Choses que vous devez

  • Graphics programme comme Photoshop ou Paint Shop PROTEXT ou éditeur HTML

Trois façons d`obtenir Graphics Contexte

  1. Deux sites Web où vous pouvez télécharger gratuitement des images page d`arrière-plan sont énumérés dans la section Ressources.

  2. Si vous avez OpenOffice.org, la suite de productivité libre et ouvert, installé sur votre ordinateur, vous pouvez utiliser les images d`arrière-plan web inclus. Sous Windows XP, ces fichiers se trouvent dans C: Program Files OpenOffice.org 3 Base share Galerie www-back.

    Le logiciel OpenOffice.org est sous licence Lesser GNU General Public License (LGPL) et la Licence de documentation publique (PDL).

  3. Avec un programme tel que Photoshop ou Paint Shop Pro, faites vos propres petits graphiques à utiliser comme carreaux de fond pour votre site web.

Faire une tuile de fond rayé

  1. Pour faire une petite tuile de fond dans Paint Shop Pro, sélectionnez "Fichier" et alors "Nouvelle image." Cette tuile aura de minuscules rayures verticales en rose et blanc.

  2. L`image doit être en 72 dpi, et seulement 1 pixel de hauteur et de 2 pixels en largeur.




  3. Sélectionner "Vue" et le zoom en autant que nécessaire pour voir clairement l`image.

  4. Dans le sélecteur de couleur, choisissez le blanc pour la couleur de fond et rose pâle pour la couleur de la peinture.

  5. Maintenant, sélectionnez le "Pinceau" outil.

  6. Cochez la case Options d`outils en haut de l`écran. Une fenêtre apparaîtra avec "Options de l`outil - Paint Brush." Sélectionner "Carré" pour la forme de brosse et "1" pour la taille.

    Options de l`outil - Pinceau de l`auteur`s collection
  7. Légèrement toucher le Paintbrush à droite, côté de votre image. Il tournera rose.

  8. Enregistrez votre travail avec un nom tel que whitepink.jpg.

Appliquer l`arrière-plan à votre page Web

  1. Faire une feuille de style pour votre page Web, contenant ce bout de code:

    body {background-image: url (whitepink.jpg);

     background-repeat: répétabilité}

    Cela fait un fond allover pour votre page Web. Pour avoir la répétition de l`image que verticalement, vous donner la commande "repeat-y," ou "repeat-x" de l`avoir répéter que de gauche à droite. Pour afficher l`image une seule fois, la commande est "no-repeat."

  2. Sauvegardez votre feuille de style comme feb09.css ou quel que soit le nom que vous souhaitez utiliser.

  3. Mettez ce petit morceau de code quelque part dans le de votre page HTML.

  4. Téléchargez votre page HTML, le fichier feb09.css, et l`arrière-plan tuile graphique à votre site Web, se souvenant d`utiliser le mode binaire pour le mode ASCII graphique et régulier pour les deux fichiers texte.

  5. Maintenant, regardez la page que vous venez de faire dans votre navigateur. Il ressemblera à l`exemple de gauche.

    Webpage avec un fond carrelé rose - auteur`s collection

Conseils & Avertissements

  • Pour faciliter la lecture, le texte sur votre page Web devrait contraster avec les couleurs que vous utilisez dans votre arrière-plan.
  • fichiers graphiques grandes provoquent des pages Web pour charger lentement. Faites vos fichiers graphiques aussi petit que possible, à la fois en termes de taille de fichier et la taille des graphiques affichés.

Ressources

AUTRES

Comment faire une image gif фото

Comment faire une image gif

Utilisez Graphics Interchange Format - GIF - fichiers lorsque vous ajoutez des images à une page Web parce qu`ils…

» » » » Comment créer des fonds de page web