adrian/cours-snt
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update for simpler lesson

Browse Source
This commit is contained in:
Adrian Amaglio 2021-09-15 18:56:25 +02:00
parent a39f7bfc1f
commit 3bd4c21cca
5 changed files with 9 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
web/cours/cours.pdf
View File

Binary file not shown.

35
web/cours/cours.tex
View File

@ -8,51 +8,31 @@
\begin{document}
\maketitle
\section{Historique}
\begin{description}
\item [1965] Invention et programmation du concept d’hypertexte par Ted Nelson
\item [1989] Première page web au CERN par Tim Berners Lee
\item [1993] Mise dans le domaine public, disponibilité du premier navigateur Mosaic
\item [2001] Standardisation des pages grâce au DOM (Document Object Model)
\end{description}
\section{Qu’est-ce que le web ?}
\begin{definition}
Le web est un système utilisant internet et servant à publier des \textbf{ressources} (par exemple des documents textes et multimédia).
\end{definition}
\section{Fonctionnement}
Comment peut-on récupérer des documents sur internet depuis notre ordinateur ou téléphone ?
\subsection{Client et serveur}
\begin{definition}
Les ressources sont stockées sur un serveur web connecté à internet.\\
Un navigateur (ou client) également connecté à internet peut donc lui envoyer une \textbf{requête web}, demandant une ressource précise.\\
La \textbf{réponse} contiendra cette ressource si elle existe.
Le web est un réseau d’échange de documents (pages web, multimédia, etc) utilisant internet.
\end{definition}
\begin{definition}
Un navigateur web est un logiciel capable de récupérer des documents sur le web et d’afficher des pages web.
\end{definition}
\subsection{URLs}
\section{URLs}
On identifie les fichiers grâce à une URL pour « Uniform Ressource Locator » ou en français : « localisateur uniforme de ressource ».
\begin{definition}
Une URL est de la forme suivante :\\
\textcolor{red}{https://}\textcolor{blue}{www.julesguesde.fr}\textcolor{green}{/LIENS}
\textcolor{red}{https://}\textcolor{blue}{www.julesguesde.fr}\textcolor{green}{/LIENS}\textcolor{black}{?lang=fr}
\begin{description}
\item[\textcolor{red}{https://}] Le protocole utilisé pour récupérer la ressource. HTTP pour le web, HTTPS avec un chiffrement.
\item[\textcolor{blue}{www.julesguesde.fr}] Est l’adresse IP du serveur (ou un nom symbolique qui sera traduit par l’adresse).
\item[\textcolor{blue}{www.julesguesde.fr}] Est le nom du serveur qui stock la ressource.
\item[\textcolor{green}{/LIENS}] Est le chemin du document que l’on souhaite récupérer sur le serveur.
\item[\textcolor{black}{?lang=fr}] Sont des paramètres permettant de personnaliser la page.
\end{description}
\end{definition}
\section{Types de ressources}
Tous les fichiers peuvent être servis par un serveur web que ce soit du texte, une vidéo, un programme…\\
Ces fichiers sont téléchargés par le navigateur sur notre ordinateur.\\
\subsection{Les documents HTML}
Un type de fichier est cependant traité différement : les pages web.
\section{Documents et pages web}
Tous les fichiers peuvent être mis sur le web. Un type de fichier est cependant traité différement : les pages web.
Une page web est un fichier texte dont le contenu est structuré par le format HTML pour « HyperText Markup Language » ou « langage de balisage hypertexte ».
\begin{definition}
Le HTML permet de structurer un document et de donner un sens sémantique au texte.
@ -66,7 +46,6 @@ On peut donc mettre des titres, des paragraphes et d’autres éléments de stru
\lstinputlisting[language=HTML,linerange={1-4,6-12}]{example.html}
\includegraphics[width=\textwidth]{example.png}
\end{centering}
\end{example}
\subsection{Les feuilles de style}

13
web/cours/example.html
View File

@ -1,12 +1,3 @@
<!DOCTYPE html>
<html>
<head>
<title>Un exemple de site</title>
<link rel="stylesheet" href="example.css" />
</head>
<body>
<h1>Titre !</h1>
<p>Un paragraphe de texte</p>
</body>
</html>
<h1>Titre !</h1>
<p>Un paragraphe de texte</p>

BIN
web/cours/example.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

BIN
web/cours/examplecss.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 9.2 KiB