Les internautes utilisent une grande variété de moniteurs avec différentes résolutions d'écran. Par conséquent, l'une des tâches des développeurs Web est la nécessité de créer et d'optimiser un site pour son affichage correct sur des moniteurs avec n'importe quelle résolution.
Instructions
Étape 1
Concevez votre site Web avec la résolution utilisable la plus basse - 800 * 600 pixels et utilisez une mise en page fixe. Mais avec cette approche, il y a un inconvénient - pour les utilisateurs qui ont des moniteurs à écran large, des champs larges apparaîtront à l'écran lors de la visualisation de votre site.
Étape 2
Utilisez une mise en page fluide. Dans ce cas, les pages seront étirées horizontalement sur ces moniteurs dont la résolution est supérieure à celle utilisée dans le développement. Mais cette approche est mieux utilisée lors de la création de sites avec beaucoup d'informations textuelles et un minimum de graphiques. En effet, certains éléments, tels que des images ou des composants tiers, seront déformés lors du redimensionnement sur différents moniteurs.
Étape 3
Le plus correct, mais en même temps et plus complexe du point de vue de la mise en œuvre, est l'utilisation d'une mise en page adaptative. Il s'agit d'une version plus complexe de la mise en page en caoutchouc, qui permet de modifier le nombre de colonnes avec des informations lors de l'utilisation du code du programme.
Étape 4
Mais quelle que soit la mise en page choisie pour le développement du site, faites sa mise en page à une résolution d'écran de 1024 * 768 pixels. C'est la résolution la plus courante.
Étape 5
Aussi, pour un affichage correct du site sur des moniteurs avec une résolution différente, suivez quelques règles. Essayez de garder le contenu principal de la page sur un seul écran pour éviter le défilement. Placez les informations textuelles dans une colonne étroite afin qu'elles ne "s'étalent" pas sur toute la largeur de l'écran. Gardez une trace de la conception globale des pages afin que tout soit proportionnel.
Étape 6
Lors de la conception de votre design, calculez le pourcentage, et non la quantité, de la largeur et de la hauteur de la page. Ensuite, la page sera redimensionnée proportionnellement à la fois sur les moniteurs conventionnels et sur les moniteurs à écran large.
