diff --git a/web/cours/cours.pdf b/web/cours/cours.pdf index d37ce0f..1c7a1b8 100644 Binary files a/web/cours/cours.pdf and b/web/cours/cours.pdf differ diff --git a/web/cours/cours.tex b/web/cours/cours.tex index 1d56d65..a418073 100644 --- a/web/cours/cours.tex +++ b/web/cours/cours.tex @@ -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} diff --git a/web/cours/example.html b/web/cours/example.html index 5995b37..36e629d 100644 --- a/web/cours/example.html +++ b/web/cours/example.html @@ -1,12 +1,3 @@ - - - - Un exemple de site - - - -

Titre !

-

Un paragraphe de texte

- - +

Titre !

+

Un paragraphe de texte

diff --git a/web/cours/example.png b/web/cours/example.png index b2dec66..dd8b470 100644 Binary files a/web/cours/example.png and b/web/cours/example.png differ diff --git a/web/cours/examplecss.png b/web/cours/examplecss.png index 719691a..10de88e 100644 Binary files a/web/cours/examplecss.png and b/web/cours/examplecss.png differ