Retour
Module 1 : Cahier des charges et maquettage
1.1 — Définir le projet Aperçu
🛠️ Projet — Wireframe
Module 2 : Structure HTML5 sémantique
2.1 — Coder la structure Aperçu
🛠️ Projet — HTML
Module 3 : Design CSS3 responsive — Mobile First
3.1 — Styliser le portfolio Aperçu
🛠️ Projet — CSS
Module 4 : Interactivité JavaScript
4.1 — Dynamiser le portfolio Aperçu
🛠️ Projet — JavaScript
Module 5 : Optimisation et performance
5.1 — Rendre le site rapide Aperçu
🛠️ Projet — Optimisation
Module 6 : Déploiement et présentation finale
6.1 — Mettre en ligne et présenter Aperçu

Le reste de la formation est réservé aux inscrits.

S'inscrire gratuitement
Module 2 : Structure HTML5 sémantique Aperçu gratuit

2.1 — Coder la structure

📋 Objectifs

  • Créer les 4 pages HTML5
  • Structurer avec header, nav, main, section, footer
  • Navigation cohérente entre toutes les pages
  • Formulaire de contact validé HTML5

Check-list structure HTML5

  1. ✅ DOCTYPE + head complet (charset, viewport, title, meta description)
  2. ✅ header avec logo + nav (liens vers toutes les pages)
  3. ✅ main avec sections sémantiques (section, article)
  4. ✅ aside pour les compétences ou témoignages
  5. ✅ footer avec copyright + liens réseaux sociaux
  6. ✅ Formulaire contact avec validation HTML5 (required, type, pattern)
  7. ✅ Images avec alt descriptif
  8. ✅ Open Graph sur chaque page
  9. ✅ Code indenté, commenté

💡 Template de page

Créez un template HTML avec header/footer communs. Copiez-le pour chaque nouvelle page. Ainsi toutes les pages ont la même structure de base.

Ceci est un aperçu gratuit.
Voir la formation complète