-
Cómo hacer que mi sitio web Mostrar seguridad de los mismos en diferentes tamaños Monitores
-
El desarrollo web es difícil para los perfeccionistas, junto con la gente utiliza para imprimir diseños. Esto no sólo puede sitios web muestran de manera diferente en los distintos monitores, pero también pueden aparecer de forma diferente en diferentes navegadores, configuraciones de usuario y sistemas operativos. Está bien. Todavía hay una serie de herramientas a su disposición para crear lo más uniforme un vistazo a su sitio como sea posible, y lo que se conoce como un diseño de ancho fijo es la 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> cerca de la parte superior del archivo, agregue la línea siguiente:
<Div id = "contenedor">
Del mismo modo, justo encima de la etiqueta </ body>, cerca del final del archivo, agregue la línea siguiente:
</ Div>
Lo que está haciendo es envolver todo el contenido de la página web dentro de una división que puede estilo de una manera determinada para aparecer lo más similar posible a través de diferentes monitores. Si su sitio tiene un montón de páginas HTML, que tendrá que hacer esto para cada página.
3 Abra la hoja de estilo de su sitio web para editar. Si su sitio no tiene una hoja de estilo (que va a ser un archivo con una extensión de CSS, lo que significa Cascading Style Sheets), cree un nuevo documento de texto, guárdelo como "style.css", y subirlo a su servidor.
4 Agregue el código siguiente a la hoja de estilos:
div # envoltorio {
margin: 0 auto;
Anchura: 750px;
}Con esto se logran dos cosas. "Margin: 0 auto;" establece el margen superior e inferior de la envoltura a cero y la izquierda ya la derecha de la envoltura en "auto", que se centra en la página.
"Ancho: 750px;" Mientras tanto define la anchura de la envoltura a 750 píxeles. En los monitores grandes o modernas que esto se verá más delgado, pero algunos monitores antiguos todavía tienen una resolución de pantalla de tan sólo 800 por 600 píxeles. Si no está preocupado por el porcentaje (la verdad es bastante pequeña) de la población que todavía tiene una resolución de pantalla de 800 píxeles de ancho, puede probablemente hasta el número de 950 o 1.000.
5 Asegúrese de que la hoja de estilos está vinculado a las otras páginas de su sitio mediante la inclusión de esta línea en cualquier lugar entre las etiquetas <head> y </ head> tags de sus páginas HTML:
<Link rel = "stylesheet" href = "style.css" type = "text / css" />
Asegúrese de que el valor después de "href" es el nombre exacto del archivo de la hoja de estilo, y asegurarse de que está en el mismo directorio que los archivos HTML. Cuando haya terminado, usted tiene un sitio web que permanece estático con una anchura fija sin importar el tamaño monitorear su sitio se ve en.
