113 lines
3.7 KiB
TeX
113 lines
3.7 KiB
TeX
\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}
|