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:

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:

• La celda de la esquina superior-izquierda tenga como fondo la imagen arriba-izq.png.
• La celda de la esquina superior-derecha tenga como fondo la imagen arriba-der.png.
• El lado superior tenga como fondo la imagen arriba.png repetida en horizontal.
• El lado izquierdo tenga como fondo la imagen izquierda.png repetida en vertical.
• El lado derecho tenga como fondo la imagen derecha.png repetida en vertical.
• La celda de la esquina inferior-izquierda tenga como fondo la imagen abajo-izq.png.
• La celda de la esquina inferior-derecha tenga como fondo la imagen abajo-der.png.
• El lado inferior tenga como fondo la imagen abajo.png repetida en horizontal.

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.