Repositorio del grupo 7 de 2º DAW para el proyecto de la asignatura de Diseño de Interfaces Web.
- Diseñar la estructura html semántica de la web que se había planteado previamente en la guía de estilo y boceto. Pautas:
-
El fichero css debe estar linkado al fichero html, no puede haber código css incrustado en el html.
-
El fichero html debe tener las etiquetas semánticas: header, nav, section, article, aside, footer, también pueden usar main si lo desean.
- No pueden haber div, ya que no es una etiqueta semántica.
- No abusar del uso de Span, solo si es necesario para dar formato al texto.
- Un section puede estar formado por distintos sections y article pero un article no puede estar formado por section.
-
En el nav estaría el menú principal de la web y debería estar formado por una lista ol ó ul con cada uno de sus items li. A su vez, un elemento li puede tener una lista anidada dentro ol ó ul, éste sería el submenu. No debe haber más de 3 niveles de profundidad en un menú.
- Cada uno de esos items puede ser un section que queremos cargar en la pantalla principal al seleccionarlo, para ello usamos la # seguido del id. Así conseguimos cargar ese section en concreto en la página principal debajo del menú.
-
El logotipo representa la imagen y finalidad de la empresa, a parte de ser un elemento de identificación porque identifica la empresa también lo es de navegación, porque pulsando en él nos lleva normalmente a la página home de la empresa.
-
Etiquetas:
- Se tiene que hacer uso de las etiquetas semánticas como contenedores de la página web y todo su contenido dentro de ellas: header, nav, section, aside, article, footer
- Tiene que contener:
- Un menú.
- Párrafos.
- Enlaces.
- Formularios.
- Imágenes.
- Vídeos.
- Audios.
- Contenido interactivo.
- Apartado de contacto con ubicación de google maps.
- Derechos de autor o licencias de divulgación.
-
Accesibilidad: tiene que cumplir con los estándares de accesibilidad web, se tiene que testear una vez finalizado el proyecto con una herramienta de accesibilidad web y mostrar los resultados.
-
Usabilidad web: tiene que cumplir con los principios de usabilidad web. El día de la presentación del proyecto se testeará por el resto de compañeros su usabilidad.