ciel-b1/src/cours/CIEL1/04-web-statique/web-statique.md

1.5 KiB

Le Web statique

Lancer un serveur web

En développement

python3 -m http.server

Puis http://localhost:8000

En production

Apache, nginx... Voir à la fin d'un TP

HTML : structurer et donner du sens au contenu

Bases

MDN - Introduction au HTML

Debug

MDN - Debug HTML

Multimédia

images, audio, video

Tableaux

Point sur l'accessibilité (ou intégrer au fil du temps ?) et les bonnes pratiques

Balises de formulaire (à voir avec le JS ?)

CSS : donner du style au contenu

Bases

  • sélecteur > accolades > propriétés: valeurs;
  • Intégrer la CSS dans la page
  • Mise en forme et modification du comportement par défaut
  • Sélections : classes, état, position, combinaisons, cascades (bonus: pseudo classes et pseudo éléments)
  • Propriétés et valeurs
  • fonctions
  • @rules -> @import et @media
  • propriétés raccourcies (border, padding...)
  • boîtes et flex

### Debugger du CSS Firefox powaa

Ressources supplémentaires

MDN Web Docs, section Learn: https://developer.mozilla.org/fr/docs/Learn_web_development ou section référence : https://developer.mozilla.org/fr/docs/Web

Orga

## TP

  • Découverte du HTML + bases CSS
  • Styler une page web avec CSS (boîtes et flex)