ICI header("Location: http://www.mytesting.fr ");

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&egrave;te la plus proche du soleil qui&nbsp;tire son nom du dieu&nbsp;romain&nbsp;le messager des dieux. </strong></p>
<p><strong>Elle fut la premi&egrave;re plan&egrave;te observ&eacute;e. </strong></p>
<p><strong>Les premi&egrave;res vues rapproch&eacute;es ont &eacute;t&eacute; donn&eacute;es par les photographies prises par la sonde Mariner 10 dans les enn&eacute;es 1970.</strong></p>
<p><img src="http://img.over-blog-kiwi.com/1/30/51/51/20150418/ob_f04b5a_mercure.jpg" /></p>
<p>&nbsp;</p>
<p><strong>De quelle plan&egrave;te du syst&egrave;me solaire s&#39;agit-il ?</strong></p>
<p>&nbsp;</p>
<p><select><option></option><option>Terre</option><option>Uranus</option><option>Mercure</option><option>V&eacute;nus</option><option>Mars</option><option>Jupiter</option><option>Saturne</option><option>Neptune</option><option>Pluton</option> </select></p>
<p>&nbsp;</p>
<p><strong>Contr&ocirc;lez votre r&eacute;ponse en-dessous.</strong></p>
<p>&nbsp;</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>&nbsp;</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>

 

RESULTAT QUESTION 2

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

 

 

CODE REPONSE 2

 

<p><strong>Contrôlez votre réponse en-dessous.</strong></p>

<p>&nbsp;</p>

<select>

<option></option> 

 <option>Saturne</option>

</select>

 

RESULTAT REPONSE 2

Contrôlez votre réponse en-dessous.

 

commentaires

Haut de page