Feat: compilation et fin des cours sur le web
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Bertrand Benjamin 2022-09-03 17:20:17 +02:00
parent f969fb4ee0
commit 598e909f32
9 changed files with 21 additions and 32 deletions

BIN
SNT/01_WEB/1B_web.pdf Normal file

Binary file not shown.

View File

@ -3,7 +3,7 @@
\author{Benjamin Bertrand}
\title{WEB - Cours}
\date{Septembre 2020}
\date{Septembre 2022}
\pagestyle{empty}
@ -49,11 +49,12 @@
Le \textbf{navigateur web} est un logiciel qui "comprend" les langages du web pour nous afficher la page web souhaitée.
Exemples de navigateur web:
\begin{itemize}
\item Firefox
\item Chrome
\item Safari
\item Edge
\end{itemize}
\begin{center}
Firefox
\qquad Chrome
\qquad Safari
\qquad Edge
\end{center}
\end{document}

BIN
SNT/01_WEB/2B_html.pdf Normal file

Binary file not shown.

View File

@ -3,7 +3,7 @@
\author{Benjamin Bertrand}
\title{WEB - Cours}
\date{Septembre 2020}
\date{Septembre 2022}
\pagestyle{empty}

Binary file not shown.

View File

@ -11,37 +11,23 @@
\maketitle
\setcounter{section}{1}
\section{Langage HTML}
\setcounter{section}{2}
\section{Hébergement d'une page web}
Pour rendre une page web accessible sur internet, il faut d'abord la déposer sur un \textbf{serveur}.
\begin{center}
HTML: HyperText Markup Language
En français: langage de balises pour l'hypertexte
\includegraphics[scale=0.2]{./fig/client-serveur}
\end{center}
Le html utilise des \textbf{balises} pour structurer le contenu de la page web.
On peut ensuite y accéder en tapant \textbf{l'url} dans un navigateur.
\subsection*{Balises}
\begin{center}
\includegraphics[scale=2]{./fig/anatomie-element-html}
\includegraphics[scale=0.5]{./fig/url_navigateur}
\end{center}
\subsubsection*{Exemples de balises}
\bigskip
\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.}
L'url contient l'adresse du serveur dans l'Internet et l'adresse de la page sur le serveur
\end{document}

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -2,7 +2,7 @@ WEB
###
:date: 2022-08-21
:modified: 2022-08-28
:modified: 2022-09-03
:authors: Benjamin Bertrand
:tags: Web
:category: SNT
@ -12,6 +12,7 @@ Le programme
============
Contenus
- Repères historiques
- Hypertexte
- Langages HTML et CSS
@ -22,6 +23,7 @@ Contenus
- Paramètres de sécurité dun navigateur
Capacités attendues
- Définir les étapes du développement du Web.
- Maîtriser les renvois dun texte à différents contenus.
- Distinguer ce qui relève du contenu dune page et de son style de présentation.