Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
cours:jpc:stic:trx:lescaphandreetlepapillon [01/05/2012 19:15] – [BANDE ANNONCE DU FILM] lilymcours:jpc:stic:trx:lescaphandreetlepapillon [01/06/2026 14:20] (Version actuelle) – changement de plugin de fontcolor vers color jpc
Ligne 1: Ligne 1:
 <WRAP classes info> <WRAP classes info>
-//** Page créée par : <fc #FF00FF>Maï</fc> (mnour) et <fc #00FFFF>Elicia</fc> (lilym)+//** Page créée par : <color #FF00FF>Maï</color> (mnour) et <color #00FFFF>Elicia</color> (lilym)
  **//  **//
 </WRAP> </WRAP>
Ligne 15: Ligne 15:
  
 ===== EXTRAIT DU LIVRE ===== ===== EXTRAIT DU LIVRE =====
-<fc #808080>(début de l'avant-dernier chapitre)</fc>+<color #808080>(début de l'avant-dernier chapitre)</color>
  
                               "A day in the life"                               "A day in the life"
  
-<fc #008080>//Nous voilà presque arrivés au bout du chemin, et il me reste  à évoquer ce vendredi 8 décembre 1995 de funeste mémoire. Depuis le début j’ai envie de raconter mes derniers moments de Terrien en parfait état de marche, mais j’ai tant différé que maintenant le vertige me saisit à l’instant d’effectuer ce saut à l’élastique dans mon passé. Je ne sais plus par quel bout les prendre, ces heures lourdes et vaines, insaisissables comme les gouttes de mercure d’un thermomètre cassé en deux. Les mots se dérobent. Comment dire le corps souple et tiède de grande fille brune contre lequel on se réveille pour la dernière fois sans y prêter attention, presque en maugréant. Tout était gris, pâteux et résigné : le ciel, les gens, la ville harassée par plusieurs jours de grève des transports publics. A l’image de millions de Parisiens, Florence et moi entamions comme des zombies, l’œil vide et le teint las, cette nouvelle journée de descente dans un bordel inextricable. Je faisais machinalement tous ces gestes simples qui me semblent aujourd’hui miraculeux : se raser, s’habiller, avaler un bol de chocolat. +<color #008080>//Nous voilà presque arrivés au bout du chemin, et il me reste  à évoquer ce vendredi 8 décembre 1995 de funeste mémoire. Depuis le début j’ai envie de raconter mes derniers moments de Terrien en parfait état de marche, mais j’ai tant différé que maintenant le vertige me saisit à l’instant d’effectuer ce saut à l’élastique dans mon passé. Je ne sais plus par quel bout les prendre, ces heures lourdes et vaines, insaisissables comme les gouttes de mercure d’un thermomètre cassé en deux. Les mots se dérobent. Comment dire le corps souple et tiède de grande fille brune contre lequel on se réveille pour la dernière fois sans y prêter attention, presque en maugréant. Tout était gris, pâteux et résigné : le ciel, les gens, la ville harassée par plusieurs jours de grève des transports publics. A l’image de millions de Parisiens, Florence et moi entamions comme des zombies, l’œil vide et le teint las, cette nouvelle journée de descente dans un bordel inextricable. Je faisais machinalement tous ces gestes simples qui me semblent aujourd’hui miraculeux : se raser, s’habiller, avaler un bol de chocolat. 
 // //
-</fc>+</color>
  
 ==== La chasse aux intrus et aux synonymes ==== ==== La chasse aux intrus et aux synonymes ====
Ligne 29: Ligne 29:
 ==== Vocabulaire ==== ==== Vocabulaire ====
  
-<fc #800080>Complétez ces mots croisés avec des mots du texte :</fc> {{:cours:jpc:stic:trx:vocabulaire.htm|Définitions}}+<color #800080>__Complétez ces mots croisés avec des mots du texte__ :</color> {{:cours:jpc:stic:trx:vocabulaire.htm|Définitions}}
  
 ==== Comparaisons ==== ==== Comparaisons ====
