Ah...
Pour l'énigme de Nicolas Vannier, je vous refile le code html à insérer dans l'article du blog par exemple, via le fameux bouton HTML :
<p>As-tu une bonne oreille ? Un peu d'imagination ?<br /> <br /> Alors attention, cette énigme est faite pour toi !<br /> <br /> Parcours tout d'abord cette page de Nicolas Vanier dans laquelle tu découvriras un texte illustré par des sons du Grand Nord... <br /> N'hésite pas à la fin de l'énigme à retourner sur ce site pour découvrir sa meute de chiens et ses fabuleuses expéditions.<br /> <a href="http://www.nicolasvanier.com/petit_aventurier/sons_grand_nord.htm" target="_blank"><img src="http://media.paperblog.fr/i/116/1160922/dernier-livre-nicolas-vanier-L-1.jpeg" border="0" style="border: 0px solid; width: 332px; height: 240px;" /></a><br /> <br /> <span style="text-decoration: underline; color: #ff0000;">Épreuve 1</span> : voici 5 sons d'animaux que tu devras écouter puis tenter d'identifier !</p>
<p>Lorsque tu auras copié et collé ce tableau, tu pourras remettre la photo de l'animal en face du bon son (cliquer - déposer), et tu devras écrire son nom...</p>
<table style="text-align: left; width: 532px;" border="1" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td style="width: 91px;"><img src="http://t2.gstatic.com/images?q=tbn:SZmetg1x7bA27M%3Ahttp://www.linternaute.com/temoignage/image_temoignage/400/ecureuil-canadien-nature-scintille-sous-neige_197086.jpg" border="0" style="width: 90px; height: 67px;" /></td>
<td style="width: 91px;"><img src="http://t3.gstatic.com/images?q=tbn:LD-rkvzuNVdPFM:http://www.loup.org/spip/local/cache-vignettes/L335xH439/eccllb-37279.jpg" border="0" style="width: 90px; height: 118px;" /></td>
<td style="width: 98px;"><img src="http://t1.gstatic.com/images?q=tbn:4O9pAwEMETmY2M%3Ahttp://angeltm.a.n.pic.centerblog.net/08brlg4j.jpg" border="0" style="width: 89px; height: 58px;" /></td>
<td style="width: 118px;"><img src="http://t2.gstatic.com/images?q=tbn:ZR5WLKJ-RR3VUM%3Ahttp://environnement.ecoles.free.fr/Haut-Pays/oiseaux-fleurs/corbeau.jpg" border="0" style="width: 90px; height: 51px;" /></td>
<td style="width: 87px;"><img src="http://t3.gstatic.com/images?q=tbn:EJA37FYstWDFMM%3Ahttp://www.aventurearctique.com/photos/photos_faune_flore/lagopede08.jpg" border="0" style="width: 90px; height: 60px;" /></td>
</tr>
</tbody>
</table>
<p> </p>
<table style="text-align: left; width: 374px;" border="1" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td style="width: 77px; text-align: left;">son</td>
<td style="width: 126px; text-align: center;">nom de l'animal</td>
<td style="width: 145px; text-align: center;">photo</td>
</tr>
<tr>
<td style="width: 77px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="26" height="24" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0">
<param name="movie" value="http://www.nicolasvanier.com/petit_aventurier/images/grand_nord_petits/sons_grand_nord/grands_corbeaux.swf" />
<param name="quality" value="high" /> <embed type="application/x-shockwave-flash" width="26" height="24" src="http://www.nicolasvanier.com/petit_aventurier/images/grand_nord_petits/sons_grand_nord/grands_corbeaux.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>
</td>
<td style="width: 126px; text-align: center; background-color: #ffff99;"> </td>
<td style="width: 145px; text-align: center; background-color: #ffff99;"> </td>
</tr>
<tr>
<td style="width: 77px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="26" height="24" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0">
<param name="movie" value="http://www.nicolasvanier.com/petit_aventurier/images/grand_nord_petits/sons_grand_nord/gemissent_plaisir.swf" />
<param name="quality" value="high" /> <embed type="application/x-shockwave-flash" width="26" height="24" src="http://www.nicolasvanier.com/petit_aventurier/images/grand_nord_petits/sons_grand_nord/gemissent_plaisir.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>
</td>
<td style="width: 126px; text-align: center; background-color: #ffff99;"> </td>
<td style="width: 145px; text-align: center; background-color: #ffff99;"> </td>
</tr>
<tr>
<td style="width: 77px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="26" height="24" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0">
<param name="movie" value="http://www.nicolasvanier.com/petit_aventurier/images/grand_nord_petits/sons_grand_nord/lagopedes.swf" />
<param name="quality" value="high" /> <embed type="application/x-shockwave-flash" width="26" height="24" src="http://www.nicolasvanier.com/petit_aventurier/images/grand_nord_petits/sons_grand_nord/lagopedes.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>
</td>
<td style="width: 126px; text-align: center; background-color: #ffff99;"> </td>
<td style="width: 145px; text-align: center; background-color: #ffff99;"> </td>
</tr>
<tr>
<td style="width: 77px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="26" height="24" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0">
<param name="movie" value="http://www.nicolasvanier.com/petit_aventurier/images/grand_nord_petits/sons_grand_nord/ecureuil.swf" />
<param name="quality" value="high" /> <embed type="application/x-shockwave-flash" width="26" height="24" src="http://www.nicolasvanier.com/petit_aventurier/images/grand_nord_petits/sons_grand_nord/ecureuil.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>
</td>
<td style="width: 126px; text-align: center; background-color: #ffff99;"> </td>
<td style="width: 145px; text-align: center; background-color: #ffff99;"> </td>
</tr>
<tr>
<td style="width: 77px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="26" height="24" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0">
<param name="movie" value="http://www.nicolasvanier.com/petit_aventurier/images/grand_nord_petits/sons_grand_nord/hurlement_loups.swf" />
<param name="quality" value="high" /> <embed type="application/x-shockwave-flash" width="26" height="24" src="http://www.nicolasvanier.com/petit_aventurier/images/grand_nord_petits/sons_grand_nord/hurlement_loups.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>
</td>
<td style="width: 126px; text-align: center; background-color: #ffff99;"> </td>
<td style="width: 145px; text-align: center; background-color: #ffff99;"> </td>
</tr>
</tbody>
</table>
<p><br /> <span style="text-decoration: underline; color: #ff0000;">Épreuve 2</span> : voici des sons biens différents des précédents... Identifie-les en écrivant<br /> le nom de l'animal ou l'objet que tu crois reconnaître !</p>
<table style="text-align: left; width: 221px;" border="1" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td style="width: 77px;">son</td>
<td style="width: 126px; text-align: center;">nom</td>
</tr>
<tr>
<td style="width: 77px;">
<object id="JL_BALISE_ 0 6y41f" width="150" height="15" type="application/x-shockwave-flash" data="http://www.komcitiz.com/JL/documents/s.php?s=ani_son_player_mp3_1.swf">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.komcitiz.com/JL/documents/s.php?s=ani_son_player_mp3_1.swf" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashvars" value="FILE=http://www.universal-soundbank.com/mp3/sounds/108.mp3&BGCOLOR=#E9E9E9&LOOP=0&PLAY=0&INFO=0" />
</object>
</td>
<td style="width: 126px; background-color: #ffff99; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 77px;">
<object id="JL_BALISE_ 0 6y41f" width="150" height="15" type="application/x-shockwave-flash" data="http://www.komcitiz.com/JL/documents/s.php?s=ani_son_player_mp3_1.swf">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.komcitiz.com/JL/documents/s.php?s=ani_son_player_mp3_1.swf" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashvars" value="FILE=http://www.universal-soundbank.com/mp3/sounds/10631.mp3&BGCOLOR=#E9E9E9&LOOP=0&PLAY=0&INFO=0" />
</object>
</td>
<td style="width: 126px; background-color: #ffff99; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 77px;">
<object id="JL_BALISE_ 0 6y41f" width="150" height="15" type="application/x-shockwave-flash" data="http://www.komcitiz.com/JL/documents/s.php?s=ani_son_player_mp3_1.swf">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.komcitiz.com/JL/documents/s.php?s=ani_son_player_mp3_1.swf" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashvars" value="FILE=http://www.universal-soundbank.com/mp3/sounds/7686.MP3&BGCOLOR=#E9E9E9&LOOP=0&PLAY=0&INFO=0" />
</object>
</td>
<td style="width: 126px; background-color: #ffff99; text-align: center;"> </td>
</tr>
<tr>
<td>
<object id="JL_BALISE_ 0 6y41f" width="150" height="15" type="application/x-shockwave-flash" data="http://www.komcitiz.com/JL/documents/s.php?s=ani_son_player_mp3_1.swf">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.komcitiz.com/JL/documents/s.php?s=ani_son_player_mp3_1.swf" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashvars" value="FILE=http://www.universal-soundbank.com/mp3/sounds/8145.mp3&BGCOLOR=#E9E9E9&LOOP=0&PLAY=0&INFO=0" />
</object>
</td>
<td style="background-color: #ffff99; text-align: center;"> </td>
</tr>
<tr>
<td>
<object id="JL_BALISE_ 0 6y41f" width="150" height="15" type="application/x-shockwave-flash" data="http://www.komcitiz.com/JL/documents/s.php?s=ani_son_player_mp3_1.swf">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.komcitiz.com/JL/documents/s.php?s=ani_son_player_mp3_1.swf" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashvars" value="FILE=http://www.universal-soundbank.com/mp3/sounds/3098.mp3&BGCOLOR=#E9E9E9&LOOP=0&PLAY=0&INFO=0" />
</object>
</td>
<td style="background-color: #ffff99; text-align: center;"> </td>
</tr>
</tbody>
</table>
<p><br /> <span style="text-decoration: underline; color: #ff0000;"> Épreuve 3</span> : Saurais-tu maintenant écrire <span style="font-weight: bold;">un texte</span> très court à partir de ces sons ? <br /> Tu peux le présenter sous forme d'histoire, d'énigme, de documentaire, d'article, de poésie... <br /> Évidemment, cette épreuve fait partie de l'énigme !</p>
Pour ton tableau, en cliquant dans la case sous NVU il faut faire insertion -> code html et tu colles le code du son ou de l'image...
Ce qui est pénible en effet, c'est que tu ne vois le résultat que via un navigateur internet.
Exemple de code à insérer dans une case son avec l'image de la petite paluche :
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="26" height="24" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0">
<param name="movie" value="http://www.nicolasvanier.com/petit_aventurier/images/grand_nord_petits/sons_grand_nord/hurlement_loups.swf" />
<param name="quality" value="high" /> <embed type="application/x-shockwave-flash" width="26" height="24" src="http://www.nicolasvanier.com/petit_aventurier/images/grand_nord_petits/sons_grand_nord/hurlement_loups.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>