ubiquitour.com

Cómo hacer su uso de página Web de la vista de navegador Web todo

Cómo hacer su uso de página Web de la vista de navegador Web todo

La mayoría de los sitios web modernos emplea diseños de página de anchura fija, definir el ancho de los elementos de la página usando valores absolutos como píxeles. Este método generalmente funciona bien, ya que la mayoría de los visitantes de la página web utiliza computadoras desktop y laptop con similares tamaños de pantalla. Sin embargo, algunos diseños requieren el contenido de una página y rellenar la ventana del navegador, si la pantalla es tan pequeña como la de un teléfono móvil, o tan grande como un monitor de 30 pulgadas. Lograr este resultado requiere un diseño de anchura relativa, que puede crear a través de algunos cambios simples en el código HTML de su página.

Instrucciones

1 Abre su página web y su código HTML. Si utilizas un editor Web visual, Microsoft Expression Web como FrontPage, abra su página y luego cambiar su modo de visualización a la vista Código. Esto le permite ver y editar el código que controla el contenido y la apariencia de su página Web. Si utilizas un programa de edición de texto en lugar de ello, simplemente abra su página en el editor de texto.

2 Encontrar la etiqueta < body >, situada cerca de la parte superior del código HTML de tu página. Presione la tecla "Enter" para insertar una línea en blanco justo debajo de esta etiqueta.

3 Copie la línea de código que aparece a continuación y péguelo en la línea en blanco que creó en el paso anterior:

< div estilo = "Mostrar: bloquear; anchura: 100% ">

Este código crea una división de página que ocupa todo el ancho de la ventana del navegador.

4 Encontrar el < /body > etiqueta, situada cerca de la parte inferior del código HTML de tu página. Presione la tecla "Enter" para insertar una línea en blanco justo encima de esta etiqueta.

5 Añadir la siguiente línea de código a la línea en blanco que creó en el paso anterior:

< / div >

Este código cierra la etiqueta < div > que abrió en el paso 3.

6 Cambiar elementos de diseño absolutamente tamaño restante a tamaños relativos. Por ejemplo, si tienes una tabla ancha de 750 píxeles situada dentro del elemento DIV que creó en los pasos anteriores, cambie su valor de anchura de "750" "100%"--o cualquier valor que mejor adapta el diseño de su página. Definiendo un valor de anchura de pariente, asegúrese de que todos los elementos de diseño se escalan de tamaño junto con el DIV como los cambios de tamaño de ventana de navegador.