(Partie 1) Réalisation d'un site web statique pour mobile

Objectif

L'objectif est de coder l’architecture HTML d'un site web simple pour smartphone

Compétences mises en oeuvre:

• 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.

Description du site

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.

(Partie 1) Evolution vers un site web statique responsive

Objectif

Réaliser des designs responsives

Compétences mises en oeuvre:

• 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.

Description du site

• 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