Ligne 37: Ligne 37:
 ===== CIVILISATION ===== ===== CIVILISATION =====
  
-<fc #800080>Pour mieux comprendre les expressions idiomatiques en français (regardez le contexte qui est une explication) :</fc> {{http://www.ccdmd.qc.ca/ri/expressions/repertoire_fr.php|Expressions Idiomatiques}}+<color #800080>__Pour mieux comprendre les expressions idiomatiques en français__ :</color> 
  
-<fc #800080>Puis, faites l'exercice suivant :</fc> {{:cours:jpc:stic:trx:exercice.htm|Exercice}}+{{http://www.ccdmd.qc.ca/ri/expressions/repertoire_fr.php|Expressions Idiomatiques}} <color #800080>(regardez le **contexte** qui est une explication)</color>  
 + 
 +<color #800080>__Puis, faites l'exercice suivant__ :</color> {{:cours:jpc:stic:trx:exercice.htm|Exercice}}
  
 ===== BANDE ANNONCE DU FILM ===== ===== BANDE ANNONCE DU FILM =====
Ligne 45: Ligne 47:
 {{youtube>1yhXcjaz1E0?large}} {{youtube>1yhXcjaz1E0?large}}
  
-<html> +<html><?xml version="1.0"?>
-<?xml version="1.0"?>+
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml"        <html xmlns="http://www.w3.org/1999/xhtml"
-             xml:lang="en"><head><meta name="author" content="Created with Hot Potatoes by Half-Baked Software, registered to Elicia Martinez."></meta><meta name="keywords" content="Hot Potatoes, Hot Potatoes, Half-Baked Software, Windows, University of Victoria"></meta>+             xml:lang="en"><head><meta name="author" content="Created with Hot Potatoes by Half-Baked Software, registered to Molinié Guillaume."></meta><meta name="keywords" content="Hot Potatoes, Hot Potatoes, Half-Baked Software, Windows, University of Victoria"></meta>
  
 <link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" /> <link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
-<meta name="DC:Creator" content="Elicia Martinez" /> 
 <meta name="DC:Creator" content="Molinié Guillaume" /> <meta name="DC:Creator" content="Molinié Guillaume" />
-<meta name="DC:Title" content="Retrouvez les phrases." />+<meta name="DC:Title" content="Recomposer les phrases. Un exemple vous est donn&#x00E9;." />
  
  
Ligne 60: Ligne 60:
  
 <title> <title>
-Retrouvez les phrases.+Recomposer les phrases. Un exemple vous est donn&#x00E9;.
 </title> </title>
  
Ligne 88: Ligne 88:
  font-family: Geneva,Arial,sans-serif;  font-family: Geneva,Arial,sans-serif;
  background-color: #C0C0C0;  background-color: #C0C0C0;
- color: #000000;+ color: #004080;
    
  margin-right: 5%;  margin-right: 5%;
Ligne 103: Ligne 103:
 table,div,span,td{ table,div,span,td{
  font-size: 100%;  font-size: 100%;
- color: #000000;+ color: #004080;
 } }
  
Ligne 109: Ligne 109:
  padding: 0.5em;;  padding: 0.5em;;
  text-align: center;  text-align: center;
- color: #000000;+ color: #ff0080;
 } }
  
Ligne 120: Ligne 120:
 .ExerciseTitle{ .ExerciseTitle{
  font-size: 140%;  font-size: 140%;
- color: #000000;+ color: #ff0080;
 } }
  
 .ExerciseSubtitle{ .ExerciseSubtitle{
  font-size: 120%;  font-size: 120%;
- color: #000000;+ color: #ff0080;
 } }
  
 div.StdDiv{ div.StdDiv{
- background-color: #FFFFFF;+ background-color: #ff8040;
  text-align: center;  text-align: center;
  font-size: 100%;  font-size: 100%;
- color: #000000;+ color: #004080;
  padding: 0.5em;  padding: 0.5em;
  border-style: solid;  border-style: solid;
  border-width: 1px 1px 1px 1px;  border-width: 1px 1px 1px 1px;
- border-color: #000000;+ border-color: #004080;
  margin-bottom: 1px;  margin-bottom: 1px;
 } }
