\documentclass[a4paper]{article}

\usepackage[utf8x]{inputenc}
\usepackage[T1]{fontenc}
\usepackage{listings}


\usepackage[francais,bloc,completemulti]{automultiplechoice}
\begin{document}

\setdefaultgroupmode{withoutreplacement}

\element{navmdr}{
\begin{questionmult}{navigateur}
    À quoi sert un navigateur ?
  \begin{reponses}
    \bonne{À télécharger des documents sur le web}
    \bonne{À afficher des pages web}
    \mauvaise{À trouver des sites web selon des mots clés}
    \mauvaise{À remplacer parfois le moteur de recherche}
  \end{reponses}
\end{questionmult}
}

\element{navmdr}{
\begin{question}{mdr}
    À quoi sert un moteur de recherche ?
  \begin{reponses}
    \mauvaise{À télécharger des documents sur le web}
    \mauvaise{À afficher des pages web}
    \bonne{À trouver des sites web selon des mots clés}
    \mauvaise{À remplacer parfois le navigateur}
  \end{reponses}
\end{question}
}

\element{urls}{
\begin{question}{protocole}
    On considère l’URL suivante : \textit{https://www.ecosia.org/search?q=framasoft}\\
    Le morceau d’URL \textit{https://} est appellé :
  \begin{reponses}
    \bonne{Le protocole}
    \mauvaise{Le nom ou l’adresse du serveur}
    \mauvaise{Le chemin}
    \mauvaise{Les paramètres}
    \mauvaise{L’URL}
    \mauvaise{La recherche}
  \end{reponses}
\end{question}
}

\element{urls}{
\begin{question}{adresse}
    On considère l’URL suivante : \textit{https://framasoft.org/fr/}\\
    Le morceau d’URL \textit{framasoft.org} est appellé :
  \begin{reponses}
    \mauvaise{Le protocole}
    \bonne{Le nom ou l’adresse du serveur}
    \mauvaise{Le chemin}
    \mauvaise{Les paramètres}
    \mauvaise{L’URL}
    \mauvaise{La recherche}
  \end{reponses}
\end{question}
}

\element{urls}{
\begin{question}{url}
    On considère l’URL suivante : \textit{https://framasoft.org/fr/}\\
    Le morceau d’URL \textit{/fr/} est appellé :
  \begin{reponses}
    \mauvaise{Le protocole}
    \mauvaise{Le nom ou l’adresse du serveur}
    \bonne{Le chemin}
    \mauvaise{Les paramètres}
    \mauvaise{L’URL}
    \mauvaise{La recherche}
  \end{reponses}
\end{question}
}

\element{urls}{
\begin{question}{param}
    On considère l’URL suivante : \textit{https://www.mon-ent-occitanie.fr/sg.do?PROC=CHARTE\_UTILISATION}\\
    Le morceau d’URL \textit{?PROC=CHARTE\_UTILISATION} est appellé :
  \begin{reponses}
    \mauvaise{Le protocole}
    \mauvaise{Le nom ou l’adresse du serveur}
    \mauvaise{Le chemin}
    \bonne{Les paramètres}
    \mauvaise{L’URL}
    \mauvaise{La recherche}
  \end{reponses}
\end{question}
}

\element{urls}{
\begin{question}{secure}
    On considère l’URL suivante : \textit{http://julesguesde.fr}\\
    Cette URL est-elle sécurisée et pourquoi ?
  \begin{reponses}
      \bonne{Non car elle commence par http}
      \mauvaise{Oui car elle commence par http}
      \mauvaise{Oui car c’est le site du lycée}
      \mauvaise{Non car c’est le site du lycée}
  \end{reponses}
\end{question}
}

\element{cookies}{
\begin{question}{cookie}
    Concrètement, qu’est-ce qu’un cookie ?
    \begin{reponses}
        \bonne{Un petit texte}
        \mauvaise{Un logiciel espion}
        \mauvaise{Un petit biscuit numérique}
    \end{reponses}
\end{question}

}

\element{cookies}{
\begin{question}{cookiestore}
    Où sont stockés les cookies ?
    \begin{reponses}
        \bonne{Dans le navigateur}
        \mauvaise{Dans le serveur}
        \mauvaise{Sur le réseau}
        \mauvaise{Dans la page web}
    \end{reponses}
\end{question}

}

\element{cookies}{
\begin{question}{cookieask}
    Qui demande à stocker des cookies ?
    \begin{reponses}
        \bonne{Le serveur}
        \mauvaise{Le navigateur}
        \mauvaise{Le réseau}
        \mauvaise{La page web}
    \end{reponses}
\end{question}

}

\element{cookies}{
\begin{question}{cookieresend}
    Quand est-ce que le cookie est envoyé au serveur ?
    \begin{reponses}
        \bonne{À chaque requête}
        \mauvaise{À la première connexion}
        \mauvaise{Quand on se reconnecte au réseau}
        \mauvaise{Quand il a besoin de réconfort}
    \end{reponses}
\end{question}

}

\element{cookies}{
\begin{questionmult}{cookiegoal}
    À quoi sert un cookie ?
    \begin{reponses}
        \bonne{À identifier une personne sur le web}
        \bonne{À enregistrer une préférence}
        \mauvaise{À voler des identifiants}
        \mauvaise{À décider si la publicité sera affichée}
    \end{reponses}
\end{questionmult}

}

\element{cookies}{
\begin{questionmult}{cookiereset}
    Comment faire pour être considéré comme une nouvelle personne par les serveurs web ?
    \begin{reponses}
        \bonne{Passer en navigation privée}
        \bonne{Supprimer les cookies}
        \mauvaise{Utiliser un VPN}
        \mauvaise{Changer de connexion à internet}
        \mauvaise{Mettre une veste à capuche et taper très vite au clavier}
    \end{reponses}
\end{questionmult}

}


\element{html}{
\begin{questionmult}{titre}
    Quel·s sera ou seront le·s titre·s affiché·s en haut de la page web ?
    \begin{reponses}
        \bonne{Voici un exemple de site web}
        \mauvaise{Il est possible d'ecrire du texte sur un site web !}
        \mauvaise{Un bel exemple}
        \mauvaise{h1}
        \mauvaise{title}
    \end{reponses}
\end{questionmult}

}

\element{html}{
\begin{question}{paragraphe}
    Quelle sera le texte de la page ?
    \begin{reponses}
        \bonne{Il est possible d'ecrire du texte sur un site web !}
        \mauvaise{<p>Il est possible d'ecrire du texte sur un site web !</p>}
        \mauvaise{p}
        \mauvaise{Un bel exemple}
    \end{reponses}
\end{question}
}

\element{html}{
\begin{question}{couleurtext}
    Quelle sera la couleur du texte dans le paragraphe ? Vous pourrez vous aider de l’annexe 1.
    \begin{reponses}
        \bonne{Verte}
        \mauvaise{Noire}
        \mauvaise{Rouge}
        \mauvaise{Autre}
    \end{reponses}
\end{question}
}
\element{html}{
\begin{question}{couleurtitre}
    Quelle sera la couleur du texte dans le titre ? Vous pourrez vous aider de l’annexe 1.
    \begin{reponses}
        \mauvaise{Verte}
        \bonne{Noire}
        \mauvaise{Rouge}
        \mauvaise{Autre}
    \end{reponses}
\end{question}
}
\element{html}{
\begin{question}{souligne}
    Quel texte sera souligné ? Vous pourrez vous aider de l’annexe 1.
    \begin{reponses}
        \mauvaise{Le paragraphe}
        \bonne{Le titre}
        \mauvaise{Aucun}
    \end{reponses}
\end{question}
}


\exemplaire{25}{

%%% debut de l'en-tête des copies :

\noindent{\bf QCM  \hfill SNT : Le web}

\vspace*{.5cm}
\begin{minipage}{.4\linewidth}
\centering\large\bf
Contrôle de SNT sur le web
\end{minipage}
\champnom{\fbox{
       \begin{minipage}{.5\linewidth}
         Nom et prénom :

         \vspace*{.5cm}\dotfill
         \vspace*{1mm}
       \end{minipage}
}}

\begin{center}\em
LISEZ CE TEXTE ATTENTIVEMENT PLUSIEURS FOIS.

Pour cocher une case il faut la noircir complètement.
Pour anuler, il faut effacer au blanc.

Durée : 30 minutes.

  Aucun document n'est autorisé.
  Il est interdit d’utiliser des outils de calcul autre que votre cerveau.
  Il est interdit d’utiliser tout moyen de communication (téléphone, papiers, pots de yaourt…)

  Les questions faisant apparaître le symbole \multiSymbole{} peuvent
  présenter zéro, une ou plusieurs bonnes réponses. Les autres ont
  une unique bonne réponse.

  Les mauvaises réponses ne rapportent pas de points négatifs.

\end{center}
\vspace{1ex}

%%% fin de l'en-tête
\subsection*{Définitions}
\insertgroup{navmdr}

\subsection*{Cookies}
\insertgroup{cookies}

\subsection*{Les URLs}
\insertgroup{urls}

\newpage
\subsection*{HTML et CSS}
On considère les fichiers html et css suivants :\\
\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}

\insertgroup{html}

\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 précise de couleur.



}

\end{document}