Création de la progression

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

@@ -0,0 +1,50 @@
+# 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](https://developer.mozilla.org/fr/docs/conflicting/Learn_web_development/Core/Structuring_content_2f5dc6d6e575054cc70e0a8faa24bef31907d53cee6754dd2c92e644e705a7d8)
+
+### Debug
+[MDN - Debug HTML](https://developer.mozilla.org/fr/docs/Learn_web_development/Core/Structuring_content/Debugging_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)