Ligne 180: Ligne 180:
  margin-right: auto;  margin-right: auto;
  text-align: center;  text-align: center;
- color: #000000;+ color: #ff0080;
 } }
  
Ligne 189: Ligne 189:
  font-weight: bold;  font-weight: bold;
  display: none;  display: none;
- color: #000000;+ color: #ff0080;
 } }
  
Ligne 201: Ligne 201:
  
 .FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{ .FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
- color: #000000;+ color: #ff0080;
 } }
  
 .LeftItem{ .LeftItem{
  font-size: 100%;  font-size: 100%;
- color: #000000;+ color: #004080;
  text-align: left;  text-align: left;
 } }
Ligne 213: Ligne 213:
  font-weight: bold;  font-weight: bold;
  font-size: 100%;  font-size: 100%;
- color: #000000;+ color: #004080;
 } }
  
Ligne 239: Ligne 239:
  padding: 5px;  padding: 5px;
  text-align: center;  text-align: center;
- color: #000000;+ color: #ff0080;
  position: absolute;  position: absolute;
  display: none;  display: none;
Ligne 249: Ligne 249:
  
 div.ExerciseDiv{ div.ExerciseDiv{
- color: #000000;+ color: #004080;
 } }
  
Ligne 255: Ligne 255:
 table.FlashcardTable{ table.FlashcardTable{
  background-color: transparent;  background-color: transparent;
- color: #000000; + color: #004080; 
- border-color: #000000;+ border-color: #004080;
  margin-left: 5%;  margin-left: 5%;
  margin-right: 5%;  margin-right: 5%;
Ligne 271: Ligne 271:
  margin: 0px;  margin: 0px;
  padding: 0px;  padding: 0px;
- background-color: #FFFFFF;+ background-color: #ff8040;
 } }
  
Ligne 283: Ligne 283:
  border-style: solid;  border-style: solid;
  border-width: 1px;  border-width: 1px;
- color: #000000; + color: #004080; 
- background-color: #FFFFFF;+ background-color: #ff8040;
 } }
  
Ligne 302: Ligne 302:
  font-weight: bold;  font-weight: bold;
  text-decoration: none;  text-decoration: none;
- color: #000000;+ color: #004080;
 } }
  
Ligne 314: Ligne 314:
  border-bottom-style: solid;  border-bottom-style: solid;
  border-bottom-width: 1px;  border-bottom-width: 1px;
- border-bottom-color: #000000;+ border-bottom-color: #ff0080;
  width: 80%;  width: 80%;
 } }
Ligne 476: Ligne 476:
  font-size: 120%;  font-size: 120%;
  letter-spacing: 0.1em;  letter-spacing: 0.1em;
- color: #000000;+ color: #ff0080;
 } }
  
Ligne 521: Ligne 521:
  border-style: solid;  border-style: solid;
  
- border-left-color: #ffffff; + border-left-color: #ffbf9f; 
- border-top-color: #ffffff; + border-top-color: #ffbf9f; 
- border-right-color: #7f7f7f; + border-right-color: #7f4020; 
- border-bottom-color: #7f7f7f; + border-bottom-color: #7f4020; 
- color: #000000; + color: #004080; 
- background-color: #FFFFFF;+ background-color: #ff8040;
  
  border-width: 2px;  border-width: 2px;
