Module 1 : Cahier des charges et maquettage
1.1 — Définir le projet Aperçu
Module 2 : Structure HTML5 sémantique
2.1 — Coder la structure Aperçu
Module 3 : Design CSS3 responsive — Mobile First
3.1 — Styliser le portfolio Aperçu
Module 4 : Interactivité JavaScript
4.1 — Dynamiser le portfolio Aperçu
Module 5 : Optimisation et performance
5.1 — Rendre le site rapide Aperçu
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 1 : Cahier des charges et maquettage Aperçu gratuit

1.1 — Définir le projet

📋 Objectifs d'apprentissage

  • Rédiger un cahier des charges
  • Définir l'arborescence du site
  • Créer un wireframe (croquis)
  • Établir la charte graphique
📋 Cahier des charges — Portfolio Arborescence Accueil → Projets → Contact → CV 4 pages, navigation fluide Charte graphique Primaire: #2C3E50 | Accent: #3498DB Police: Inter (Google Fonts)

Le cahier des charges

Avant d'écrire une ligne de code, vous devez savoir : quoi construire, pour qui, avec quoi. Un cahier des charges répond à ces questions et sert de feuille de route tout au long du projet.

Wireframe : le croquis

Dessinez chaque page sur papier ou avec un outil (Figma, Excalidraw). Placez les blocs : header, navigation, contenu, footer. Pas de couleurs, pas de polices — juste la structure. C'est le plan de votre maison avant de la construire.

🔑 À retenir

1 heure de conception = 5 heures de codage économisées. Ne sautez JAMAIS la phase de maquettage.

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