-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathLogicGame3.html
142 lines (133 loc) · 6.74 KB
/
LogicGame3.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!doctype html>
<html class="no-js" lang="fr">
<head>
<meta charset="utf-8">
<!--meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"-->
<title>Logic game</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/main.css">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script>window.html5 || document.write('<script src="js/vendor/html5shiv.js"><\/script>')</script>
<![endif]-->
</head>
<body>
<div class="header-container">
<header class="wrapper clearfix">
<h1 class="title">Puzzle logique de Lewis Carroll</h1>
<nav>
<ul>
<li><a href="index.html">maison</a></li>
<li><a href="LogicGame2.html">univers</a></li>
<li><a href="LogicGame3.html">prémisses</a></li>
<li><a href="LogicGame4.html">conclusions</a></li>
<li><a href="LogicGame5.html">syllogismes</a></li>
<li><a href="LogicGame6.html">utilitaire</a></li>
</ul>
</nav>
</header>
</div>
<div class="main-container">
<div class="main wrapper clearfix">
<article>
<header>
<h1>Codage des propositions</h1>
<p>Une proposition (prémisse ou conclusion d'un syllogisme) peut être codée par des jetons dans un tableau comme celui ci-dessous; ici le haut du tableau représente les <span class="sA"></span> et la moitié gauche du tableau représente les <span class="sC"></span> :</p>
</header>
<section>
<h2>Le tableau carré</h2>
<table>
<tr>
<td></td>
<td>
<table><tr>
<td class="carre"><span class="sC"></span></td>
<td class="carre"> pas <span class="sC"></span></td></tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr><td class="carre"><span class="sA"></span></td></tr>
<tr><td class="carre">pas <span class="sA"></span></td></tr>
</table>
<td>
<!-- codage:
prem0 en bas
prem1 en haut
mid0 à droite et mid1 à gauche
-->
<table id="plateau">
<tr>
<td class="cellule nord sud est ouest" id="prem1conc1mid1"></td>
<td class="cellule nord sud est ouest" id="prem1conc1mid0"></td>
</tr>
<tr>
<td class="cellule nord sud est ouest" id="prem0conc1mid1"></td>
<td class="cellule nord sud est ouest" id="prem0conc1mid0"></td>
</tr>
</table>
</td></tr></table>
<p></p>
<div class="jeton rouge"></div>
<div class="jeton rouge"></div>
<div class="jeton rouge"></div>
<div class="jeton rouge"></div>
<p> </p>
<div class="jeton gris"></div>
<div class="jeton gris"></div>
<div class="jeton gris"></div>
<div class="jeton gris"></div>
</section>
<footer>
<h3>proposition représentée</h3>
<p id="sortie"></p>
</footer>
</article>
<aside>
<h2 id="énoncé">Pour aller plus loin</h2>
<p>Dans <a href="LogicGame4.html">le chapitre suivant</a>, le tableau sera déformé en courbant le trait horizontal du milieu de telle façon que le trait du bas soit plié en deux :</p>
<p>De </p>
<table>
<tr>
<td class="cellule ouestB nordB est sudR"></td>
<td class="cellule ouest nordV estV sudR"></td>
</tr>
<tr>
<td class="cellule ouest nordR est sud"></td>
<td class="cellule ouest nordR est sud"></td>
</tr>
</table>
<p>on passera à </p>
<table>
<tr>
<td class="cellule ouestB nordB"></td>
<td class="cellule nordB sudR est"></td>
<td class="cellule nordV sudR ouest"></td>
<td class="cellule estV nordV"></td>
</tr>
<tr>
<td class="cellule estR sudB ouestB"></td>
<td class="cellule nordR sud est ouest"></td>
<td class="cellule nordR sud estR ouest"></td>
<td class="cellule ouestR sudV estV"></td>
</tr>
</table>
<h5>Dans <a href="LogicGame5">le dernier chapitre</a>, on combinera les deux manières de faire un tableau pour représenter deux propositions et résoudre des syllogismes</h5>
</aside>
</div> <!-- #main -->
</div> <!-- #main-container -->
<div class="footer-container">
<footer class="wrapper">
<h5>Alain Busser, IREM 974, 2015</h5>
</footer>
</div>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>'); document.write('<script src="js/vendor/jquery-ui.js"><\/script>'); document.write('<script src="js/vendor/jquery.ui.touch-punch.js"><\/script>')</script>
<script src="js/logic3.js"></script>
</body>
</html>