Este documento presenta el ejercicio número 3 de un curso de diseño web. Explica cómo crear la estructura básica de una página web mediante capas (layers) de CSS. Primero se crea una capa principal que contendrá a todas las demás. Luego se añaden capas para el encabezado, cuatro secciones verticales y un pie de página, configurando propiedades como anchos, colores de fondo, bordes y márgenes. Al final, se muestra cómo enlazar la hoja de estilos CSS con la página HTML

1. “Año de la Diversificación Productiva y del Fortalecimiento de la Educación"
COMPUTACIÓN E INFORMÁTICA
Gestión de Aplicaciones para Internet y Producción Multimedia
DISEÑO WEB
DOCENTE : HANCCO QUISPE, Elar E.
ESTUDIANTE : CATUNTA LARICO, Dina Carolina.
CICLO ACADÉMICO : V.
SEMESTRE : V (2015-I)
Juliaca - Puno – Perú.

2. EJERCICIO NUMERO 3
Empezaremos en este caso con nuestro CSS
En caso la llamaremos estilos .css
Bueno empecemos a crear nuestras capas empezaremos por la capa que contendrá
dentro de ella a todas las capas que utilizaremos en adelante:
Como ven en la anterior imagen empezamos con “#” lo cual nos indica que es una capa
de tipo ID que quiere decir esto, quiere decir que cuando tengamos q llamar a nuestro
css en html pues tendremos que utilizar la siguiente etiqueta <div id = “ ” >
Como verán utlilizamos las propiedades que tienen que estar dentro de las llaves como
las que en la imagen anterior:
Width: que le asigna a la capa un ancho que en este caso es de 900px.
Background: que le asigana un color de fondo a la capa.
Margin: que establece los márgenes laterales de la capa con respecto al navegador en
este caso ponemos auto para hacer que la capa se centre.
Ahora vamos con la capa que contendrá nuestro encabezado
Bueno aquí les explicare para que sirven todas las propiedades que utilizamos en la capa
que ven en la parte superior:
Boder: que le agrega a la capa un borde solido de 3px de color negro(#000).
Height: que le asigna a la capa una altura de 200px en este caso.
Background-color: que le asigna a la capa un color de fondo.

3. Text-aling: que hace que todo texto que se encuentra dentro de la capa en este caso se
centre (center).
Ahora crearemos 4 capas que irán alineadas de manera vertical empecemos por la
primera
Como verán le agregamos nuevas propiedades:
Margin: que le asigna un margen superior en este caso un determinado margen a los
lados de la capa .
Width: que le asigna a la capa un ancho que en este caso es de 205px.
Position: que le asigna a la capa una posición determinada.
Ahora crearemos la segunda capa
Como verán le agregamos nuevas propiedades:
Float: lo cual indica que la capa creada flotara al lado izquierdo (left) de nuestra capa.
Margin-top: que le asigna a la capa un margen superior en este caso de 5px.
Ahora creamos la tercera capa

4. Como verán le agregamos nuevas propiedades:
Padding: que le asigna a la capa un espacio de 5px.
Ahora crearemos la capa que se situara en la parte inferior de nuestro cuerpo que se
llamara FOOTER.
Ya está terminamos nuestro css.
Ahora tendremos que digitar el siguiente código para llamar a nuestro css en html.
Una vez terminado todo esto veamos en un navegador el resultado.