Formación Profesional

1º CFGS DAM
LMSGI

UNIDAD 2. Multimedia. 17 de octubre de 2016

Un chef amigo nuestro acaba de enterarse de nuestras nuevas habilidades desarrollando

sitios web, por los que nos ha pedido ayuda para su futura web de recetas. Como es
extremeño y estamos en la época, no podía empezar la web con otra receta que no fuera
la de las migas.

La web debe cumplir lo siguiente:

a) Un banner en la cabecera, que ocupe todo el ancho de la pantalla (aunque le

cambiemos el tamaño al navegador).
b) Color de fondo amarillo (#f7f265).
c) Al inicio, se incorporará una melodía típica de programa de cocina. Esta no se
reproducirá automáticamente, pero una vez que lo haga se hará de forma
continuada, aunque se mostrarán los controles para poder parar o silenciar el
volumen. Su descarga comenzará cuando se inicia la carga de la web. En
primer lugar tratará de reproducir la versión ogg. Si no pudiera, lo intentará
con la versión mp3.
d) A continuación, se insertará un vídeo con la elaboración de la receta. Este
cumplirá:
i. Reproductor de 500px de ancho
ii. La imagen “portada.png” como previsualización del vídeo.
iii. Mostrará controles y se reproducirá automáticamente.
iv. Primero tratará de reproducir el vídeo mp4. Si no pudiera reproducirlo,
lo intentará con el 3gp. La última opción será el formato webm.
e) Una descripción de la receta, con fotos y los pasos de elaboración,
enumerados.
f) La foto del resultado final tendrá un ancho de 650px.

Dispones de una captura en la que se observa el resultado final, tal y como debe quedar
la web. Asimismo, todos los ficheros necesarios los tenemos disponibles en el aula virtual,
incluido el texto de la receta.

Debes entregar únicamente el fichero html, por lo que debes cumplir

escrupulosamente la estructura de carpetas proporcionada para que funcionen todos
los enlaces.

Se puntuará del siguiente modo:

 Cabecera (1p)
 Color de fondo (0,5p)
 Fotos de la elaboración de la receta (1,5p)
 Foto del resultado final (0,5p)
fpi1617

 Audio (2p)
 Vídeo (2p)
 Formateo del texto (2p)
 Orden y limpieza del código (0,5p)