LENGUAJES DE MARCAS.

Examen segundo trimestre. Grupo B (17/03/21)

Nota: Las imágenes necesarias se encuentran en el siguiente enlace.

1. Formulario: (2 puntos)

Escribir una página HTML llamada contacto.html con un aspecto lo más parecido al siguiente :

Aquí está el texto inicial:

El registro de un nombre de dominio requiere información de contacto válida.
La protección de la privacidad se incluye para todos los dominios elegibles,
para proteger tu información personal.

La página tendrá márgenes en el color gris claro que se ve, hasta los extremos izquierdo y derecho
de la ventana del navegador. El recuadro “blanco” (que puede ser una <div> estará centrado en el
navegador).

Alinear los distintos inputs mediante sus anchuras (width). No usar tablas para hacerlo.

El color azul de los bordes del input seleccionado puede hacerse mediante el estilo :hover. Tener en
cuenta que el borde cambia su anchura respecto a cuando no está seleccionado.
Los textos nombre, apellidos, teléfono, etc. en los respectivos input type=”text” desaparecerán al
comenzar a escribir un texto.

Poner un correo electrónico nuestro como valor por defecto en el campo correspondiente.

La bandera de España puede ser un background-image de un campo <select> Los valores de la

lista se muestran a continuación:

Basta con poner los paises hasta “Suecia”. En la página original ( Petición de un dominio en
Wordpress) al elegir un elemento de la lista, cambia la bandera, sin embargo, nosotros no pedimos
este comportamiento.

En el input con label Pais, usar los mismos valores de lista de selección que en la “Bandera”.

El input type=”submit” llamado “Continuar” se oscurece al posicionar el ratón sobre él.

No es necesario enviar los datos a ninguna dirección concreta, pero si queremos una etiqueta
<form> que englobe todos los inputs.
2. Tablas (1 punto)

Escribir una página llamada avisos.html, con un aspecto lo más parecido al siguiente :

Usar el atributo colspan para conseguir la anchura correcta de la celdilla “Jueves 18”.
3. Layout. (2 puntos)

La Asociación Andaluza de Profesores de Informática tiene un sitio Web que no usa etiquetas
HTML5 para crear su layout. Hacer una versión reducida de la página, llamada miaapri.html con un
aspecto lo más parecido posible al siguiente:

No es necesario crear las listas desplegables del área de navegación. Los textos pueden
descargarse desde la propia Web de la asociación. La línea “verde/gris” bajo “NUESTRO TWITTER”
puede conseguirse con 2 etiquetas <hr> con distinto color y anchura.

ENTREGA DEL EXAMEN:

Hacer una captura de pantalla a Escritorio completo donde se vea el aspecto de cada página creada.

Subir las capturas a la tarea ClassRoom del presente examen. Subir también las páginas hacia
nuestro hosting en 000webhost. Enviar como un comentario privado las URLs donde están
publicadas, que deben ser no triviales, para que otros compañeros no puedan acceder directamente
hacia ellas.

Se comprobará detalladamente la originalidad de cada página….

FIN.