Tecnología

Inicio

Cómo crear una página Web visto a través de diferentes resoluciones de pantalla

Cómo crear una página Web visto a través de diferentes resoluciones de pantalla


Una resolución es la cantidad total de píxeles que se pueden mostrar en horizontal y en vertical en el monitor del ordenador y, de acuerdo con W3Schools.com de "Visualización de navegador Estadísticas" de la página; la mayoría de la gente utiliza una resolución de monitor de 1024 x 768 píxeles, aunque se pueden utilizar otros tamaños. Usted puede preguntarse cómo rectificar estas diferencias para que todas las resoluciones reciben una presentación de la tela ideal. Afortunadamente, se puede utilizar un método para crear una página web visto a través de diferentes resoluciones de pantalla de manera que todos los usuarios se encuentran con la mejor visualización posible.

Instrucciones

1 Lance un editor de texto HyperText Markup Language (HTML), como Dreamweaver o CoffeeCup, y crear una nueva página. Seleccionar la opción "Nuevo" en el menú "Archivo", o utilizar el método de su editor de textos de hacer esto.

2 Ajuste el ancho de tamaño de pantalla de 100 por ciento a permitir que el monitor y el navegador se ajuste automáticamente a la configuración del usuario de modo que no tenga que desplazarse o vea demasiado espacio en blanco. Si se utiliza una hoja de estilo en cascada (CSS) para controlar su página (recomendado), esta información se introduce típicamente en una regla de estilo de identificación o clase que controla el diseño de la página de contenido. Con tablas, esta medición se introduce en la etiqueta principal "<table>" que sigue el atributo "ancho". Por ejemplo: <table width = "100%">

3 Dar formato a sus imágenes digitales para que estos gráficos no se extienden más allá del común más baja resolución de 800 x 600. Utilice una aplicación de gráficos o editor de imágenes gratuito para abrir su archivo, seleccione la imagen y utilizar la función de tamaño de la imagen / editor para corroborar que el tamaño de la dimensión encaja dentro de la resolución límite. Si no es así, seleccione un ajuste de "mantener las proporciones" y el tipo en la medición reducida. Un gráfico más grande que 800 x 600 tiros de la configuración del porcentaje de las causas y la necesidad de algunos usuarios para desplazarse por la página para ver la totalidad de su contenido.

4 Probar la página web en diferentes resoluciones para ver cómo le va. Puede hacer clic en la esquina inferior derecha de su navegador web y se arrastra en diagonal hacia la izquierda para producir una pantalla más pequeña; Sin embargo, lo mejor es tener acceso a un ordenador con una resolución diferente y / o el navegador para probar efectivamente a cabo su diseño web.

5 Vista previa de la página web utilizando la función "Vista previa" de su editor de texto y luego guardar el archivo cuando haya terminado.

Consejos y advertencias

  • Se puede usar un editor de texto avanzado de HTML, como Dreamweaver, utilizar plantillas ya preparadas que ya están optimizados para diferentes resoluciones de pantalla.
  • Si usted no tiene acceso a ordenadores con diferentes resoluciones y / o navegadores web, contar con la ayuda de un amigo, o utilizar un ordenador en una biblioteca pública.

Artículos relacionados