Ligne 534: Ligne 534:
  
 .FuncButtonUp { .FuncButtonUp {
- color: #FFFFFF;+ color: #ff8040;
  text-align: center;  text-align: center;
  border-style: solid;  border-style: solid;
  
- border-left-color: #ffffff; + border-left-color: #ffbf9f; 
- border-top-color: #ffffff; + border-top-color: #ffbf9f; 
- border-right-color: #7f7f7f; + border-right-color: #7f4020; 
- border-bottom-color: #7f7f7f;+ border-bottom-color: #7f4020;
  
- background-color: #000000; + background-color: #004080; 
- color: #FFFFFF;+ color: #ff8040;
  border-width: 2px;  border-width: 2px;
  padding: 3px 6px 3px 6px;  padding: 3px 6px 3px 6px;
Ligne 551: Ligne 551:
  
 .FuncButtonDown { .FuncButtonDown {
- color: #FFFFFF;+ color: #ff8040;
  text-align: center;  text-align: center;
  border-style: solid;  border-style: solid;
  
- border-left-color: #7f7f7f; + border-left-color: #7f4020; 
- border-top-color: #7f7f7f; + border-top-color: #7f4020; 
- border-right-color: #ffffff; + border-right-color: #ffbf9f; 
- border-bottom-color: #ffffff; + border-bottom-color: #ffbf9f; 
- background-color: #000000; + background-color: #004080; 
- color: #FFFFFF;+ color: #ff8040;
  
  border-width: 2px;  border-width: 2px;
Ligne 570: Ligne 570:
  
 div.NavButtonBar{ div.NavButtonBar{
- background-color: #000000;+ background-color: #ffff00;
  text-align: center;  text-align: center;
  margin: 2px 0px 2px 0px;  margin: 2px 0px 2px 0px;
Ligne 580: Ligne 580:
  border-style: solid;  border-style: solid;
   
- border-left-color: #7f7f7f; + border-left-color: #ffff7f; 
- border-top-color: #7f7f7f; + border-top-color: #ffff7f; 
- border-right-color: #000000; + border-right-color: #7f7f00; 
- border-bottom-color: #000000; + border-bottom-color: #7f7f00; 
- background-color: #000000; + background-color: #ffff00; 
- color: #ffffff;+ color: #000000;
  
  border-width: 2px;  border-width: 2px;
Ligne 594: Ligne 594:
  border-style: solid;  border-style: solid;
  
- border-left-color: #7f7f7f; + border-left-color: #ffff7f; 
- border-top-color: #7f7f7f; + border-top-color: #ffff7f; 
- border-right-color: #000000; + border-right-color: #7f7f00; 
- border-bottom-color: #000000; + border-bottom-color: #7f7f00; 
- color: #000000; + color: #ffff00; 
- background-color: #ffffff;+ background-color: #000000;
  
  border-width: 2px;  border-width: 2px;
Ligne 608: Ligne 608:
  border-style: solid;  border-style: solid;
  
- border-left-color: #000000; + border-left-color: #7f7f00; 
- border-top-color: #000000; + border-top-color: #7f7f00; 
- border-right-color: #7f7f7f; + border-right-color: #ffff7f; 
- border-bottom-color: #7f7f7f; + border-bottom-color: #ffff7f; 
- color: #000000; + color: #ffff00; 
- background-color: #ffffff;+ background-color: #000000;
  
  border-width: 2px;  border-width: 2px;
Ligne 640: Ligne 640:
  border-style: solid;  border-style: solid;
  border-width: 1px;  border-width: 1px;
- color: #000000; + color: #004080; 
- background-color: #FFFFFF;+ background-color: #ff8040;
  left: -50px;  left: -50px;
  top: -50px;  top: -50px;
Ligne 1158: Ligne 1158:
  
 function CardHighlight(){ function CardHighlight(){
- this.css.backgroundColor='#000000'; + this.css.backgroundColor='#004080'; 
- this.css.color='#FFFFFF';+ this.css.color='#ff8040';
 } }
 Card.prototype.Highlight=CardHighlight; Card.prototype.Highlight=CardHighlight;
  
 function CardUnhighlight(){ function CardUnhighlight(){
- this.css.backgroundColor='#FFFFFF'; + this.css.backgroundColor='#ff8040'; 
- this.css.color='#000000';+ this.css.color='#004080';
 } }
 Card.prototype.Unhighlight=CardUnhighlight; Card.prototype.Unhighlight=CardUnhighlight;
Ligne 1271: Ligne 1271:
  
 var CorrectResponse = 'Correct! Bien jou&#x00E9;.'; var CorrectResponse = 'Correct! Bien jou&#x00E9;.';
-var IncorrectResponse = 'D&#x00E9;sol&#x00E9;! Essaie encore. Les propositions incorrectes ont &#x00E9;t&#x00E9; supprim&#x00E9;es.';+var IncorrectResponse = 'D&#x00E9;sol&#x00E9;. Essaie encore.';
 var YourScoreIs = 'Votre score est de'; var YourScoreIs = 'Votre score est de';
 var DivWidth = 600; //default value var DivWidth = 600; //default value
 var FeedbackWidth = 200; //default var FeedbackWidth = 200; //default
-var ExBGColor = '#FFFFFF';+var ExBGColor = '#ff8040';
 var PageBGColor = '#C0C0C0'; var PageBGColor = '#C0C0C0';
-var TextColor = '#000000'; +var TextColor = '#004080'; 
-var TitleColor = '#000000';+var TitleColor = '#ff0080';
 var Penalties = 0; var Penalties = 0;
 var Score = 0; var Score = 0;
Ligne 1284: Ligne 1284:
 var Locked = false; var Locked = false;
 var ShuffleQs = false; var ShuffleQs = false;
-var QsToShow = 10;+var QsToShow = 8;
  
 var DragWidth = 200; var DragWidth = 200;
Ligne 1403: Ligne 1403:
  if (DC[i].GetW() > DragWidth){DC[i].SetW(DragWidth);}  if (DC[i].GetW() > DragWidth){DC[i].SetW(DragWidth);}
  DC[i].css.cursor = 'move';  DC[i].css.cursor = 'move';
- DC[i].css.backgroundColor = '#FFFFFF'; + DC[i].css.backgroundColor = '#ff8040'; 
- DC[i].css.color = '#000000';+ DC[i].css.color = '#004080';
  TempInt = DC[i].GetH();  TempInt = DC[i].GetH();
  if (TempInt > Highest){Highest = TempInt;}  if (TempInt > Highest){Highest = TempInt;}
Ligne 1443: Ligne 1443:
  }  }
  
 +
 +//Slide any elements that should be in position over
 + for (i=0; i<D.length; i++){
 + if (D[i][2] > 0){
 + DC[i].tag = D[i][1];
 + D[i][2] = D[i][1];
 + var TopChange = 0;
 +//Find the right target element
 + var TargItem = -1;
 + for (var j=0; j<F.length; j++){
 + if (F[j][1] == D[i][1]){
 + TargItem = j;
 + }
 + }
 + var TargetLeft = FC[TargItem].GetR() + 5;
 + var TargetTop = FC[TargItem].GetT();
 +
 + if (TargetTop < DC[i].GetT()){
 + TopChange = -1;
 + }
 + else {
 + if (TargetTop > DC[i].GetT()){
 + TopChange = 1;
 + }
 + }
 + Slide(i, TargetLeft, TargetTop, TopChange);
 + D[i][2] = F[TargItem][1];
 + DC[i].tag = TargItem+1;
 + }
 + }
  
  
 } }
  
 +
 +function Slide(MoverNum, TargL, TargT, TopChange){
 + var TempInt = DC[MoverNum].GetL();
 + if (TempInt > TargL){
 + DC[MoverNum].SetL(TempInt - 5);
 + }
 + TempInt = DC[MoverNum].GetT();
 + if (TempInt != TargT){
 + DC[MoverNum].SetT(TempInt + TopChange);
 + }
 + if ((DC[MoverNum].GetL() > TargL)||(DC[MoverNum].GetT() != TargT)){
 + setTimeout('Slide('+MoverNum+','+TargL+','+TargT+','+TopChange+')', 1);
 + }
 + else{
 + DC[MoverNum].SetL(TargL);
 + }
 +}
  
  
Ligne 1454: Ligne 1501:
 F[0][1] = 1; F[0][1] = 1;
 F[1] = new Array(); F[1] = new Array();
-F[1][0]='Le livre';+F[1][0]='Le papillon repr&#x00E9;sente';
 F[1][1] = 2; F[1][1] = 2;
 F[2] = new Array(); F[2] = new Array();
Ligne 1463: Ligne 1510:
 F[3][1] = 4; F[3][1] = 4;
 F[4] = new Array(); F[4] = new Array();
-F[4][0]='Une personne atteinte du locked-in syndrome';+F[4][0]='Le scaphandre repr&#x00E9;sente';
 F[4][1] = 5; F[4][1] = 5;
 F[5] = new Array(); F[5] = new Array();
Ligne 1474: Ligne 1521:
 F[7][0]='Le panneau avec les lettres pr&#x00E9;sente les lettres dans le d&#x00E9;sordre'; F[7][0]='Le panneau avec les lettres pr&#x00E9;sente les lettres dans le d&#x00E9;sordre';
 F[7][1] = 8; F[7][1] = 8;
-F[8] = new Array(); 
-F[8][0]='Le scaphandre repr&#x00E9;sente'; 
-F[8][1] = 9; 
-F[9] = new Array(); 
-F[9][0]='Le papillon repr&#x00E9;sente'; 
-F[9][1] = 10; 
  
  
Ligne 1486: Ligne 1527:
 D[0][0]='est tir&#x00E9; d&#x2019;une histoire vraie.'; D[0][0]='est tir&#x00E9; d&#x2019;une histoire vraie.';
 D[0][1] = 1; D[0][1] = 1;
-D[0][2] = 0;+D[0][2] = 1;
 D[1] = new Array(); D[1] = new Array();
-D[1][0]='a &#x00E9;t&#x00E9; adapt&#x00E9; au cin&#x00E9;ma en 2007.';+D[1][0]='l&#x2019;esprit/l&#x2019;imagination du malade.';
 D[1][1] = 2; D[1][1] = 2;
 D[1][2] = 0; D[1][2] = 0;
Ligne 1500: Ligne 1541:
 D[3][2] = 0; D[3][2] = 0;
 D[4] = new Array(); D[4] = new Array();
-D[4][0]='communique avec des battements de paupi&#x00E8;re.';+D[4][0]='le corps paralys&#x00E9; duquel le malade est prisonnier.';
 D[4][1] = 5; D[4][1] = 5;
 D[4][2] = 0; D[4][2] = 0;
Ligne 1515: Ligne 1556:
 D[7][1] = 8; D[7][1] = 8;
 D[7][2] = 0; D[7][2] = 0;
-D[8] = new Array(); 
-D[8][0]='le corps paralys&#x00E9; duquel le malade est prisonnier.'; 
-D[8][1] = 9; 
-D[8][2] = 0; 
-D[9] = new Array(); 
-D[9][0]='l&#x2019;esprit/l&#x2019;imagination du malade.'; 
-D[9][1] = 10; 
-D[9][2] = 0; 
  
  
Ligne 1624: Ligne 1657:
  
  
- +<button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)"  onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='contents.htm'; return false;"> Index </button>
-<button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)"  onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='contents.htm'; return false;"> Sommaire </button>+
  
  
Ligne 1639: Ligne 1671:
  
 <div class="Titles"> <div class="Titles">
- <h2 class="ExerciseTitle">Retrouvez les phrases.</h2>+ <h2 class="ExerciseTitle">Recomposer les phrases. Un exemple vous est donn&#x00E9;.</h2>
  
  
Ligne 1688: Ligne 1720:
 </body> </body>
 </html> </html>
-