Proyecto Web
EVALUACIÓN
RA 2. Utiliza lenguajes de marcas para la transmisión de información a través de la Web
analizando la estructura de los documentos e identificando sus elementos.
c) Se ha reconocido la funcionalidad de las principales etiquetas y atributos del
lenguaje HTML. (1 de 4 puntos)
h) Se han aplicado hojas de estilo. (1 de 1,2 puntos)
i) Se han aplicado etiquetas html y hojas de estilo en el proyecto de creación de
páginas web. (Criterio propio) (2 de 2 puntos)
Diseña un sitio web con al menos 5 páginas de la temática que desees.
La página web que hagas debe contener tres secciones diferenciadas:
• una cabecera, con un título identificando la página en que nos encontramos
(pon un texto cualquiera).
• un menú horizontal con enlaces a otras páginas
• el contenido general de la página, que de forma obligada debe contener en
al menos un documento html:
o títulos de diferentes tipos y niveles
o párrafos
o listas ordenadas y desordenadas
o enlaces
o tablas (al menos 1)
o imágenes (tanto locales como externas)
o un video interno y a una plataforma externa.
o un formulario
Sobre la página HTML debemos aplicar CSS externo, que debe:
• utilizar fuentes estándares y no estándares (estas últimas tanto descargadas
a la carpeta como de Google Fonts)
• modificar los márgenes, bordes y rellenos de algunos elementos
• especificación de anchos/altos:
o para el cuerpo de la página, el ancho máximo será de 1420px, el
mínimo de 620px, y el ancho normal del 90% (debe aparecer
centrado)
1
o para la cabecera, tendrá una altura fija, a elegir por ti. El resto de
elementos de la cabecera deberán posicionarse respecto a la
cabecera (jugando con las posiciones absolutas/relativas)
o el menú tendrá una altura máxima de 100px
• colores y fondos a elegir por el alumno
• animaciones para el menú, de forma que cambien el color/forma de los
items del mismo cuando me pongo encima con el cursor del ratón
• debes maquetar la web utilizando flexbox, grid o posicionamiento flotante.
Es necesario que al menos posiciones elementos uno al lado de otro en
mínimo 1 elemento dentro de la página.
• Incorporar algún elemento que se modifique al ver la web en dispositivos
móviles.
• Incorpora al menos dos funcionalidades utilizando Javascript.
• ¡Sé original!
Este proyecto lleva tiempo, por lo que es conveniente que vayas avanzando
conforme vayamos trabajando en clase los diferentes contenidos.