Comentarios al ejercicio Diario de
Cesare PaveseComentarios al ejercicio Diario de
Cesare PaveseAl quitar el estilo se puede observar que las etiquetas de bloque utilizadas son <h1>, <h2>, <h3>, <p>, <address> y <th>.
Al poner el estilo se puede observar que cada entrada del diario forma una ficha, por tanto hay divisiones agrupando cada entrada. También se puede observar que todas las entradas del diario forman un grupo que ocupa una posición determinada (con barra de desplazamiento), por tanto hay una división agrupando todas las entradas del diario. También se puede observar que el calendario ocupa una posición determinada, por tanto hay una división que incluye el calendario y el título.
Para posicionar las entradas del diario es necesario dar un id a la división que engloba todas las entradas.
Las entradas del diario son destinos de los enlaces situados en el calendario, así que hay que dar un id distinto a cada división.
No es necesario dar clase a las divisiones de entradas para distinguirlas de la división que engloba a todos las entradas. Se puede utilizar el selector de descendientes div div para establecer su estilo.
Para posicionar el título, el calendario y las entradas, es necesario dar un id al <h1> y a las divisiones del calendario y las entradas del diario.
El título <h1> y las divisiones <div> del calendario y del grupo de entradas están en posiciones independientes. Eso se puede conseguir con posicionamiento absoluto. Al modificar el ancho de la ventana se puede observar que la posición y tamaño de los tres elementos están definidos en porcentaje %.
El código XHTML del ejercicio puede consultarse abriendo la página web del ejercicio y eligiendo el menú en Firefox o 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.
Autor: Bartolomé Sintes Marco