Ejercicios unidad 5: El texto: propiedades y formato


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 index.htm.
  3. Edita el estilo de la página. Asigna la propiedad margen a 20px para todos los lados. El fondo debe ser posicionado en el centro en el eje horizontal y arriba en el eje vertical.
  4. Crea una regla de estilo para la etiqueta HTML. En ella debes de cambiar las propiedades para que muestre la imagen fondo.png como fondo, ocupando la parte superior de la página, y estableciendo como #E0E5EF color de fondo. La regla sólo afectará a la página actual.
  5. Crea una regla de estilo para el elemento con ID menu. Debes de establecer las siguientes propiedades: En propiedades de Diseño, ancho 600px, y los márgenes superior: 80px, inferior 10px y laterales auto. Además en propiedades de Tipo, el color del texto ha de ser #EFF4FF y estar en negrita a 18px. En las propiedades de Bloque, centra el texto.
    Selecciona la tabla (etiqueta table). Es el primer texto, el que aparece con un marco punteado. Asígnale el ID menu.
    Edita la regla body,th,td cambiando su selector a sólo body.
  6. Que los encabezados 1 tengan el color #738098.
  7. Exporta las reglas a una nueva hoja de estilos llamada estilodeportes.css. Vincula esa hoja a las páginas donde.htm, instalaciones.htm, y reservas.htm.
  8. En el archivo instalaciones.htm convertir las seis líneas que hacen referencia a las instalaciones en una lista desordenada.
  9. Guardar los cambios y cerrar el documento.

 

Si no tienes muy claro las operaciones a realizar para resolver este ejercicio, Aquí te lo explicamos.

Ejercicio 2: Animales.

  1. Abrir el sitio Animales.
  2. Abrir el documento perros.htm.
  3. Convertir la primera línea Perros a un encabezado 1.
  4. Asignarle un estilo cursiva, con un tamaño de fuente de 36px. Definir la regla solo en este documento.
  5. Al párrafo Cuidados Postnatales asignarle un tamaño de fuente de 18px, en cursiva y negrita.
  6. Guarda el estilo como titulo. Definir la regla solo en este documento.
  7. Cambia las propiedades del documento para que tenga la fuente Georgia a 16px y el fondo de color #EFEFD1.
  8. Mueve estas Reglas CSS a una nueva hoja que vincularás a este documento. Llámala estiloanimales.css.
  9. Abrir el documento index.htm y asignarle la hoja de estilos estiloanimales.css.
  10. Convertir la primera línea de texto a un encabezado 1.
  11. Abrir el documento consultas.htm y asignarle la hoja de estilos estiloanimales.css.
  12. Convertir la primera línea de texto a un encabezado 1.
  13. Abrir el documento gatos.htm y asignarle la hoja de estilos estiloanimales.css.
  14. Convertir la primera línea de texto a un encabezado 1.
  15. Al título ¿Cómo Prevenir Los Problemas Dentales? asignarle el estilo .titulo.
  16. Convertir las cuatro últimas líneas en un lista desordenada, aplica una sangría solamente a la segunda línea.
  17. Guardar los cambios y cerrar los documentos.

 

Si no tienes muy claro las operaciones a realizar para resolver este ejercicio, Aquí te lo explicamos.


Marzo-2015
Atrás Volver Adelante






Página inicial  Cursos Informática Gratuitos

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


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