Comentarios al ejercicio Necrológicas 2001

Etiquetas utilizadas

Al quitar el estilo se puede observar que las únicas etiquetas de bloque utilizadas son <h1>, <h2> y <p>.

Al poner el estilo se puede observar que la información sobre cada persona forma una ficha, con tres partes: el nombre, datos básicos sobre su vida y una pequeña biografía, cada una con un color de fondo distinto. Una forma de hacerlo podría ser crear una división agrupando los cuatro párrafos con datos básicos, una división agrupando el par de párrafos con la biografía y una división que agrupe el nombre y las dos divisiones anteriores:

Clases utilizadas

Hay tres clases de fichas (con tonos violetas, rojo y verde, que corresponden a científicos, actores y periosistas), por tanto se necesitarán al menos 3 clases de divisiones.

Además, en cada tipo de ficha, las divisiones de datos y biografía tiene un fondo distinto, por tanto se necesitarán al menos dos clases más de divisiones.

En la hoja de estilo para definir las divisiones interiores, se puede utilizar un selector de descendientes, por ejemplo:

• div.ciencia div.datos

Este selector haría referencia a las divisiones de datos contenidas en la ficha de un científico.

Otros

Los bordes redondeados son propiedades que no forman parte de la recomendación CSS 2.1 (aunque sí formarán parte de la recomendación CSS 3). En la página CSS3: futuras propiedades se explica cómo utilizarlas en Firefox. Estos bordes redondeados se tiene que aplicar tanto a las divisiones interiores como a las exteriores.

Solución del ejercicio

El código XHTML del ejercicio puede consultarse abriendo la página web del ejercicio y eligiendo el menú Ver > Código fuente de la página en Firefox o Ver > Código fuente en Internet Explorer.

La hoja de estilo del ejercicio puede consultarse abriendo este enlace a la hoja de estilo del ejercicio.

Tenga en cuenta que en estos ejercicios hay a menudo varias maneras de conseguir lo mismo, por lo que la solución no es nunca única.