Web HTML CSS
Déroulement
Plan de travail
![Plan de travail de la séquence](../../__pdf_previews__/1NSI/01_Web_HTML_CSS/plan_de_travail.pdf.png)
Étape 1: HTML
- Prise en main des outils de programmation.
- Analyse d'une page exemple pour extraire les balises
- Reproduction d'exemples à partir d'une page blanche
- Vérification de la validité du code avec W3C
- Rendre une page valide
Bilan:
![Bilan sur le web et le HTML](../../__pdf_previews__/1NSI/01_Web_HTML_CSS/1B_HTML.pdf.png)
- Le web, son origine, la principe de client serveur et le partage des responsabilités dans les techno web (HTML, CSS, JS)
- HTML: notion de balise (avec attributs), page blanche de base et zoologie des balises
Balises à travailler:
- Header
- paragraphes
- Listes
- Liens
- Images
- Tableaux (?)
Étape 2: CSS
- Integration de règles CSS dans la page exemple
- Application de règles CSS sur les balises (voir codingame pour cela)
- Sélecteurs balise/identifiant/class (jeu autour de la sélection)
Bilan:
![Bilan sur le CSS](../../__pdf_previews__/1NSI/01_Web_HTML_CSS/2B_CSS.pdf.png)
- Différentes façon d'appliquer des règles CSS
- Sélecteurs
Pense bête
- Créer les fichiers pdf d'exemple pour la reproduction de pages
for i in solutions/reproductions_html/*.html; do
wkhtmltopdf --enable-local-file-access $i reproductions_html/${${i:t}%.html}.pdf;
done
Posté le Sun 21 August 2022 (modifié le Sun 04 September 2022) dans 1NSI