Universidad de Costa Rica
Escuela de Ciencias de la Computación e Informática (ECCI)
CI-2413. Desarrollo de aplicaciones web
Profesor: Jeisson Hidalgo Céspedes
14 de octubre de 2011

Examen 02

El examen es de carácter práctico y debe realizarse en una computadora con acceso al web. El estudiante puede disponer de cualquier recurso o referencia que guste, sean hechos durante el curso, estén disponibles en Internet, o en libros. Se dispone de dos horas para entregar la prueba y debe realizarse en forma individual.

Suponga que usted ha sido contratado por una organización para mejorar su existente sitio web. El sitio adolece de varios problemas, como incumplimiento a los estándares, enlaces rotos, diseño poco llamativo, etc. Para efectos de este examen usted deberá corregir una página estática de esa organización, supóngase que sea la siguiente:

http://jps.go.cr/juntaDirectivanew.htm

Descargue una copia de dicha página incluyendo sus requisitos (imágenes, hojas de estilo, etc.), o bien obtenga una copia comprimida. Modifique su copia local hasta convertir la página estática en un documento XHTML 1.0 strict válido que tenga las siguientes cualidades.

  1. [10%] Su documento debe ser válido ante la recomendación del Consorcio Web.
  2. [10%] Los estilos deben estar en un archivo externo al documento XHTML y ser válido ante la recomendación CSS 3.
  3. [5%] Los párrafos deben separarse entre ellos. La imagen que aparece en la parte superior del menú debe ser removida a cambio de un título en el contenido del documento. Investigue cómo proveer sombra a este título utilizando estilos CSS 3.
  4. [10%] El ancho de todo el documento debe ser el mismo que la imagen del encabezado. Al hacer grande la ventana del navegador, todo el documento debe aparecer centrado en ella. Si la ventana se hace pequeña, el documento no debe reducirse, sino exigir su ancho fijo.
  5. [20%] No debe utilizar tablas para posicionar elementos en el documento, sino estilos.
  6. [10%] Debe emplear los elementos (X)HTML acordes a su semántica siempre que se pueda, en lugar de elementos genéricos. Por ejemplo, utilice títulos, párrafos, tablas de datos, etc. De igual forma, no debe utilizar elementos de texto extructurado para formatear texto.
  7. [20%] Desde el menú del sitio original, trate de ingresar a la sección de Legislación. Observe también lo que ocurre en el menú cuando entra en la sección Denuncias. Evite que esto se repita en su solución. Provea algún mecanismo para reutilizar el ecabezado y el menú del sitio.
  8. [10%] Provea un pie de página que será también reutilizado en todo el sitio. Debe aparecer el símbolo de derechos de copia, el año, el nombre de la institución, su ubicación, teléfono y correo electrónico. El tamaño de fuente debe ser un 75% de la fuente del elemento padre y el texto debe estar centrado.
  9. [5%] Provea una hoja de estilos que sea empleada por el navegador para impresión, donde el menú del sitio está oculto.

Para propósitos de este examen, el contenido, el diseño y la apariencia general del sitio web debe mantenerse, es decir, la ubicación del menú, los colores de los elementos, etc., a excepción de los cambios solicitados en este enunciado. Opcionalmente usted puede hacer cambios pequeños mientras no cambien el aspecto global del sitio.

Para entregar su solución, comprima los archivos que haya generado y súbalos a la Plataforma Educativa de la ECCI, en la asignación "Examen02".