Condexatedenbay.com


Comment faire de l'arrière-plan du navigateur derrière ma page web



Le contenu est roi sur l'Internet, mais pauvre web page design peut ruiner l'expérience et se détournent des lecteurs. L'élément plus visible est le fond. Il peut être de couleur unie, une répétition image ou une photographie en couleur. Vous pouvez utiliser tous les trois.

Instructions

• Énumérer les images, le contenu de votre site Web apporte à l'esprit. Si votre site utilise un logo ou avatar, utilisez-le comme point de départ pour la liste.

• Examiner le contenu et l'utilisation. Un fond peut affecter les temps de chargement et de la fatigue oculaire. Temps de chargement doivent être rapides et fatigue oculaire doit être maintenue à un minimum.

• Créer, commission ou Rechercher des images de fond possible. Respecter les droits d'auteur. Ne supposez jamais que les images sur l'Internet sont légales que vous pouvez utiliser.

• Testez vos images préférées, les polices et les couleurs. Cela vous aidera à trouver la meilleure combinaison pour votre site.

• Redimensionner l'image. La plupart des ordinateurs ont une résolution d'écran de 1024 x 768. Si vous envisagez d'utiliser une seule image fixe, n'oubliez pas que la taille.

• Mettre les éléments visuels les plus importants sur le côté gauche. Petites résolutions et tailles de fenêtre vont recadrer votre arrière-plan du côté droit.

• Enregistrez le fichier en JPG ou PNG. JPG fonctionne mieux pour les photographies et PNG pour les illustrations.

• Garder la taille du fichier de l'image inférieure à 100 Ko. Qui gardera le temps de rendu vers le bas de la page.

• Définir une couleur de fond. Type : body {background-couleur: #FF0000;} Couleurs peuvent également être spécifiés par un nom, corps {background-couleur : rouge;}, ou en RGB, {-couleur de fond : rgb(255,0,0);}.

• Définir une image d'arrière-plan. Type : corps {background-image:url('myimage.jpg');} Par défaut, les tuiles de l'image dans toutes les directions.

• Définir comment l'image de carreaux. Type : body {background-image:url('myimage.jpg') ; background-repeat : repeat-x;} « Repeat-x » définit le carrelage à l'horizontale seulement. Utilisez « repeat-y » pour carrelage vertical.

• Créer une image non répétitif qui défile avec la page. Type : corps {background-image:url('myimage.jpg') ; background-repeat : non-repeat;}

• Fixer l'image afin que le texte défile sur elle. Type : body {background-image:url('myimage.jpg') ; background-repeat : non-repeat ; background-attachment : fixe;}