L'objectif est de coder l’architecture HTML d'un site web simple pour smartphone
- Réaliser un wireframe.
- Réaliser l'arborescence et le diagramme usecase.
- Coder l'architecture HTML d’une page web simple pour smartphone.
- Mettre en forme des éléments HTML à l’aide du langage CSS.
- Utiliser flexbox.
- Respecter le principe DRY.
- Utiliser le HTML sémantique.
Les site est composé 3 pages:
- Une page d’accueil.
- Une page dédiée au produit (normalement une par produit).
- Une page dédiée à l’entreprise.
Sur l’ensemble des pages on retrouve:
- Présence d’un en-tête contenant un titre.
- Présence d’un menu de navigation.
- Présence d’un pied de page contenant les mentions légales.
Réaliser des designs responsives
- Intégrer des formulaires HTML.
- Utiliser la validation des formulaires côté HTML.
- Intégrer des tableaux HTML.
- Intégrer des médias.
- Utiliser des médias queries en CSS.
- Utilisation d’outils de pré-visualisation sur appareils mobiles.
- Mise en application de la méthodologie mobile first.
- Compréhension de l’expérience utilisateur sur les appareils mobiles.
- Production d’un code CSS maintenable sur tous appareils.
- Application poussée du principe DRY.
- Page contact dédiée avec un formulaire.
- Page prestations dediée avec un tableau listant les prestations de l"entreprise.
- Intégration d'une vidéo sur la page dédiée à l’entreprise.
- Site compatible smartphone, tablette, ordinateur.
- Intégration de librairie de fontes de caractères
- Intégration de librairie d'icones
- Intégration de favicon