\documentclass{article}
\usepackage{xltxtra}
\usepackage[bloc,lang=FR]{automultiplechoice}
\usepackage{multicol}
\usepackage{fancyvrb}
\setmainfont{Linux Libertine}
\geometry{paper=a4paper}
\geometry{hmargin=1.5cm}\begin{document}
\def\AMCmakeTitle#1{\par\noindent\hrule\vspace{1ex}{\hspace*{\fill}\Large\bf #1\hspace*{\fill}}\vspace{1ex}\par\noindent\hrule\par\vspace{1ex}}
\AMCrandomseed{1527384}
\AMCtext{none}{aucune des réponses ci-{}dessus n'est correcte.}
\begin{SaveVerbatim}{AMCverbC}
Lundi Mardi Mercredi Jeudi Vendredi Samedi Dimanche
\end{SaveVerbatim}
\begin{SaveVerbatim}{AMCverbD}
<ul> <li>accueil</li> <li>cv</li> <li>mes projets</li> <li>liens</li> </ul>
\end{SaveVerbatim}
\begin{SaveVerbatim}{AMCverbE}
accueil cv mes projets liens
\end{SaveVerbatim}
\begin{SaveVerbatim}{AMCverbF}
<aside><ul>
	<li><ol>
		<li>A</li>
		<li>B</li>
	</ol></li>
	<li><ul>
		<li>C</li>
		<li>D</li>
	</ul></li>
</ul></aside>
\end{SaveVerbatim}
\element{grB}{
\begin{question}{Q001}
Parmi les listes de balises suivantes, laquelle ne contient que des balises de type block ?
\begin{multicols}{2}
\begin{choices}
\wrongchoice{<p> <aside> <nav> <i> <li> <ol>}
\correctchoice{<h1> <div> <ul> <section> <nav>}
\wrongchoice{<nav> <div> <footer> <span> <ul>}
\wrongchoice{<a> <header> <input>}
\wrongchoice{<img> <h1> <br/>}
\wrongchoice{<h1> <footer> <ul> <em> <div>}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q002}
Parmi ces balises HTML, laquelle ne doit pas être placée entre <body> et </body> ?
\begin{multicols}{2}
\begin{choices}
\wrongchoice{<article>}
\wrongchoice{<p>}
\correctchoice{<title>}
\wrongchoice{<aside>}
\wrongchoice{<h2>}
\wrongchoice{<h1>}
\wrongchoice{<header>}
\wrongchoice{<section>}
\wrongchoice{<ul>}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q003}
On veut créer un lien vers le paragraphe ayant pour titre intro. Quel est le code correct ?
\begin{choices}
\wrongchoice{...<a href=’\#intro’>Aller à l’intro</a>...<h1 class="intro">Intro</h1>...}
\wrongchoice{...<a href=’intro’>Aller à l’intro</a>...<h1 class="intro">Intro</h1>...}
\wrongchoice{...<a href=’intro’>Aller à l’intro</a>...<h1 id="intro">Intro</h1>...}
\wrongchoice{...<a href=’.intro’>Aller à l’intro</a>...<h1 id="intro">Intro</h1>...}
\correctchoice{...<a href=’\#intro’>Aller à l’intro</a>...<h1 id="intro">Intro</h1>...}
\wrongchoice{...<a href=’.intro’>Aller à l’intro</a>...<h1 class="intro">Intro</h1>...}
\end{choices}
\end{question}
}
\element{grB}{
\begin{question}{Q004}
Si on j’écris la règle « \(\ast\) \{color:red;\} » dans un fichier CSS rattaché à ma page web, je vais afficher en rouge :
\begin{multicols}{2}
\begin{choices}
\wrongchoice{le fond des paragraphes}
\correctchoice{tout le texte de la page}
\wrongchoice{le texte des paragraphes}
\wrongchoice{le fond de la page}
\wrongchoice{le fond de tous les sous-{}blocs de la page}
\wrongchoice{rien du tout : cette syntaxe est incorrecte !}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q005}
Parmi ces balises, laquelle n’existe plus en HTML 5 ?
\begin{multicols}{2}
\begin{choices}
\wrongchoice{<table>}
\wrongchoice{<h3>}
\wrongchoice{<em>}
\wrongchoice{<article>}
\wrongchoice{<head>}
\correctchoice{<center>}
\wrongchoice{<p>}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q006}
En CSS, pour choisir une couleur, toutes les valeurs suivantes sont valides sauf une, laquelle ?
\begin{multicols}{2}
\begin{choices}
\wrongchoice{\#AE05F4DD}
\wrongchoice{red}
\wrongchoice{\#AE05F4}
\wrongchoice{rgb(200, 150, 20)}
\correctchoice{rgb(\#AE, \#05, \#F4)}
\wrongchoice{rgba(200, 150, 20, .5)}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q007}
Toutes ces phrases sont vraies sauf une, laquelle ?
\begin{multicols}{2}
\begin{choices}
\wrongchoice{les JPG et PNG permettent d’utiliser 16 millions de couleurs}
\wrongchoice{il vaut mieux utiliser le PNG pour des images crées avec un logiciel de dessin, et le JPG pour les photos}
\wrongchoice{le PNG est un format de compression sans perte}
\correctchoice{le JPG est un format de compression sans perte}
\wrongchoice{le PNG permet la transparence mais pas le JPG}
\wrongchoice{le GIF est un vieux format dont le seul intérêt actuellement est de pouvoir faire des animations}
\wrongchoice{le SVG est un format d’image vectoriel}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q008}
Quel code CSS permet de changer la couleur du premier paragraphe de chaque section ?
\begin{multicols}{2}
\begin{choices}
\wrongchoice{p section:nth-{}child(1) \{color:red;\}}
\wrongchoice{p section :nth-{}of-{}type(1) \{color:red;\}}
\wrongchoice{section p:nth-{}of-{}type(1) \{color:red;\}}
\correctchoice{section p :nth-{}of-{}type(1) \{color:red;\}}
\wrongchoice{section p :nth-{}child(1) \{color:red;\}}
\wrongchoice{section p:nth-{}child(1) \{color:red;\}}
\wrongchoice{p section:nth-{}of-{}type(1) \{color:red;\}}
\wrongchoice{p section :nth-{}child(1) \{color:red;\}}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q009}
On veut créer un menu de navigation avec tous les jours de la semaine. À terme, le menu devra ressembler approximativement à ceci :
\UseVerbatim{AMCverbC}
En ce qui concerne le code HTML (autrement dit, la structure seulement, pas la mise en forme), lequel de ces codes est le plus pertinent :
\begin{choices}
\wrongchoice{<nav><ol><li>Lundi</li>...<li>Dimanche</li></ol></nav>}
\wrongchoice{<div><ol><li>Lundi</li>...<li>Dimanche</li></ol></div>}
\wrongchoice{<table><tr><th>Lundi</th>...<th>Dimanche</th></tr></ul></table>}
\wrongchoice{<div><ul><li>Lundi</li>...<li>Dimanche</li></ul></div>}
\wrongchoice{<table><tr><td>Lundi</td>...<td>Dimanche</td></tr></ul></table>}
\correctchoice{<nav><ul><li>Lundi</li>...<li>Dimanche</li></ul></nav>}
\end{choices}
\end{question}
}
\element{grB}{
\begin{question}{Q010}
On veut afficher tous les éléments d’une liste les uns à la suite des autres pour créer un menu horizontal :
\UseVerbatim{AMCverbD}
qui doit donner
\UseVerbatim{AMCverbE}
Quel est le code CSS correspondant (sans l’affichage des bordures) :
\begin{multicols}{2}
\begin{choices}
\wrongchoice{li \{inline:True;\}}
\wrongchoice{li \{style:left-{}to-{}right;\}}
\correctchoice{li \{display:inline-{}block;\}}
\wrongchoice{li \{position:fixed;\}}
\wrongchoice{li \{linebreak:none;\}}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q011}
La règle CSS « footer \{clear:right\} »
\begin{multicols}{2}
\begin{choices}
\wrongchoice{supprime la bordure de droite du footer}
\wrongchoice{éclaircit le bloc à droite du footer}
\wrongchoice{supprime la marge de droite du footer}
\wrongchoice{indique qu’il faut bien effacer le footer}
\wrongchoice{empêche le footer de flotter à droite de la page}
\correctchoice{empêche qu’un bloc précédent flotte à droite du footer}
\wrongchoice{éclaircit la bordure de droite h efface tout ce qui est à droite du footer.}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q012}
Pour afficher le titre principal de ma page HTML, j’écrirai dans le body :
\begin{multicols}{2}
\begin{choices}
\wrongchoice{<h1="Mon titre">}
\wrongchoice{<head>Mon titre</head>}
\wrongchoice{<p>Mon titre</p>}
\correctchoice{<h1>Mon titre</h1>}
\wrongchoice{<head="Mon titre">}
\wrongchoice{<p="Mon titre">}
\wrongchoice{aucune réponse n’est correcte !}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q013}
Quel code CSS permet de centrer une image :
\begin{multicols}{2}
\begin{choices}
\wrongchoice{img \{center:true;\}}
\wrongchoice{img \{margin:auto;display:inline;\}}
\wrongchoice{img \{align:center;\}}
\wrongchoice{img \{text-{}align:center;\}}
\wrongchoice{img \{margin:auto;display:inline-{}block;\}}
\correctchoice{img \{margin:auto;display:block;\}}
\wrongchoice{img \{horizontal-{}align:center;\}}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q014}
À quoi sert la balise <meta charset= "utf-{}8"/> ?
\begin{multicols}{2}
\begin{choices}
\wrongchoice{à rien, on n’est plus obligé de la mettre en HTML5}
\wrongchoice{à permettre le référencement de la page}
\correctchoice{à définir l’encodage de la page}
\wrongchoice{à donner une touche geek à la page}
\wrongchoice{à indiquer qu’il s’agit d’une page HTML}
\wrongchoice{à indiquer la langue du document}
\wrongchoice{à pouvoir utiliser une feuille de style}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q015}
Dans le dossier www/, j’ai un fichier index.html et un sous-{}dossier contenu/, qui contient lui-{}même les fichiers page1.html et page2.html. Comment crée-{}t-{}on un lien vers index.html depuis page1.html ?
\begin{multicols}{2}
\begin{choices}
\wrongchoice{<a src=".index.html">accueil</a>}
\wrongchoice{<a src="./index.html">accueil</a>}
\correctchoice{<a href="../index.html">accueil</a>}
\wrongchoice{<a src="..index.html">accueil</a>}
\wrongchoice{<a src="../index.html">accueil</a>}
\wrongchoice{<a href="./index.html">accueil</a>}
\wrongchoice{<a href="..index.html">accueil</a>}
\wrongchoice{<a href=".index.html">accueil</a>}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q016}
À quoi correspond le padding :
\begin{multicols}{2}
\begin{choices}
\wrongchoice{l’environnement}
\wrongchoice{le fond}
\wrongchoice{la bordure}
\wrongchoice{le mode d’affichage}
\wrongchoice{un sport aquatique}
\correctchoice{la marge intérieure}
\wrongchoice{la marge extérieure}
\wrongchoice{aucune de ces réponses n’est correcte !}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q017}
Voici un « morceau » de page HTML :
\UseVerbatim{AMCverbF}
Quel sélecteur CSS permet de changer le style de puce de toutes les listes non ordonnées du bloc aside ?
\begin{multicols}{2}
\begin{choices}
\wrongchoice{aside>ul li \{list-{}style:square;\}}
\wrongchoice{aside li ul \{list-{}style:square;\}}
\wrongchoice{aside>li ul \{list-{}style:square;\}}
\wrongchoice{aside ul li \{list-{}style:square;\}}
\correctchoice{aside ul>li \{list-{}style:square;\}}
\wrongchoice{aside>ul>li \{list-{}style:square;\}}
\wrongchoice{aside>li>ul \{list-{}style:square;\}}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q018}
Un seul de ces morceaux de code HTML5 est valide, lequel ?
\begin{multicols}{2}
\begin{choices}
\wrongchoice{<p><span>ok</p></span>}
\wrongchoice{<table><th><td></td></th></table>}
\wrongchoice{<p><span color="red">ok</span></p>}
\correctchoice{<p><q lang="en">to be</q></p>}
\wrongchoice{<li><ul>a</ul><ul>b</ul></li>}
\wrongchoice{<nav><li></li><li></li></nav>}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q019}
Parmi ces propriétés, laquelle permet, sur les navigateurs qui la supportent, d'appliquer une largeur de 100\% -{} 50px à l'élément concerné ?
\begin{multicols}{2}
\begin{choices}
\wrongchoice{width: auto -{} 50px;}
\wrongchoice{width: 100\% -{} 50px;}
\correctchoice{width: calc(100\% -{} 50px);}
\wrongchoice{width: calc(100\% -{}50px);}
\end{choices}
\end{multicols}
\end{question}
}
\element{grB}{
\begin{question}{Q020}
Comment cibler tous les liens de la page sauf ceux qui contiennent la chaîne "myiut" ?
\begin{multicols}{2}
\begin{choices}
\correctchoice{a:not([href\(\ast\)="myiut"])}
\wrongchoice{a[href!="myiut"]}
\wrongchoice{a![href\(\ast\)="myiut"]}
\wrongchoice{a![href\textdollar{}="myiut"]}
\end{choices}
\end{multicols}
\end{question}
}
\def\insertPlainGroupgrB{\insertgroup{grB}}
\onecopy{5}{
\begin{center}\bf\large Université Côte d’Azur -{} Institut Universitaire de Technologie

Département Informatique

A115 -{} Programmation Web Client

HTML -{} CSS

Mardi 26 novembre 2019\end{center}

{\setlength{\parindent}{0pt}\hspace*{\fill}\hbox{\vtop{\AMCcodeH{student.number}{1}}}\hspace*{\fill}\begin{minipage}[t]{5.8cm}$\longleftarrow{}$\hspace{0pt plus 1cm}Veuillez coder votre numéro d'étudiant ci-contre et écrire votre nom dans la case ci-dessous.\vspace{3ex}

\hfill\namefield{\fbox{\begin{minipage}{.9\linewidth}\AMClocalized{namesurname}

\vspace*{.5em}\dotfill

\vspace*{.5em}\dotfill
\vspace*{1mm}
\end{minipage}
}}\hfill\vspace{5ex}\end{minipage}\hspace*{\fill}

}\vspace{4mm}
Questionnaire à choix unique -{} Durée \(\sim\) 1h00

Calculatrice, Téléphone Portable et Ordinateur non-{}autorisés

\vspace{4mm}\noindent\hrule


\vspace{2ex}

\insertPlainGroupgrB


\AMCaddpagesto{2}
\AMCcleardoublepage
}
\end{document}
