Los usuarios de Internet utilizan una amplia variedad de monitores con diferentes resoluciones de pantalla. Por tanto, una de las tareas de los desarrolladores web es la necesidad de crear y optimizar un sitio para su correcta visualización en monitores con cualquier resolución.
Instrucciones
Paso 1
Diseñe su sitio web con la resolución utilizable más baja: 800 * 600 píxeles y utilice un diseño fijo. Pero con este enfoque, hay un inconveniente: para los usuarios que tienen monitores de pantalla ancha, aparecerán campos anchos en la pantalla cuando visualicen su sitio.
Paso 2
Utilice un diseño fluido. En este caso, las páginas se estirarán horizontalmente en esos monitores, cuya resolución es superior a la utilizada en el desarrollo. Pero este enfoque se usa mejor cuando se crean sitios con mucha información textual y una cantidad mínima de gráficos. Esto se debe a que algunos elementos, como imágenes o componentes de terceros, se distorsionarán al cambiar el tamaño en diferentes monitores.
Paso 3
Lo más correcto, pero al mismo tiempo y más complejo desde el punto de vista de la implementación, es el uso de un diseño adaptativo. Esta es una versión más compleja del diseño de goma, que permite cambiar el número de columnas con información cuando se usa el código del programa.
Paso 4
Pero sea cual sea el diseño que se elija para el desarrollo del sitio, hágalo con una resolución de pantalla de 1024 * 768 píxeles. Ésta es la resolución más común.
Paso 5
Además, para la visualización correcta del sitio en monitores con una resolución diferente, siga algunas reglas. Intente mantener el contenido principal de la página en una pantalla para evitar el desplazamiento. Coloque la información de texto en una columna estrecha para que no se "extienda" por todo el ancho de la pantalla. Realice un seguimiento del diseño general de las páginas para que todo sea proporcional.
Paso 6
Al diseñar su diseño, calcule el porcentaje, no la cantidad, del ancho y alto de la página. Luego, la página cambiará de tamaño proporcionalmente tanto en monitores convencionales como en monitores de pantalla ancha.
