TD de développement d'interfaces Web

Update : Mise en ligne de la correction du TD4

TD1 :

  • Découverte de l'HTML.

Exercice 1 : Voir l'énoncé

Exercice 2 : Voir l'énoncé - Correction

 

TD2 :

  • Découverte du CSS.

Cours : Voir l'énoncé - Correction

Exercice 1 : Voir l'énoncé - Correction

 

TD3 :

  • Sélecteurs CSS avancés.
  • La propriété "position"
  • Les flexbox

Cours : Voir l'énoncé

Exercice 1 : Voir l'énoncé

 

TD4 :

  • Les unités CSS : 
  • Le responsive design grâce aux "media queries" 

Cours : Télécharger le support

Exercice 1 : Voir l'énoncé - Correction

 

TD5 :

  • Les polices avec "Google Fonts"
  • Des icônes avec "Google Material Symbols"
  • Le CSS pour les formulaires

Cours : Télécharger le support

Exercice 1 : Voir l'énoncé

 

Projet (3 semaines) :

  • Développement de l'interface d'un site d'E-commerce

Instructions : https://projetdevwebs1.web.app/index.html