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 4
Empezaremos en este caso con nuestro CSS
En caso la llamaremos estilos .css
Bueno empecemos creando nuestro encabezado
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 utilizamos 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 asigna 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.
Height: que le asigna una altura de 100px en este caso.
Text-aling: que hace que todo texto que se encuentra dentro de la capa en este caso se
centre (center).
Border: que le agrega a la capa un borde solido de 3px de color negro(#000).
Ahora vamos con la capa que contendrá una capa dentro del encabezado
3. Bueno aquí les explicare para que sirven todas las propiedades que utilizamos en la capa
que ven en la parte superior y que no se habían explicado anteriormente:
Height: que le asigna a la capa una altura de 200px en este caso.
Position: que le asigna a la capa una posición determinada.
Margin left y top: que le asigna a la capa márgenes a la izquierda y arriba de la capa.
Ahora crearemos una capa que flotara al lado izquierdo.
Ahora crearemos dos capas que estarán dentro de la capa anterior creemos la primera.
Ahora creemos la segunda capa estará dentro del main.
4. Ahora crearemos una capa que flotara al lado derecho
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 otras capas más que estarán dentro de la capa main1.
5.
6. 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.