Cómo hacer mi página web Mostrar encima de la misma en monitores de diferentes tamaños

Cómo hacer mi página web Mostrar encima de la misma en monitores de diferentes tamaños

Desarrollo web es resistente para perfeccionistas junto con la gente solía imprimir diseños. No sólo sitios web Mostrar diferentemente en diferentes monitores, pero también puede mostrar diferente en diferentes navegadores, sistemas operativos y configuraciones de usuario. Eso está bien. Todavía hay una serie de herramientas a su disposición para crear como uniforme un aspecto de su sitio como sea posible, y lo que se conoce como un diseño de ancho fijo es la forma mejor y más fácil para empezar.

Instrucciones

1 Abrir un archivo HTML en su sitio web para editar.

2 Directamente debajo de la etiqueta < body > en la parte superior del archivo, agregue la siguiente línea:

< div id = "wrapper" >

Asimismo, directamente sobre el < /body > etiqueta cerca del final del archivo, agregue la siguiente línea:

< / div >

Lo que estás haciendo es envolver todo el contenido de la página web dentro de una división que puede estilo en cierto modo parece tan similar como sea posible en diferentes monitores. Si su sitio tiene un montón de páginas HTML, deberás hacerlo para cada página.

3 Abra la hoja de estilos de su sitio web para editar. Si su sitio no tiene una hoja de estilo (será un archivo con la extensión CSS, acrónimo de Cascading Style Sheets), crear un nuevo documento de texto, guárdelo como "style.css" y subirlo a tu servidor.

4 Agregue el código siguiente a la hoja de estilos:

div #wrapper {}margen: 0 auto;width: 750px;}

Esto logra dos cosas. «Auto del margen: 0;» establece el margen superior e inferior de la envoltura de cero y la izquierda y derecha del contenedor a "auto", que se centra en la página.

"Width: 750px;" mientras tanto establece el ancho del contenedor a 750 píxeles. En los monitores grandes o moderno esto se verá más bien flaco, pero algunos monitores más viejos todavía tienen una resolución de pantalla de sólo 800 por 600 píxeles. Si no te preocupa el porcentaje (aunque muy pequeño) de la población que todavía tiene una resolución de pantalla de 800 píxeles de anchura, probablemente puede subir el número a 950 o 1000.

5 Asegúrese de que la hoja de estilos está vinculada a otras páginas en su sitio mediante la inclusión de esta línea en cualquier parte entre el < head > y < / cabeza > Etiquetas de las páginas HTML:

< link rel = "stylesheet" href="style.css" tipo = "text/css" / >

Asegúrese de que el valor después de "href" es el nombre exacto de tu hoja de estilos y asegúrese de que esté en el mismo directorio que los archivos HTML. Cuando termines, tendrás un sitio web que permanece estático con un ancho fijo no importa de qué monitor de tamaño se ve tu sitio en.

Artículos relacionados