-
Notifications
You must be signed in to change notification settings - Fork 0
/
15.html
302 lines (283 loc) · 11.4 KB
/
15.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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
<!DOCTYPE html>
<html lang="zh-tw">
<head>
<meta charset="utf-8" />
<meta name="description" content="無所不在學習導引機制" />
<meta name="author" content="JennyTsai" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>人類的過去</title>
<!--放網址小圖示-->
<link rel="icon" href="picture/favicon.ico" type="image/x-icon" />
<!-- 清除預設樣式 -->
<link href="assets/css/YUI-reset.css" rel="stylesheet" />
<!-- 套用自己的樣式 -->
<link href="css/01_style.css" rel="stylesheet" media="screen" />
<link href="css/Emobile_style.css" rel="stylesheet" media="handheld, screen and (max-width: 480px)" />
<!-- 舊版IE相容性 -->
<!-- 修正CSS相容性問題 -->
<!--[if lt IE 9]> <script src="assets/js/html5shiv.js"></script> <![endif]-->
<!-- 修正Png背景透明問題 -->
<!--[if lt IE 7]>
<script src="assets/js/DD_belatedPNG_0.0.8a-min.js" type="text/javascript"></script> <script type="text/javascript">
DD_belatedPNG.fix('*');
</script>
<![endif]-->
</head>
<body>
<div id="page">
<header>
<div class="inner">
<!-- 這是header頁首區塊 -->
</div>
</header>
<div id="content" class="con_total">
<div class="inner">
<article>
<h1>木乃伊</h1>
<h2><img src="picture/leaf.png" alt="葉">木乃伊在埃及宗教上扮演的角色</h2>
<figure>
<img class="pic_size_12 classname5 abreast-01" src="p-ering/20/E7.jpg" alt="木乃伊">
<figcaption class="pic_name_no">木乃伊</figcaption>
</figure>
<p>古埃及人相信，人死後靈魂能通過一連串陰間審判的人，便能重新復活，並啟動他在陽間的身體。</p>
<p>因此，製作木乃伊最大的目的就是在於將死者的肉體妥善保存，以保證死者將來復活的程序完善。</p>
<p>根據埃及的神話傳統，相傳愛西絲女神將被分屍的奧賽立斯神的屍首縫合，並重新賦予生命，其形象就是木乃伊的模式。</p>
<p>在古王國時期，只有少數的貴族統治階級能享有復活的特權，而新王國時期起，隨著宗教思想的推廣普及民間，
復活與被製作成木乃伊的權限也下放到一般平民階級。</p>
<p>關於木乃伊的墓葬儀式中，最重要的就是「開口」儀式。安置於墓室裡的木乃伊，藉由阿努比斯神執行的開口儀式，
使木乃伊裡的魂魄能順利的藉由死者的口部出來，到陰府進行死後審判。而允許獲得永生的魂魄，也是由此再回到體內而復活。
完成木乃伊的包紮後，人們還要在木乃伊的胸前放上護身符，乞求它們能保佑死者順利地通過陰間的層層審判。</p>
<p/>
<hr/>
<p/>
<h2><img src="picture/leaf.png" alt="葉">棺槨上圖飾介紹</h2>
<div class="middle_line">
<img class="pic_size_11 classname2 abreast-01" src="p-ering/21/E8.JPG" alt="E8">
</div>
<p>這件晚期王國時期人形棺上的圖形，是古埃及最常見的棺槨圖飾：在死者的項鍊下方，真理女神瑪特雙手持著象徵真理的羽毛，
以展翅兀鷹的姿態出現，象徵死者進入西方世界的保障。而伴隨在瑪特女神兩旁的，左邊是愛西斯，右邊是娜芙希斯兩位女神。</p>
<p>在瑪特女神之下的圖飾中，中間站的是霍魯斯的四個兒子，由左至右為哈比，印姆塞提，杜瓦姆特夫，克伯赫森努夫，
兩旁則為葬禮執行之阿努比斯神進行與死者相關的儀式。人形棺的下半部為象形文字，文字看來雖多，基本上為不斷重複一段文字，
內容主要為死者的名字，以及簡單的祝福。</p>
<p class="dis_bottom">在棺的背部，則是標準的潔德柱符號，意思是永恆和堅固穩定。柱上有兩臂，是擬人化的表達，
從而加強了本身確保「永存不朽」的魔法效力。柱下的女神應該仍為真理女神瑪特。</p>
<div class="middle_line">
<img class="pic_size_12 classname5 abreast-01" src="p-ering/21/E8_1.JPG" alt="E8_1">
</div>
</article>
<p class="last_line"></p>
<div class="middle_line">
<input id="fin_but" type="button" class="btn btn-danger btn btn-lg" onClick="finish_click()" value="學習完成">
</div>
<p/>
</div>
</div>
<div id="question1" class="section black middle_line">
<h3> Q： 木乃伊的墓葬儀式中，最重要的是什麼儀式。藉由此儀式，使木乃伊裡的魂魄能順利到陰府進行死後審判？</h3>
<br/>
<div class="middle_line">
<button type="button" data-toggle="modal" data-target="#correct_ans" class="button_answer" onClick="alertyes()">（A）開口儀式</button>
<br/><br/>
<button type="button" data-toggle="modal" data-target="#fault_ans" class="button_answer" onClick="alertno()">（B）蓋棺儀式</button>
<br/><br/>
<button type="button" data-toggle="modal" data-target="#fault_ans" class="button_answer" onClick="alertno()">（C）取出內臟儀式</button>
</div>
<h3/><br/><br/>
</div>
<div id="question2" class="section black middle_line">
<h3> Q： 製作木乃伊最大的目的就是在於將死者的肉體妥善保存，以保證死者復活的程序完善。</h3>
<br/>
<div class="middle_line">
<button type="button" data-toggle="modal" data-target="#correct_ans" class="button_answer" onClick="alertyes()">（A）正確</button>
<br/><br/>
<button type="button" data-toggle="modal" data-target="#fault_ans" class="button_answer" onClick="alertno()">（B）不正確</button>
</div>
<p class="abreast-08"/><h3><br/>
</div>
<div id="question3" class="section black middle_line">
<h3> Q： 根據埃及的神話傳統，相傳某位女神將被分屍的奧賽立斯神的屍首縫合，並重新賦予生命，其形象就是木乃伊的模式。</h3>
<br/>
<div class="middle_line">
<button type="button" data-toggle="modal" data-target="#fault_ans" class="button_answer" onClick="alertno()">（A）娜芙希斯</button>
<br/><br/>
<button type="button" data-toggle="modal" data-target="#fault_ans" class="button_answer" onClick="alertno()">（B）瑪特</button>
<br/><br/>
<button type="button" data-toggle="modal" data-target="#correct_ans" class="button_answer" onClick="alertyes()">（C）愛西絲</button>
</div>
<p class="abreast-08"/><br/>
</div>
<div id="question4" class="section black middle_line">
<h3> Q： 在新王國時期，製作木乃伊依然是少數貴族統治階級才能享有的復活特權。</h3>
<br/>
<div class="middle_line">
<button type="button" data-toggle="modal" data-target="#fault_ans" class="button_answer" onClick="alertno()">（A）正確</button>
<br/><br/>
<button type="button" data-toggle="modal" data-target="#correct_ans" class="button_answer" onClick="alertyes()">（B）不正確</button>
</div>
<p class="abreast-08"/><h3><br/>
</div>
<div id="fault_ans" class="alert_ans modal fade" role="dialog" data-backdrop="static" data-backdrop="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">答錯囉!!</h4>
</div>
<div class="modal-body">
<p>請回去教材再學習一次喔!!<p/>
</div>
<div class="modal-footer">
<button class="button_answer_ok" data-dismiss="modal" onClick="return_study()">OK</button>
</div>
</div>
</div>
</div>
<div id="correct_ans" class="alert_ans modal fade" role="dialog" data-backdrop="static" data-backdrop="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">恭喜答對囉!!</h4>
</div>
<div class="modal-body">
<p>前往下一個標的吧!!<p/>
</div>
<div class="modal-footer">
<button class="button_answer_ok" data-dismiss="modal" onClick="learnFinish()">OK</button>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script>
//data-toggle="modal" data-target="#fault_ans"
var ansQID = []; //存放題號
var ansCheck = []; //答題對錯(1:對,0:錯)
var count = 2; //倒數的次數
var n = 0;
var i = 0;
var j = 0;
var timeOut;
<!--學習完教材按下「學習完成」扭-->
function finish_click()
{
$('html, body').scrollTop(0); //捲軸回到0的位置
if( i == 0 )
{
n = Math.floor(Math.random() * 4) + 1;
switch(n){
case 1:
$("div#content").css("display","none");
$("div#question1").css("display","inline");
//alert("1");
break;
case 2:
$("div#content").css("display","none");
$("div#question2").css("display","inline");
//alert("2");
break;
case 3:
$("div#content").css("display","none");
$("div#question3").css("display","inline");
//alert("3");
break;
case 4:
$("div#content").css("display","none");
$("div#question4").css("display","inline");
//alert("4");
break;
}
}
}
<!--跳出答錯的alert視窗-->
function alertno()
{
$("#fault_ans").css("display","inline");
switch(n){
case 1:
ansQID[j] = "15-1";
ansCheck[j] = 0;
break;
case 2:
ansQID[j] = "15-2";
ansCheck[j] = 0;
break;
case 3:
ansQID[j] = "15-3";
ansCheck[j] = 0;
break;
case 4:
ansQID[j] = "15-4";
ansCheck[j] = 0;
break;
}
j++;
$("#fault_ans").modal({show:false});
}
<!--答錯跳出的alert按下OK時回到教材再學習一次-->
function return_study()
{
$('html, body').scrollTop(0); //捲軸回到0的位置
$("div#question1").css("display","none");
$("div#question2").css("display","none");
$("div#question3").css("display","none");
$("div#question4").css("display","none");
$("div#fault_ans").css("display","none");
$("div#content").css("display","inline");
i = i + 1;
count = 2;
n = 0;
ftime();
}
<!--按鈕倒數計時-->
function ftime(){ time(); }
function time()
{
if (count == 0) {
$("input#fin_but").attr("disabled", false);
$("input#fin_but").val("學習完成");
i = 0;
clearTimeout(timeOut);
}
else {
count--;
$("input#fin_but").attr("disabled", "disabled");
$("input#fin_but").val("請再學習一次!!(" + count.toString() + ")");
timeOut = setTimeout(time, 1000);
}
}
<!--跳出答對的alert視窗-->
function alertyes()
{
//ansQID[j] = 題號, j = 0 ~ 答對的那題
//ansCheck[j] = 答題對錯, j = 0 ~ 答對的那題
switch(n){
case 1:
ansQID[j] = "15-1";
ansCheck[j] = 1;
break;
case 2:
ansQID[j] = "15-2";
ansCheck[j] = 1;
break;
case 3:
ansQID[j] = "15-3";
ansCheck[j] = 1;
break;
case 4:
ansQID[j] = "15-4";
ansCheck[j] = 1;
break;
}
$("#correct_ans").css("display","inline");
}
<!--答對的alert視窗按下OK後的動作-->
function learnFinish()
{
Android.learnFinish(ansQID,ansCheck);
}
</script>
</body>
</html>