Ejercicios unidad 8: Tablas


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 reservas.htm.
  3. Modificar la segunda tabla de la página para que quede similar a la primera, con el aspecto siguiente:
  4. Crea una tabla con el ancho total de la página, sin bordes, que contenga en una celda el primer párrafo y la primera tabla, y en la segunda el segundo párrafo y la segunda tabla.
  5. Guardar los cambios y cerrar el documento.

 

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

Ejercicio 2: Animales.

1 Abrir el sitio Animales.

2 Abrir el documento index.htm.

3 Crea una tabla con las siguientes medidas:

Croquis

4 Coloca la tabla en el centro de la página, y crea una clase CSS llamada contenido que asigne a la tabla el color de fondo #D6E7DB.

5 Utilizando clases CSS, crea las clases necesarias para hacer que:

Todas las celdas tendrán el color de fondo de la página (#EFEFD1). Las imágenes están en la carpeta de imágenes.

Guarda las reglas de estilo en la hoja de estilos estiloanimales.css.

El resultado debe quedar como el siguiente:

5 Inserta la imagen logo_animales.gif en la segunda celda de la segunda fila.

6 Y define la alineación celdas centrales de la segunda fila como centro (en horizontal) y medio (en vertical).

7 Corta el texto que había en el archivo antes de insertar la tabla y pégalo tal y como estaba en la segunda celda de la cuarta fila.

8 Abre el archivo botones.htm y copia los botones de navegación formados por una lista, deberás pegarlos en la tercera celda de la segunda fila. Añade el estilo de los botones a la hoja estiloanimales.css.

9 Define el alineamiento de esa celda como derecha (en horizontal) y superior (en vertical).

10 Guarda los cambios.

11 Deberás hacer lo mismo para los archivos consultas.htm, gatos.htm y perros.htm.

 

Si no tienes muy claro las operaciones a realizar en 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.