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 2
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 la capa que flotara a la izquierda superior de nuestro cuerpo
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 capa que estará ubicada en la parte inferior izquierda de nuestro
cuerpo.
Como verán le agregamos nuevas propiedades:
Float: lo cual indica que la capa creada flotara al lado izquierdo (left) de nuestra capa.
Ahora creamos la capa flotara al lado derecho de nuestro cuerpo.
Aquí no utilizamos propiedades nuevas así q crearemos la capa que se situara en la parte
inferior de nuestro cuerpo que se llamara FOOTER.
4. 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.