1

APLICACIONES WEB TEMA 2: DISEÑO Y EDICIÓN DE PÁGINAS WEB.

Examen de H.T.M.L. 5 y C.S.S. 3

Realizar página web, de un tema a elección del alumno1y que
incluya AL MENOS los siguientes elementos:

👉 Un título.

👉 Un encabezado.

👉 Una imagen adecuada al tema de la página web.

👉 Una tabla.

👉 Un formulario para recabar datos de inscripción. El formulario

debe estar dividido en al menos 2 cuadros (puede añadir tantos

cuadros como considere adecuado).

👉 El formulario debe incluir 2 botones:

✓ Un botón para borrar todos los datos del formulario hasta

el momento y empezar de nuevo.

✓ Un botón para enviar los datos del formulario2.

👉 Un enlace con un correo electrónico para contacto.

👉 Un enlace a una página web externa a la realizada por el alumno.

👉 Un enlace al final de la página para volver al inicio de la misma.

 👉 Varios enlaces internos, no menos de 3, a las distintas partes de la página web.

1Se recuerda que no se deben usar temas inadecuados a un contexto educativo (i.e.:
sexo, violencia, drogas, …)
2 No tiene que ser operativo, pero si ha de estar bien definido sintácticamente.

Gonzalo Romero García

2A PLICACIONES WEB TEMA 2: DISEÑO Y EDICIÓN DE PÁGINAS WEB.

Una vez realizada la página, crear las reglas de estilo

necesarias para lograr lo siguiente:

✓ La página web debe tener una imagen de fondo, adecuada

al tema de la página.

✓ Se debe cambiar cualquier parámetro del texto de

la página (color, fuente, tamaño, etc.) que considere

necesario para favorecer la

legibilidad de la misma.

✓ El encabezado debe estar centrado, subrayado, con un

tipo de letra distinto, un tamaño de letra de 65 y un

color que lo destaque. Incluya también algún efecto de

sombra o iluminado del mismo.

✓ Las filas de la tabla deben tener 3 colores distintos:

o Un primer color para la fila de los encabezados.

o Un color para las filas pares.

 o Un color para las filas impares.

✓ Los enlaces, sean del tipo que sean, deben tener 3 colores

distintos y que no sean los que se establecen por defecto:

o Un color para los enlaces no pulsados.

o Un color para los enlaces ya pulsados.

o Un color para los enlaces al posar el cursor sobre ellos.

✓ Los enlaces deben estar agrupados, al principio de la

página y formando una “botonera”, con unos colores que

los hagan destacar en la página. La única excepción sería el

enlace para volver al principio de la página, que debe estar

al final de la misma. Cada enlace individual deberá tener su

propio botón y opcionalmente podrá poner un contenedor

para todos los botones. Añada un efecto de sombra o de

3D para los botones.

Gonzalo Romero García

APLICACIONES WEB TEMA 2: DISEÑO Y EDICIÓN DE PÁGINAS WEB.

✓ Los cuadros del formulario deben tener un color de fondo

distinto del color de fondo de la página y distinto entre

sí.

✓ Se tendrá en consideración cualquier regla de estilo

que incorpore adicionalmente para lograr un

aspecto más cuidado o mejorar su

 legibilidad.

IMPORTANTE: en ningún caso, las reglas de estilo deben ir

incluidas en el fichero H.T.M.L. del contenido.

Una vez concluida la página, se realizará un paquete ZIP

con ella y todos los archivos que necesite para la misma. El
paquete se llamará: pagina_web_nombre, donde “nombre” será
el nombre del alumno. Dicho paquete se enviará por la plataforma
“Classroom” contestando al enunciado del examen.

Para la calificación del examen, se tendrá en cuenta distintos factores:

✓ Que aparezcan todos los elementos solicitados.

✓ Limpieza del código.

✓ Cuidado en la presentación.

✓ Diseño de la página.

NOTAS IMPORTANTES:

 Se comprobará mediante programas específicos, que el código es

propio de cada alumno. En el caso de detectar que varios

alumnos presentan la misma página, SE CALIFICARÁ CON 0 A

TODOS LOS IMPLICADOS.

Gonzalo Romero García