Update for simpler lesson
This commit is contained in:
parent
a39f7bfc1f
commit
3bd4c21cca
Binary file not shown.
@ -8,51 +8,31 @@
|
|||||||
\begin{document}
|
\begin{document}
|
||||||
\maketitle
|
\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 ?}
|
\section{Qu’est-ce que le web ?}
|
||||||
\begin{definition}
|
\begin{definition}
|
||||||
Le web est un système utilisant internet et servant à publier des \textbf{ressources} (par exemple des documents textes et multimédia).
|
Le web est un réseau d’échange de documents (pages web, multimédia, etc) utilisant internet.
|
||||||
\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.
|
|
||||||
\end{definition}
|
\end{definition}
|
||||||
|
|
||||||
\begin{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.
|
Un navigateur web est un logiciel capable de récupérer des documents sur le web et d’afficher des pages web.
|
||||||
\end{definition}
|
\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 ».
|
On identifie les fichiers grâce à une URL pour « Uniform Ressource Locator » ou en français : « localisateur uniforme de ressource ».
|
||||||
\begin{definition}
|
\begin{definition}
|
||||||
Une URL est de la forme suivante :\\
|
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}
|
\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{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{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{description}
|
||||||
\end{definition}
|
\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}
|
\section{Documents et pages web}
|
||||||
Un type de fichier est cependant traité différement : les 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 ».
|
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}
|
\begin{definition}
|
||||||
Le HTML permet de structurer un document et de donner un sens sémantique au texte.
|
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}
|
\lstinputlisting[language=HTML,linerange={1-4,6-12}]{example.html}
|
||||||
\includegraphics[width=\textwidth]{example.png}
|
\includegraphics[width=\textwidth]{example.png}
|
||||||
\end{centering}
|
\end{centering}
|
||||||
|
|
||||||
\end{example}
|
\end{example}
|
||||||
|
|
||||||
\subsection{Les feuilles de style}
|
\subsection{Les feuilles de style}
|
||||||
|
|||||||
@ -1,12 +1,3 @@
|
|||||||
<!DOCTYPE html>
|
<h1>Titre !</h1>
|
||||||
<html>
|
<p>Un paragraphe de texte</p>
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 9.2 KiB |
Loading…
Reference in New Issue
Block a user