Sitios web se pueden ver en diferentes dimensiones del monitor y los dispositivos móviles, por lo que desea que su página web en forma como muchos tamaños de pantalla como sea posible. Cuando codifique su sitio, las medidas de la página son fijados por defecto: El usuario ve la misma pantalla sin importar lo que pase. Utilización de hojas de estilo en cascada o CSS, puede configurar su página de ancho a un porcentaje para que el documento sea flexible cuando un espectador se ajusta la ventana de su navegador.
Inicie el software editor de texto y abra el documento página web está modificando. Escriba el código CSS entre la cabeza / elementos de la cabeza:
Tipo style = "text / css"
/ Estilo
Enter "# content {}" entre las etiquetas de estilo para crear una norma que regula el área de contenido principal de la página.
Tipo "Ancho:;" dentro de las llaves y entrar en "100%", después de los dos puntos. El código CSS terminado ahora se ve como el siguiente ejemplo:
Tipo style = "text / css"
# Content {width: 100%;}
/ Estilo
Coloque el cursor en cualquier lugar por debajo del cuerpo de la etiqueta de apertura en la que desea el texto a mostrar. Escriba "div id =" contenido "/ div" y escriba el contenido de su sitio web entre los elementos div.Por ejemplo:
div id = "contenido"
Este es el contenido de su página Web.
/ Div
Guarde el documento y la vista previa de su trabajo en una ventana de navegador. Subir el archivo a su cuenta de alojamiento web para publicar la página actualizada.
Consejos y advertencias
Si tiene otro elemento de la página, como una barra de navegación, establezca la anchura como un porcentaje por lo que también las escalas en una ventana del navegador. El total de todos los elementos no debe superar el 100 por ciento. Por ejemplo:
# Nav {width: 25%;}
# Content {width: 75%;}
No hay comentarios:
Publicar un comentario