DIW. Tema 4.

Curso 2013/2014

Ejercicio pr actico de calicaci on. Tema 4

En el documento HTML que se adjunta puedes observar una sucesi on de tres capas p arrafos. Cada p arrafo contiene tres fragmentos bien delimitados: un t tulo, un resumen y el texto completo. Debes mostrar en pantalla un recuadro por p arrafo. Cada recuadro debe medir 200x200 p xeles y debe ir recuadrado en gris. En estos recuadros u nicamente deben incluirse los res umenes de los art culos. El resumen de los art culos en ning un caso sobrepasar a el tama no del recuadro, no debes preocuparte de eso. F jate en la imagen para conseguir una visualizaci on lo m as similar posible. Estos tres recuadros deben estar alineados y centrados respecto del navegador.

Cuando se pulse sobre uno de estos recuadros debe visualizarse el t tulo y el contenido completo del art culo. Este texto debe mostrarse bajo los recuadros anteriores y debe ser de la misma anchura que los tres juntos. Este contenido se refrescar a cada vez que se pulse sobre otro recuadro.

DIW. Tema 4. Curso 2013/2014

Importante: Con este enunciado se suministran un chero llamado enunciado.html y otro llamado enunciado.css. En el primero de ellos debes incluir tu c odigo JQuery. El c odigo HTML no puedes modicarlo ni alterarlo. La hoja de estilo CSS que se adjunta si puede ser alterada. La hoja propuesta (e incompleta) solo es una gu a y es decisi on tuya terminarla o reemplazarla.