Feat: Cours 2e étape web

SNT/01_WEB/2B_html.tex

@@ -0,0 +1,47 @@
+\documentclass[a4paper,10pt]{article}
+\usepackage{myXsim}
+
+\author{Benjamin Bertrand}
+\title{WEB - Cours}
+\date{Septembre 2020}
+
+\pagestyle{empty}
+
+\begin{document}
+
+\maketitle
+
+\setcounter{section}{1}
+\section{Langage HTML}
+
+\begin{center}
+    HTML: HyperText Markup Language
+
+    En français: langage de balises pour l'hypertexte 
+\end{center}
+
+Le html utilise des \textbf{balises} pour structurer le contenu de la page web.
+
+\subsection*{Balises}
+\begin{center}
+    \includegraphics[scale=2]{./fig/anatomie-element-html}
+\end{center}
+
+\subsubsection*{Exemples de balises}
+
+\begin{multicols}{2}
+    \begin{itemize}
+        \item \texttt{<p> ... </p>}
+        \item \texttt{<h1> ... </h1>}
+        \item \texttt{<h2> ... </h2>}
+        \item \texttt{<strong> ... </strong>}
+        \item \texttt{<ul> ... </ul>}
+        \item \texttt{<li> ... </li>}
+        \item \texttt{<img src="..." alt="...">}
+        \item \texttt{<a href="..."> ... </a>}
+    \end{itemize}
+\end{multicols}
+
+\afaire{Décrire l'utilisation des balises listées au-dessus.}
+
+\end{document}

SNT/01_WEB/2E_etude_web.tex

@@ -0,0 +1,25 @@
+\documentclass[a4paper,10pt]{article}
+\usepackage{myXsim}
+
+\author{Benjamin Bertrand}
+\title{WEB - Exercices}
+\date{Septembre 2020}
+
+\pagestyle{empty}
+
+\begin{document}
+
+\begin{tabular}{p{5cm}|c|c}
+    Balises html & Rendu & Autres balises rencontrées \\
+    \hline
+                 & \includegraphics[scale=0.45]{./fig/page_balise.png}&
+\end{tabular}
+\vfill
+\begin{tabular}{p{5cm}|c|c}
+    Balises html & Rendu & Autres balises rencontrées \\
+    \hline
+                 & \includegraphics[scale=0.45]{./fig/page_balise.png}&
+\end{tabular}
+\vfill
+
+\end{document}

SNT/01_WEB/2P_etude_web.tex

@@ -0,0 +1,38 @@
+\documentclass[12pt,xcolor=table]{classPres}
+\usepackage{booktabs}
+
+\author{}
+\title{WEB: Séance 2 \\ Étude du html}
+\date{Septembre 2020}
+
+\begin{document}
+
+\frame{\titlepage}
+
+\begin{frame}{Langage HTML}
+    \begin{itemize}
+        \item HTML: HyperText Markup Language
+            \begin{center}
+                langage de balises pour l'hypertexte 
+            \end{center}
+            \pause
+        \item Balises
+            \begin{center}
+                \includegraphics[scale=2]{./fig/anatomie-element-html}
+            \end{center}
+    \end{itemize}
+\end{frame}
+
+\begin{frame}{Page à balises}
+    \begin{itemize}
+        \item Copier-coller le dossier \colorbox{highlightbg}{\texttt{page\_balises}} dans votre dossier personnel.
+        \item Ouvrir avec Notepad++ le fichier \colorbox{highlightbg}{\texttt{page\_balises.html}}.
+        \item Étudier le code source pour identifier les balises.
+    \end{itemize}
+
+    \begin{center}
+        \includegraphics[scale=0.2]{./fig/page_balise}
+    \end{center}
+\end{frame}
+
+\end{document}

SNT/01_WEB/index.rst

@@ -2,7 +2,7 @@ WEB
 ###
 
 :date: 2020-09-08
-:modified: 2020-09-08
+:modified: 2020-09-09
 :authors: Benjamin Bertrand
 :tags: Web
 :category: SNT
@@ -30,10 +30,22 @@ Cours: languages du web.
 Étape 2: Étudier du HTML
 ========================
 
+.. image:: ./2P_etude_web.pdf
+    :height: 200px
+    :alt: Consigne pour l'étude du web
+
 À partir de la page à balises, les élèves doivents retrouver les balises qui entoure le contenu affiché sur la page.
 
+.. image:: ./2E_etude_web.pdf
+    :height: 200px
+    :alt: Retrouver les balises html
+
 Cours: Le language html et les balises html
 
+.. image:: ./2B_html.pdf
+    :height: 200px
+    :alt: Bilan sur les balises html
+
 Étape 3: Écrire du HTML
 =======================
 

TST/02_Modelisation_suite/index.rst

@@ -2,7 +2,7 @@ Modélisation suite
 ##################
 
 :date: 2020-08-24
-:modified: 2020-09-08
+:modified: 2020-09-09
 :authors: Benjamin Bertrand
 :tags: Suite, Programmation, Tableur, Modélisation
 :category: TST
@@ -33,8 +33,6 @@ Cours: Suites arithémtiques et géométriques sans la formule explicite juste l
     :height: 200px
     :alt: Cours sur le modèle linéaire et exponentiel
 
-Traiter une tableau de valeurs ???
-
 Étape 2: Exercices techniques
 =============================