\documentclass[11pt,a4paper]{../../template/template_cours}
\usepackage{enumitem} % pour reprendre des énums en cours
\usepackage{listings}
\usepackage{float} % pour fixer la place des figures
\usepackage{subcaption} % Pour avoir des subfigures

%\title{Exercices sur le web}
\title{}
\author{Adrian Amaglio}
\def\thesequence{Web}
\def\thelicence{cc-by-sa}

\begin{document}
Durée 30 minutes. Lisez bien les consignes.
Aucun document, outil de calcul ou moyen de communication n’est autorisé.

\answersfalse

\section*{Contrôle sur le web}
\subsection*{Définitions}
\begin{terseQ}
    À quoi sert un navigateur ?
\end{terseQ}
\terseA{
    A télécharger des documents sur le web et afficher des pages web.
}

\begin{terseQ}
    À quoi sert un moteur de recherche ?
\end{terseQ}
\terseA{
    À trouver des pages web selon des mots-clés.
}

\subsection*{Cookies et URLs}
\begin{terseQ}
    Décomposez les URLs suivantes en 4 parties (adresse, paramètres, chemin et protocole), et indiquez si elles sont sécurisées :
    \begin{verbatim}
    http://framasoft.org/fr/
    https://www.gocomics.com/yesimhotinthis/2021/05/26
    https://search.lilo.org/?q=sexy+soucis
    \end{verbatim}
\end{terseQ}
\terseA{
    \begin{tabular}{|c|c|c|c|c|}
        \hline
        Protocole & Adresse & Chemin du document & Paramètres & Sécurisée \\
        \hline
        http:// & julesguesde.fr & /LIENS & & non \\
        \hline
        https:// & search.lilo.org & / & q=ultra+vomit & oui \\
        \hline
    \end{tabular}
}
\begin{terseQ}
    En reportant les numéros, complétez le texte suivant :
\end{terseQ}

Un cookie est ………\textbf{[~1~]} stocké dans
………\textbf{[~2~]} à la demande d’un
………\textbf{[~3~]}.\\
Il lui sera renvoyé à chaque ………\textbf{[~4~]}.\\ Un cookie sert à ………\textbf{[~5~]} ou à ………\textbf{[~6~]}.\\
Pour que les sites web me considèrent comme une nouvelle personne, je peux
………\textbf{[~7~]} ou ………\textbf{[~8~]}.

\terseA{
        Un cookie est \textit{un petit texte} stocké dans
        \textit{le navigateur} à la demande d’un
        \textit{site web}.\\
        Il lui sera renvoyé à \textit{chaque requête}.\\
        Un cookie sert à \textit{enregistrer une préférence}
        ou à \textit{identifier un utilisateur}.\\
        Pour que les sites web me considèrent comme une nouvelle personne, je peux
        \textit{supprimer les cookies} ou
        \textit{utiliser la navigation privée}.
}

\subsection*{HTML et CSS}
\begin{terseQ}
    Dessinez la page web qui s’affichera lorsque le navigateur interprètera les documents HTML et CSS suivants. Info : la couleur par défaut est le noir.
    Vous pourrez vous aider de l’annexe 1.
\end{terseQ}

\begin{samepage}
\rule{\linewidth}{1px}
\lstinputlisting[language=HTML]{index.html}
\rule{\linewidth}{1px}
\end{samepage}
\begin{samepage}
\lstinputlisting[language=HTML]{style.css}
\rule{\linewidth}{1px}
\end{samepage}

\terseA{
{\color{red}\underline{Voici un exemple de site web}}\\
{\color{black}Il est possible d’ecrire du texte sur un site web !}
}

\subsection*{Annexe 1 : Quelques règles CSS}
\begin{description}
    \item[font-size: 10px;] Spécifie que le texte fera 10 pixels de haut.
    \item[color: red;] colorie le texte en rouge.
    \item[color: green;] colorie le texte en vert.
    \item[border: 1px solid black;] Spécifie un cadre de 1px de couleure noire.
    \item[background-color: blue;] Colorie le fond du bloc en bleu.
    \item[text-decoration: underline;] souligne le texte.
    \item[letter-spacing: 3px;] Fixe l’espace entre les lettres à 3 pixels.
\end{description}
Le texte est affiché en noir quand aucune règle CSS ne la précise.


\end{document}