-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathex2.html
114 lines (105 loc) · 4.51 KB
/
ex2.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
<!DOCTYPE html><!---->
<html>
<head>
<meta http-equiv='content-type' content='text/html; charset=utf-8'>
<meta name='keywords' content='e-learning'>
<meta name='description' content='cursos on-line'>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title id='winTi'>Articles</title>
<!--<link rel='stylesheet' type='text/css' href='../estructura_fija/estilos/cg_parla.css' /> -->
<link rel='stylesheet' type='text/css' href='css/main.css' />
<link rel='stylesheet' type='text/css' href='css/arrastre.css' />
<!-- <link rel='stylesheet' type='text/css' href='../estructura_fija/estilos/ejercicioArrastrar.css' /> -->
<script type="text/javascript" src="libs/jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="libs/jquery/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="libs/jquery/plugins/jquery.hittest.js"></script>
<script type="text/javascript" src="libs/jquery/plugins/jquery.matchHeights.js"></script>
<script type="text/javascript" src="libs/jquery/plugins/jquery.ui.touch-punch.js"></script>
<script type="text/javascript" src="libs/controls/media.js"></script>
<script type="text/javascript" src="libs/exercises/botones.js"></script>
<!--[if lt IE 9]>
<script src="../dist/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<header id='cabecera' class='marco standard'>
<p id='titulo'>
<strong>Saps si cal l'article personal en aquestes frases? Saps quina forma és l'adequada? Prova de descobrir-ho.</strong>
</p>
<p id='subtitulo'>
Arrossega l'article o el signe d'absència d'article (-) als buits de les frases següents. Si ho fas bé podràs sentir les frases completes.
</p>
</header>
<article id="content" class="marco standard">
<figure>
<img src='img/grupo1.png' alt='dibujo'>
<img src='img/grupo2.png' alt='dibujo'>
<img src='img/grupo3.png' alt='dibujo'>
</figure>
<section class="standard">
<div id='uno' class="exitem">
<img src='img/butt_audio_a.png' border='0' class='bAudio' id='bAudio_1' alt='audio uno' />
Em dic
<span class='zonaVacia ui-droppable' id='zona_1'>***</span> Gabriel
</div>
<div id='dos' class="exitem">
<img src='img/butt_audio_a.png' border='0' class='bAudio' id='bAudio_2' alt='audio dos' />
<span>Hola! Sóc</span>
<span class='zonaVacia ui-droppable' id='zona_2'>***</span>
<span>Marta</span>
</div>
<div id='tres' class="exitem">
<img src='img/butt_audio_a.png' border='0' class='bAudio' id='bAudio_3' alt='audio tres' />
<span>Hola, bona tarda! Sóc</span>
<span class='zonaVacia ui-droppable' id='zona_3'>***</span>
<span>Enric</span>
</div>
<div id='cuatro' class="exitem">
<img src='img/butt_audio_a.png' border='0' class='bAudio' id='bAudio_4' alt='audio cuatro' />
<span>Bon dia! Som</span>
<span class='zonaVacia ui-droppable' id='zona_4'>***</span>
<span>Xavier i</span>
<span class='zonaVacia ui-droppable' id='zona_5'>***</span>
<span>Hermínia.</span>
</div>
<div id='cinco' class="exitem">
<img src='img/butt_audio_a.png' border='0' class='bAudio' id='bAudio_5' alt='audio cinco' />
<span>Ella es diu</span>
<span class='zonaVacia ui-droppable' id='zona_6'>***</span>
<span>Olga.</span>
</div>
</section>
<div id='fondoPastillas'>
<div class='pastilla ui-draggable' id='opcion_1'>la</div>
<div class='pastilla ui-draggable' id='opcion_2'>el</div>
<div class='pastilla ui-draggable' id='opcion_3'>l'</div>
<div class='pastilla ui-draggable' id='opcion_4'>la</div>
<div class='pastilla ui-draggable' id='opcion_5'>el</div>
<div class='pastilla ui-draggable' id='opcion_6'>l'</div>
</div>
</article>
<div id="audios">
<audio id='audio_1'>
<source src="media/audio/parlaCat_808818_1_ca.mp3" />
<source src="media/audio/audio1.ogg" />
</audio>
<audio id='audio_2'>
<source src="media/audio/parlaCat_808818_2_ca.mp3" />
<source src="media/audio/audio2.ogg" />
</audio>
<audio id='audio_3'>
<source src="media/audio/parlaCat_808818_3_ca.mp3" />
<source src="media/audio/audio3.ogg" />
</audio>
<audio id='audio_4'>
<source src="media/audio/parlaCat_808818_4_ca.mp3" />
<source src="media/audio/audio4.ogg" />
</audio>
<audio id='audio_5'>
<source src="media/audio/parlaCat_808818_5_ca.mp3" />
<source src="media/audio/audio5.ogg" />
</audio>
</div>
</body>
</html>