Un codificador HTML debe saber: un signo de profesionalismo es la misma visualización y funcionamiento de la página de un sitio en cualquier navegador, al menos en los “tres grandes”, que incluyen los navegadores Internet Explorer, Opera, Mozilla Firefox. El proceso de verificación de la exactitud de la visualización del sitio consta de tres etapas principales.
Es necesario
- • Varios navegadores instalados en la computadora.
- • Atención.
Instrucciones
Paso 1
Etapa uno, preparatoria
El proceso de preparación consiste en descargar el kit de distribución del navegador e instalarlo en la computadora. Cualquier proceso de instalación termina con la pregunta: "¿incluir este navegador por defecto?". Entonces, el principal, o incluido por defecto, es necesario realizar el que ocupe una posición intermedia en cuanto al tamaño de posibles "jambas". Según la experiencia de muchas generaciones de diseñadores de maquetación, este es el navegador Opera.
Una vez instalados varios navegadores en su computadora, proceda directamente al proceso de comparación. Para hacer esto, coloque el cursor sobre el archivo con la extensión.html, que será la base de la página del sitio web o de toda la plantilla, y haga clic en él con el botón derecho del mouse. En la pestaña que se abre, seleccione "abrir con" y luego seleccione el tipo de navegador que desea. El archivo se puede abrir en varios navegadores a la vez, dejándolos minimizados en la barra de tareas del escritorio y abiertos según sea necesario.
Paso 2
Etapa dos: comparación visual
Visualmente, las páginas del sitio en el navegador pueden diferir en tres parámetros principales:
1. Por la cantidad de sangrías y márgenes entre los elementos de la página. IE es particularmente sofisticado en el cálculo de los valores reales de las propiedades de relleno y margen.
2. Los distintos navegadores muestran las fuentes de forma diferente, incluso las fuentes estándar como Arial y Times New Roman. Este es el golpe más duro para las líneas de elementos del menú, que se pueden mostrar en dos líneas o pasar completamente a la segunda fila.
3. Corrección de la visualización de imágenes. En los casos más simples, algunos navegadores, como Opera, no leen las propiedades vspace y hspase especificadas en los atributos de la etiqueta.
… A veces, las imágenes no se centran en las celdas de la tabla si los atributos
esta condición no está detallada. Pero el principal problema para el diseñador de maquetación es preparar el formato de imagen.png. El canal transparente en el código de este archivo es leído por todos los navegadores a su manera, especialmente IE tiene éxito en esto. Por lo tanto, a menudo se observan feas manchas grises en lugar de hermosas imágenes translúcidas.
Etapa tres: verificación funcional
En esta etapa, debe verificar los elementos del menú "desplegable". En su trabajo, no debería haber sacudidas, ralentizaciones y, lo que es más importante, un salto en el contenido general de la página al abrir elementos de menú individuales. Lo mismo se aplica a los elementos de texto de la página, que se expanden por completo al hacer clic en el botón o en la inscripción "más detalles".
En conclusión, me gustaría decir que la lucha por la "compatibilidad entre navegadores": este es el nombre de la propiedad de una página que se mostrará en todas partes de la misma manera, el proceso es complejo y emocionante, que requiere mucha práctica experiencia.
Paso 3
Etapa tres: verificación funcional
En esta etapa, debe verificar los elementos del menú "desplegable". En su trabajo, no debería haber sacudidas, ralentizaciones y, lo que es más importante, un salto en el contenido general de la página al abrir elementos de menú individuales. Lo mismo se aplica a los elementos de texto de la página, que se expanden por completo al hacer clic en el botón o en la inscripción "más detalles".
En conclusión, me gustaría decir que la lucha por la "compatibilidad entre navegadores": este es el nombre de la propiedad de una página que se mostrará en todas partes de la misma manera, el proceso es complejo y emocionante, que requiere mucha práctica experiencia.
