👉 Tarea 2 - Utilización de lenguajes de marcas en entornos web

EJERCICIO 1

Diseñar una página web para la presentación de las recetas de cocina de un restaurante y aplicarlo a la siguiente receta de cocina. Al inicio de la receta se dará al usuario la opción de ir directamente a la elaboración de la receta o pasar por los ingredientes.

Sopa de cebolla (4 personas)

Ingredientes:

• 1 Kg. de cebollas.
• 2 l. de caldo de carne.
• 100 gr. mantequilla.
• 1 cucharada de harina.
• 100 gr. de queso emmental suizo o gruyére rallado.
• Pan tostado en rebanadas.
• 1 hoja de laurel.

Proceso:

• Pelar y partir las cebollas en rodajas finas.
• Rehogarlas con la mantequilla, sal y pimienta a fuego lento hasta que estén transparentes sin dorarse.
• Añadir la harina sin dejar de remover.
• Ponerlo en una cazuela con el caldo, el tomillo y el laurel.
• Dejar cocer a fuego lento durante unos 15 minutos.
• Poner las rebanadas de pan encima, espolvorear el queso y gratinar al horno.

EJERCICIO 2

Diseñar una página web que permita visualizar simultáneamente tres periódicos dispuestos en la pantalla del modo que indica la tabla siguiente:

EJERCICIO 3

Diseñar y codificar su propia página web personal. Debe aparecer cuáles son tus estudios, aficiones. Incluir, al menos, una fotografía y algún enlace a una página externa.

EJERCICIO 4

Crear un formulario que realice una petición de reserva de un hotel con las siguientes características:

• Un campo para introducir cada uno de los siguientes datos: nombre, apellidos, teléfono de contacto, e-mail, número de noches.
• Dos menús desplegables para recoger la fecha de entrada (día/mes).
• Un botón de radio para elegir entre habitación simple, doble o matrimonio.
• Un campo de selección múltiple (checkbox) que permita al usuario indicar si desea desayuno, comida, cena y/o cama supletoria.
• Una caja de texto donde se puedan dejar comentarios.
• Un botón para limpiar el formulario y otro para enviarlo por correo a la dirección: Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo..

Maquetar el formulario según utilizando la tabla siguiente:

NOTA: 7,8 / 10