Ejercicios Unidad 4. Modificar las propiedades CSS


Si no tienes abierto Dreamweaver, ábrelo para realizar los ejercicios planteados a continuación.

 

Ejercicio 1: Deportes.

1 Abrir el sitio Deportes.

2 Abrir el documento menu.htm.

3 Asigna la propiedad margen a 0px para todos los lados y el fondo debe ser posicionado en el centro (en el eje horizontal) y en la parte superior (en el vertical) al documento.

4 Abre los archivos donde.htm, instalaciones.htm, quienes.htm y reservas.htm.

5 Haz que el fondo sea fijo para que no se mueva si utilizamos las barras de desplazamiento.

6 En el archivo instalaciones.htm convertir las seis líneas que hacen referencia a las instalaciones en una lista desordenada.

7 Aplicar dos sangrías a la lista.

8 Guardar los cambios y cerrar el documento.

 

Ejercicio 2: Animales.

1 Abrir el sitio Animales.

2 Abrir el documento perros.htm.

3 Al título Perros asignarle un tamaño de fuente de 36px, en cursiva y negrita.

4 Renombra el estilo a titulo.

5 Al título Cuidados Postnatales asignarle un tamaño de fuente de 16px, en cursiva y negrita.

6 Renombra el estilo a titulo2.

7 Cambia las propiedades del documento para que tenga la fuente Georgia a 16px y el fondo de color #CCCC99.

8 Exporta estos estilos y guardalos en una hoja que vincularása este documento. Llámala estilo.css.

9 Abrir el documento inicio.htm y asignarle la hoja de estilos estilo.css.

10 Abrir el documento consultas.htm y asignarle la hoja de estilos estilo.css.

11 Al título Consultas asignarle el estilo .titulo.

12 Abrir el documento gatos.htm y asignarle la hoja de estilos estilo.css.

13 Al título Gatos asignarle el estilo .titulo.

14 Al título ¿Cómo Prevenir Los Problemas Dentales? asignarle el estilo .titulo2.

15 Convertir las cuatro últimas líneas en un lista desordenada, aplica una sangría solamente a la segunda línea.

16 Guardar los cambios y cerrar los documentos.

 

Si no tienes muy claro las operaciones a realizar en los ejercicios anteriores, Aquí te lo explicamos.

 




  Ir a la página anterior Índice del curso  Ir a la siguiente página  

Pág. Ej.4




Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.