diff --git a/1NSI/01_Web_HTML_CSS/exercises.tex b/1NSI/01_Web_HTML_CSS/exercises.tex
index 2002cfc..1c6a944 100644
--- a/1NSI/01_Web_HTML_CSS/exercises.tex
+++ b/1NSI/01_Web_HTML_CSS/exercises.tex
@@ -1,18 +1,30 @@
\begin{exercise}[subtitle={Modifier une page HTML}, step={1}, origin={Ma tête}, topics={ Web HTML CSS }, tags={ Web }]
\begin{enumerate}
- \item Copier puis modifier le code de \texttt{page\_balises.html} pour qu'elle à ça:
+ \item Copier puis modifier le code de \texttt{page\_balises.html} pour qu'elle ressemble au document pdf à coté.
\item Faire les listes des balises rencontrées et expliquer ce qu'elles permettent de faire.
\end{enumerate}
-
- \includegraphics[scale=0.4]{./fig/page_balises_modifiee}
\end{exercise}
\begin{exercise}[subtitle={Écrire des pages HTML}, step={1}, origin={Ma tête}, topics={ Web HTML CSS }, tags={ Web }]
- Reproduire chacun des exemples ci-dessous en partant de la \texttt{page\_blanche.html}.
- \begin{enumerate}
- \item
- \item
- \item
- \item
- \end{enumerate}
+ En vous basant sur les documents reproduire chacun des exemples ci-dessous en partant de la \texttt{page\_blanche.html}.
+ \begin{multicols}{2}
+ \begin{enumerate}
+ \item header et paragraphes
+ \item liens 1 et 2
+ \item listes
+ \item images
+ \end{enumerate}
+ \end{multicols}
+\end{exercise}
+
+\begin{exercise}[subtitle={Valider son code HTML}, step={1}, origin={Ma tête}, topics={ Web HTML CSS }, tags={ Web }]
+ Le code que vous avez écrit ou modifié dans les exercices précédents donne peut être le bon résultat mais cela ne veut pas qu'il ait été rédigé en respectant les règles du HTML.
+
+ Pour valider votre page, il faut la télé verser sur le site de la W3C \url{https://validator.w3.org/#validate_by_upload}.
+
+ Valider les pages que vous avez produites.
+\end{exercise}
+
+\begin{exercise}[subtitle={Corriger une page HTML}, step={1}, origin={Ma tête}, topics={ Web HTML CSS }, tags={ Web }]
+ La page \texttt{page\_non\_valide.html} ne passe pas la validation W3C. À vous de la corriger pour que le rendu reste identique et qu'elle passe le test de validation.
\end{exercise}
diff --git a/1NSI/01_Web_HTML_CSS/fig/page_balises_modifiee.png b/1NSI/01_Web_HTML_CSS/fig/page_balises_modifiee.png
deleted file mode 100644
index 25a663d..0000000
Binary files a/1NSI/01_Web_HTML_CSS/fig/page_balises_modifiee.png and /dev/null differ
diff --git a/1NSI/01_Web_HTML_CSS/index.rst b/1NSI/01_Web_HTML_CSS/index.rst
index 487dc6a..19ad0eb 100644
--- a/1NSI/01_Web_HTML_CSS/index.rst
+++ b/1NSI/01_Web_HTML_CSS/index.rst
@@ -8,8 +8,11 @@ Web HTML CSS
:category: 1NSI
:summary: Prise en main des technologies web. Découverte du HTML et du CSS.
+Déroulement
+===========
+
Étape 1: HTML
-=============
+-------------
- Prise en main des outils de programmation.
- Analyse d'une page exemple pour extraire les balises
@@ -32,7 +35,7 @@ Balises à travailler:
- 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)
@@ -45,7 +48,7 @@ Bilan:
- Quelques propriétés
Étape 3: hébergement, URL, protocole http(s)
-============================================
+--------------------------------------------
- Depot d'une page sur le serveur
- Accès à la page depuis le navigateur
@@ -55,3 +58,14 @@ Bilan:
- Depot sur serveur
- URL et chemin de fichier
+
+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
+
+- `Liste des balises HTML et leur utilité `_
+
+
diff --git a/1NSI/01_Web_HTML_CSS/page_balises/page_balises_mod.pdf b/1NSI/01_Web_HTML_CSS/page_balises/page_balises_mod.pdf
new file mode 100644
index 0000000..f799a16
Binary files /dev/null and b/1NSI/01_Web_HTML_CSS/page_balises/page_balises_mod.pdf differ
diff --git a/1NSI/01_Web_HTML_CSS/page_blanche/page_blanche.html b/1NSI/01_Web_HTML_CSS/page_blanche/page_blanche.html
index 00977c5..1a23187 100644
--- a/1NSI/01_Web_HTML_CSS/page_blanche/page_blanche.html
+++ b/1NSI/01_Web_HTML_CSS/page_blanche/page_blanche.html
@@ -1,5 +1,5 @@
-
+
diff --git a/1NSI/01_Web_HTML_CSS/plan_de_travail.pdf b/1NSI/01_Web_HTML_CSS/plan_de_travail.pdf
index 93529c5..8b7b2de 100644
Binary files a/1NSI/01_Web_HTML_CSS/plan_de_travail.pdf and b/1NSI/01_Web_HTML_CSS/plan_de_travail.pdf differ
diff --git a/1NSI/01_Web_HTML_CSS/plan_de_travail.tex b/1NSI/01_Web_HTML_CSS/plan_de_travail.tex
index 28eac33..00f8366 100644
--- a/1NSI/01_Web_HTML_CSS/plan_de_travail.tex
+++ b/1NSI/01_Web_HTML_CSS/plan_de_travail.tex
@@ -24,7 +24,7 @@ Savoir-faire de la séquence
\begin{itemize}
\item Lire et comprendre le code d'une page HTML et d'une fiche de style CSS.
\item Éditer et écrire le code d'une page HTML et d'une fiche de style CSS.
- \item Valider le code d'une page HTML
+ \item Valider le code d'une page HTML et d'une fiche de style CSS.
\item Mettre en ligne et consulter une page HTML avec une fiche de style CSS
\item Identifier les éléments d'une URL
\end{itemize}
@@ -34,7 +34,7 @@ Savoir-faire de la séquence
Ordre des étapes à respecter
-\section{}
+\section{HTML}
\listsectionexercises
diff --git a/1NSI/01_Web_HTML_CSS/reproductions_html/header_paragraph.pdf b/1NSI/01_Web_HTML_CSS/reproductions_html/header_paragraph.pdf
new file mode 100644
index 0000000..4842d05
Binary files /dev/null and b/1NSI/01_Web_HTML_CSS/reproductions_html/header_paragraph.pdf differ
diff --git a/1NSI/01_Web_HTML_CSS/reproductions_html/images.pdf b/1NSI/01_Web_HTML_CSS/reproductions_html/images.pdf
new file mode 100644
index 0000000..bad2a9a
Binary files /dev/null and b/1NSI/01_Web_HTML_CSS/reproductions_html/images.pdf differ
diff --git a/1NSI/01_Web_HTML_CSS/reproductions_html/liens1.pdf b/1NSI/01_Web_HTML_CSS/reproductions_html/liens1.pdf
new file mode 100644
index 0000000..471235c
Binary files /dev/null and b/1NSI/01_Web_HTML_CSS/reproductions_html/liens1.pdf differ
diff --git a/1NSI/01_Web_HTML_CSS/reproductions_html/liens2.pdf b/1NSI/01_Web_HTML_CSS/reproductions_html/liens2.pdf
new file mode 100644
index 0000000..d218bff
Binary files /dev/null and b/1NSI/01_Web_HTML_CSS/reproductions_html/liens2.pdf differ
diff --git a/1NSI/01_Web_HTML_CSS/reproductions_html/listes.pdf b/1NSI/01_Web_HTML_CSS/reproductions_html/listes.pdf
new file mode 100644
index 0000000..67e5ee9
Binary files /dev/null and b/1NSI/01_Web_HTML_CSS/reproductions_html/listes.pdf differ
diff --git a/1NSI/01_Web_HTML_CSS/solutions/220px-Richard_Stallman_2005_(chrys).jpg b/1NSI/01_Web_HTML_CSS/solutions/220px-Richard_Stallman_2005_(chrys).jpg
deleted file mode 100644
index 763e3e8..0000000
Binary files a/1NSI/01_Web_HTML_CSS/solutions/220px-Richard_Stallman_2005_(chrys).jpg and /dev/null differ
diff --git a/1NSI/01_Web_HTML_CSS/solutions/cite_scolaire_saint_exupery_lyon.jpg b/1NSI/01_Web_HTML_CSS/solutions/page_balises/cite_scolaire_saint_exupery_lyon.jpg
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/cite_scolaire_saint_exupery_lyon.jpg
rename to 1NSI/01_Web_HTML_CSS/solutions/page_balises/cite_scolaire_saint_exupery_lyon.jpg
diff --git a/1NSI/01_Web_HTML_CSS/solutions/page_balises_mod.html b/1NSI/01_Web_HTML_CSS/solutions/page_balises/page_balises_mod.html
similarity index 98%
rename from 1NSI/01_Web_HTML_CSS/solutions/page_balises_mod.html
rename to 1NSI/01_Web_HTML_CSS/solutions/page_balises/page_balises_mod.html
index 29b8281..5540348 100644
--- a/1NSI/01_Web_HTML_CSS/solutions/page_balises_mod.html
+++ b/1NSI/01_Web_HTML_CSS/solutions/page_balises/page_balises_mod.html
@@ -1,5 +1,5 @@
-
+
diff --git a/1NSI/01_Web_HTML_CSS/solutions/CSS3_logo.png b/1NSI/01_Web_HTML_CSS/solutions/reproductions_html/CSS3_logo.png
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/CSS3_logo.png
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_html/CSS3_logo.png
diff --git a/1NSI/01_Web_HTML_CSS/solutions/HTML5_logo.png b/1NSI/01_Web_HTML_CSS/solutions/reproductions_html/HTML5_logo.png
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/HTML5_logo.png
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_html/HTML5_logo.png
diff --git a/1NSI/01_Web_HTML_CSS/solutions/JavaScript_logo.png b/1NSI/01_Web_HTML_CSS/solutions/reproductions_html/JavaScript_logo.png
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/JavaScript_logo.png
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_html/JavaScript_logo.png
diff --git a/1NSI/01_Web_HTML_CSS/solutions/header_paragraph.html b/1NSI/01_Web_HTML_CSS/solutions/reproductions_html/header_paragraph.html
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/header_paragraph.html
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_html/header_paragraph.html
diff --git a/1NSI/01_Web_HTML_CSS/solutions/images.html b/1NSI/01_Web_HTML_CSS/solutions/reproductions_html/images.html
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/images.html
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_html/images.html
diff --git a/1NSI/01_Web_HTML_CSS/solutions/link1.html b/1NSI/01_Web_HTML_CSS/solutions/reproductions_html/liens1.html
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/link1.html
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_html/liens1.html
diff --git a/1NSI/01_Web_HTML_CSS/solutions/link2.html b/1NSI/01_Web_HTML_CSS/solutions/reproductions_html/liens2.html
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/link2.html
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_html/liens2.html
diff --git a/1NSI/01_Web_HTML_CSS/solutions/lists.html b/1NSI/01_Web_HTML_CSS/solutions/reproductions_html/listes.html
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/lists.html
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_html/listes.html