Un codeur HTML doit savoir: un signe de professionnalisme est le même affichage et fonctionnement d'une page de site dans n'importe quel navigateur, du moins dans les « trois grands », qui incluent les navigateurs Internet Explorer, Opera, Mozilla Firefox. Le processus de vérification de l'exactitude de l'affichage du site comprend trois étapes principales.
Il est nécessaire
- • Plusieurs navigateurs installés sur l'ordinateur.
- • Attention.
Instructions
Étape 1
Première étape, préparatoire
Le processus de préparation consiste à télécharger le kit de distribution du navigateur et à l'installer sur l'ordinateur. Tout processus d'installation se termine par la question: "rendre ce navigateur inclus par défaut ?". Ainsi, le principal, ou inclus par défaut, vous devez faire celui qui occupe une position intermédiaire en termes de taille des "jambages" possibles. D'après l'expérience de plusieurs générations de maquettistes, il s'agit du navigateur Opera.
Après avoir installé plusieurs navigateurs sur votre ordinateur, passez directement au processus de comparaison. Pour ce faire, survolez le fichier avec l'extension.html, qui sera la base de la page du site Web ou de l'ensemble du modèle, et cliquez dessus avec le bouton droit de la souris. Dans l'onglet qui s'ouvre, sélectionnez "ouvrir avec", puis sélectionnez le type de navigateur que vous souhaitez. Le fichier peut être ouvert dans plusieurs navigateurs à la fois, les laissant minimisés dans la barre des tâches du bureau et ouverts au besoin.
Étape 2
Deuxième étape - comparaison visuelle
Visuellement, les pages du site dans le navigateur peuvent différer selon trois paramètres principaux:
1. Par la quantité de retraits et de marges entre les éléments de la page. IE est particulièrement sophistiqué dans le calcul des vraies valeurs des propriétés de remplissage et de marge.
2. Différents navigateurs affichent les polices différemment, même les polices standard telles que Arial et Times New Roman. C'est le plus durement touché pour les lignes des éléments de menu, qui peuvent être affichées sur deux lignes ou complètement renvoyées à la deuxième ligne.
3. L'exactitude de l'affichage des images. Dans les cas les plus simples, certains navigateurs, comme Opera, ne lisent pas les propriétés vspace et hspase spécifiées dans les attributs de balise
… Parfois, les images ne sont pas centrées dans les cellules du tableau si les attributs
cette condition n'est pas précisée. Mais le principal problème du maquettiste est de préparer le format d'image.png. Le canal transparent dans le code de ce fichier est lu par tous les navigateurs à sa manière, en particulier IE y parvient. Par conséquent, des taches grises laides sont souvent observées à la place de belles images translucides.
Troisième étape - contrôle fonctionnel
A ce stade, vous devez vérifier les éléments du menu "déroulant". Dans leur travail, il ne devrait pas y avoir de saccades, de ralentissements et, surtout, de saut dans le contenu général de la page lors de l'ouverture d'éléments de menu individuels. Il en va de même pour les éléments textuels de la page, qui sont entièrement développés lorsque vous cliquez sur le bouton ou l'inscription "plus de détails".
En conclusion, je voudrais dire que la lutte pour la "compatibilité entre navigateurs" - c'est le nom de la propriété d'une page à afficher partout de la même manière, le processus est complexe et passionnant, nécessitant beaucoup de pratique vivre.
Étape 3
Troisième étape - contrôle fonctionnel
A ce stade, vous devez vérifier les éléments du menu "déroulant". Dans leur travail, il ne devrait pas y avoir de saccades, de ralentissements et, surtout, de saut dans le contenu général de la page lors de l'ouverture d'éléments de menu individuels. Il en va de même pour les éléments textuels de la page, qui sont entièrement développés lorsque vous cliquez sur le bouton ou l'inscription "plus de détails".
En conclusion, je voudrais dire que la lutte pour la "compatibilité entre navigateurs" - c'est le nom de la propriété d'une page à afficher partout de la même manière, le processus est complexe et passionnant, nécessitant beaucoup de pratique vivre.
