Skip to content

Les fondamentaux du web

Vous trouverez ici le parcours HTML + CSS complet, calibré pour une dizaine de séances. Chaque TP s'appuie sur les notions vues dans les précédents, respecter l'ordre vous garantit d'avoir toujours les prérequis nécessaires.

Ce parcours est traversé par un fil rouge : votre blog, un vrai site que vous faites grandir à chaque TP. Et il est ponctué de trois points étapes évalués (barème sur 20, rendu sur Moodle).

Les supports du parcours

Gardez-les à portée de main pendant tous les TP, c'est important :

Étape 1 : Le HTML

Avant de mettre en forme, il faut savoir construire une page.

  1. TP 1 : Découverte du HTML
  2. TP 1.1 : Liens, images et tableaux

Étape 2 : Les bases de la CSS

La mise en forme entre en scène.

  1. TP 2 : Découverte de la CSS
  2. TP 2.1 : Texte, couleurs et fonds

Point étape 1

Évaluation 1 : Ma page passion. Un mini site statique évalué pour valider la structure HTML, la navigation, les images et les bases de la CSS.

Étape 3 : La mise en page

Les boîtes, la sémantique, et une vraie maquette à reproduire.

  1. TP 2.2 : Le modèle des boîtes
  2. TP 3 : Mise en pratique CSS
  3. TP 4 : Flexbox et Responsive

Point étape 2

Évaluation 2 : La une du journal. Une page sémantique et responsive, mise en page avec Flexbox.

Étape 4 : Le projet final

Du maquettage à la mise en ligne.

  1. TP : Maquetter un site Internet (Figma)
  2. Les frameworks CSS (avec Bootstrap et Tailwind)

Point étape final

Évaluation finale : Mon CV en ligne. La synthèse du parcours : de la maquette Figma à la mise en ligne sur Netlify.

Et ensuite ?

Votre site est encore « statique » : le même pour tout le monde. La suite logique du parcours : les TP PHP de base, où vos pages deviendront dynamiques.

×

Reformulation

La reformulation (IA) peut faire des erreurs. Envisagez de vérifier les informations.