Un programador HTML hauria de saber-ho: un signe de professionalitat és la mateixa visualització i funcionament d'una pàgina del lloc en qualsevol navegador, almenys en els "tres grans", que inclouen els navegadors Internet Explorer, Opera, Mozilla Firefox. El procés de verificació de l'exactitud de la visualització del lloc consta de tres etapes principals.
És necessari
- • Diversos navegadors instal·lats a l’ordinador.
- • Atenció.
Instruccions
Pas 1
Primera etapa, preparatòria
El procés de preparació consisteix a descarregar el kit de distribució del navegador i instal·lar-lo a l’ordinador. Qualsevol procés d'instal·lació finalitza amb la pregunta: "voleu incloure aquest navegador per defecte?". Per tant, la principal, o inclosa per defecte, haureu de fer la que ocupi una posició intermèdia quant a la mida de possibles "brancals". Segons l'experiència de moltes generacions de dissenyadors de maquetes, aquest és el navegador Opera.
Després d'haver instal·lat diversos navegadors a l'ordinador, procediu directament al procés de comparació. Per fer-ho, passeu el cursor per sobre del fitxer amb l'extensió.html, que serà la base de la pàgina del lloc web o de tota la plantilla, i feu-hi clic amb el botó dret del ratolí. A la pestanya que s'obre, seleccioneu "obre amb" i, a continuació, seleccioneu el tipus de navegador que vulgueu. El fitxer es pot obrir a diversos navegadors alhora, deixant-los al mínim a la barra de tasques de l’escriptori i obrir-lo segons sigui necessari.
Pas 2
Segona fase: comparació visual
Visualment, les pàgines del lloc al navegador poden diferir en tres paràmetres principals:
1. Per la quantitat de sagnats i marges entre els elements de la pàgina. IE és particularment sofisticat en el càlcul dels valors reals de les propietats de farciment i marge.
2. Els diferents navegadors mostren tipus de lletra de manera diferent, fins i tot tipus de lletra estàndard, com ara Arial i Times New Roman. Aquest és el més afectat per a les línies d'elements de menú, que es poden mostrar en dues línies o completar-les completament a la segona fila.
3. Correcció de la visualització de les imatges. En els casos més senzills, alguns navegadors, com ara Opera, no llegeixen les propietats vspace i hspase especificades als atributs de l’etiqueta
… De vegades, les imatges no es centren a les cel·les de la taula si els atributs
aquesta condició no s’explica. Però el principal problema per al dissenyador de disseny és preparar el format d’imatge.png. Tots els navegadors llegeixen el canal transparent del codi d’aquest fitxer a la seva manera, especialment IE ho aconsegueix. Per tant, sovint s’observen taques grises lletges en lloc de belles imatges translúcides.
Tercera fase: comprovació funcional
En aquesta etapa, heu de comprovar els elements del menú "desplegable". En el seu treball, no hi hauria d’haver-hi cap moguda, desacceleració i, sobretot, un salt en el contingut general de la pàgina en obrir elements de menú individuals. El mateix s'aplica als elements de text de la pàgina, que s'amplien completament quan feu clic al botó o a la inscripció "més detalls".
En conclusió, voldria dir que la lluita per la "compatibilitat entre navegadors": aquest és el nom de la propietat d'una pàgina que es mostra a tot arreu de la mateixa manera, el procés és complex i emocionant, que requereix un munt de pràctiques experiència.
Pas 3
Tercera fase: comprovació funcional
En aquesta etapa, heu de comprovar els elements del menú "desplegable". En el seu treball, no hi hauria d’haver-hi cap moguda, desacceleració i, sobretot, un salt en el contingut general de la pàgina en obrir elements de menú individuals. El mateix s'aplica als elements de text de la pàgina, que s'amplien completament quan feu clic al botó o a la inscripció "més detalls".
En conclusió, voldria dir que la lluita per la "compatibilitat entre navegadors": aquest és el nom de la propietat d'una pàgina que es mostra a tot arreu de la mateixa manera, el procés és complex i emocionant, que requereix un munt de pràctiques experiència.
