106.284 visiteurs uniques depuis la création pour 1.966.617 articles lus

UNE AUTRE FACON DE METTRE UN QUIZ EN LIGNE.

par André Marini 17 Avril 2015, 11:07 Quizs

J'ai déjà présenté un modèle de réalisation d'un quiz à mettre en ligne sur un site ou un blog mais voici une autre façon d'en réaliser un.

EXEMPLE

Question 1:

Planète la plus proche du soleil qui tire son nom du dieu romain le messager des dieux.

Elle fut la première planète observée.

Les premières vues rapprochées ont été données par les photographies prises par la sonde Mariner 10 dans les ennées 1970.

De quelle planète du système solaire s'agit-il ?

Contrôlez votre réponse en-dessous.

CODE DE L'EXEMPLE

<p><span style="font-size:16px;"><strong>Question 1:</strong></span></p>
<p><strong>Planète la plus proche du soleil qui tire son nom du dieu romain le messager des dieux. </strong></p>
<p><strong>Elle fut la première planète observée. </strong></p>
<p><strong>Les premières vues rapprochées ont été données par les photographies prises par la sonde Mariner 10 dans les ennées 1970.</strong></p>
<p><img src="http://img.over-blog-kiwi.com/1/30/51/51/20150418/ob_f04b5a_mercure.jpg" /></p>
<p> </p>
<p><strong>De quelle planète du système solaire s'agit-il ?</strong></p>
<p> </p>
<p><select><option></option><option>Terre</option><option>Uranus</option><option>Mercure</option><option>Vénus</option><option>Mars</option><option>Jupiter</option><option>Saturne</option><option>Neptune</option><option>Pluton</option> </select></p>
<p> </p>
<p><strong>Contrôlez votre réponse en-dessous.</strong></p>
<p> </p>

<p><select><option></option><option>Mercure</option> </select></p>

CONSTRUCTION DU QUIZ

Seules la question et la réponse sont soumises à un code HTML particulier.

La présentation de la question et de l'image relèvent de l'ordinaire.

1)-Numéro de la question.

2)-Présentation de la planète.

3)-Image

4)-Code question: Toujours le même pour toutes les questions

CODE QUESTION à répéter pour chaque question.

Remarquez que la première <option></option> est vide pour que rien n'apparaisse

<select>

<option></option>

<option>Terre</option>

<option>Uranus</option>
<option>Mercure</option>
<option>Vénus</option>
<option>Mars</option>
<option>Jupiter</option>
<option>Saturne</option>
<option>Neptune</option>
<option>Pluton</option>
</select>

5)-Code réponse: <select><option></option><option>La bonne réponse</option> </select>

CODE REPONSE

Vous utilisez le même code simplifié en respectant le premier <option> </option> vide et dans le deuxième, vous ne mettez que la bonne réponse.

<select>

<option></option>

<option>Mercure</option>

</select>

Voici, par exemple, la question 2

Question 2

Cette planète du système solaire possède des anneaux composés principalement de particules de glace et de poussière ainsi que de nombreux satellites dont le plus grand se nomme TITAN.

CODE QUESTION 2

<p><strong>De quelle planète du système solaire s'agit-il ?</strong></p>

<p> </p>

<select>

<option></option>

<option>Terre</option>

<option>Uranus</option>
   <option>Mercure</option>
   <option>Vénus</option>
   <option>Mars</option>
   <option>Jupiter</option>
   <option>Saturne</option>
   <option>Neptune</option>
   <option>Pluton</option>
</select>