Skip to content

Commit 0e4c13f

Browse files
iesdavidiesdavid
committed
LM UD4
1 parent e8dc319 commit 0e4c13f

File tree

167 files changed

+1712
-878
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

167 files changed

+1712
-878
lines changed

‎LM/UA04/41_sintaxis.html‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
1212
<meta name="author" content="David Bermúdez" />
1313
<link rel="license" type="text/html" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" />
14-
<meta name="generator" content="eXeLearning 2.7 - exelearning.net" />
14+
<meta name="generator" content="eXeLearning 2.8.1 - exelearning.net" />
1515
<!--[if lt IE 9]><script type="text/javascript" src="exe_html5.js"></script><![endif]-->
1616
<script type="text/javascript" src="exe_jquery.js"></script>
1717
<script type="text/javascript" src="exe_lightbox.js"></script>
@@ -21,7 +21,7 @@
2121
<link rel="stylesheet" type="text/css" href="udl-content.css" />
2222
<script type="text/javascript" src="udl-content.js"></script>
2323
<meta name="viewport" content="width=device-width, initial-scale=1" />
24-
</head>
24+
</head>
2525
<body class="exe-web-site" id="exe-node-1"><script type="text/javascript">document.body.className+=" js"</script>
2626
<div id="content">
2727
<p id="skipNav"><a href="#main" class="sr-av">Saltar la navegación</a></p>
@@ -49,7 +49,8 @@
4949
</ul>
5050
</li>
5151
<li><a href="44_definicin_y_uso_de_clases.html" class="no-ch">4.4. Definición y uso de clases</a></li>
52-
<li><a href="45_div_y_span.html" class="no-ch">4.5. div y span</a></li>
52+
<li><a href="45_el_atributo_id_y_la_etiqueta_span.html" class="no-ch">4.5. El atributo ID y la etiqueta SPAN</a></li>
53+
<li><a href="46_el_modelo_de_cajas.html" class="no-ch">4.6. El modelo de cajas</a></li>
5354
<li><a href="46_mejoras_de_css3.html" class="no-ch">4.6. Mejoras de CSS3</a></li>
5455
</ul>
5556
</nav>
@@ -102,4 +103,4 @@
102103
</nav>
103104
</div>
104105
</div>
105-
<script type="text/javascript" src="_cedec_js.js"></script></body></html>
106+
<p id="made-with-eXe"><a href="https://exelearning.net/" target="_blank" rel="noopener"><span>Creado con eXeLearning<span> (Ventana nueva)</span></span></a></p><script type="text/javascript" src="_style_js.js"></script></body></html>

‎LM/UA04/421_inline_css.html‎

Lines changed: 25 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
1111
<meta name="author" content="David Bermúdez" />
1212
<link rel="license" type="text/html" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" />
13-
<meta name="generator" content="eXeLearning 2.7 - exelearning.net" />
13+
<meta name="generator" content="eXeLearning 2.8.1 - exelearning.net" />
1414
<!--[if lt IE 9]><script type="text/javascript" src="exe_html5.js"></script><![endif]-->
1515
<script type="text/javascript" src="exe_jquery.js"></script>
1616
<script type="text/javascript" src="exe_highlighter.js"></script>
@@ -19,7 +19,7 @@
1919
<link rel="stylesheet" type="text/css" href="udl-content.css" />
2020
<script type="text/javascript" src="udl-content.js"></script>
2121
<meta name="viewport" content="width=device-width, initial-scale=1" />
22-
</head>
22+
</head>
2323
<body class="exe-web-site" id="exe-node-3"><script type="text/javascript">document.body.className+=" js"</script>
2424
<div id="content">
2525
<p id="skipNav"><a href="#main" class="sr-av">Saltar la navegación</a></p>
@@ -47,7 +47,8 @@
4747
</ul>
4848
</li>
4949
<li><a href="44_definicin_y_uso_de_clases.html" class="no-ch">4.4. Definición y uso de clases</a></li>
50-
<li><a href="45_div_y_span.html" class="no-ch">4.5. div y span</a></li>
50+
<li><a href="45_el_atributo_id_y_la_etiqueta_span.html" class="no-ch">4.5. El atributo ID y la etiqueta SPAN</a></li>
51+
<li><a href="46_el_modelo_de_cajas.html" class="no-ch">4.6. El modelo de cajas</a></li>
5152
<li><a href="46_mejoras_de_css3.html" class="no-ch">4.6. Mejoras de CSS3</a></li>
5253
</ul>
5354
</nav>
@@ -83,6 +84,26 @@
8384
</div>
8485
</div>
8586
</article>
87+
<article class="iDevice_wrapper UDLcontentIdevice em_iDevice em_iDevice_interactive" id="id22">
88+
<div class="iDevice emphasis1" >
89+
<header class="iDevice_header"><h1 class="iDeviceTitle">Ejercicio</h1></header>
90+
<div class="iDevice_inner">
91+
<div class="iDevice_content_wrapper">
92+
<div id="ta22_120_2" class="block iDevice_content">
93+
<div class="exe-udlContent exe-udlContent-engagement"><section class="exe-udlContent-block"><div class="exe-udlContent-content"><div class="exe-udlContent-content-main"><p>Modifica el <strong>Ejercicio 1</strong> realizado en la UD anterior con las características <strong>CSS inline</strong>:</p>
94+
<ul>
95+
<li>Colorea la etiqueta <strong>p</strong> de un azul claro.</li>
96+
<li>Cambia el color y el fondo de la etiqueta <strong>h1</strong> con colores contrastados.</li>
97+
<li>La etiqueta <strong>h6</strong> debe estar alineada a la derecha usando CSS.</li>
98+
<li>La etiqueta <strong>b</strong> estará en color rojo oscuro, la etiqueta <strong>i</strong> de un rojo medio y la etiqueta <strong>u</strong> de un rojo claro.</li>
99+
<li>El fondo de la página estará de color <strong>Papaya</strong> con márgenes interiores a 20px.</li>
100+
</ul>
101+
<p>Usa la página <a href="https://www.w3schools.com/css/default.asp" target="_blank" rel="noopener"><strong>w3schools.com</strong></a> para obtener más información.</p></div></div></section></div>
102+
</div>
103+
</div>
104+
</div>
105+
</div>
106+
</article>
86107
<div id="packageLicense" class="cc cc-by-nc-sa">
87108
<p><span>Obra publicada con</span> <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Licencia Creative Commons Reconocimiento No comercial Compartir igual 4.0</a></p>
88109
</div>
@@ -94,4 +115,4 @@
94115
</nav>
95116
</div>
96117
</div>
97-
<script type="text/javascript" src="_cedec_js.js"></script></body></html>
118+
<p id="made-with-eXe"><a href="https://exelearning.net/" target="_blank" rel="noopener"><span>Creado con eXeLearning<span> (Ventana nueva)</span></span></a></p><script type="text/javascript" src="_style_js.js"></script></body></html>

‎LM/UA04/422_internal_css.html‎

Lines changed: 23 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
1111
<meta name="author" content="David Bermúdez" />
1212
<link rel="license" type="text/html" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" />
13-
<meta name="generator" content="eXeLearning 2.7 - exelearning.net" />
13+
<meta name="generator" content="eXeLearning 2.8.1 - exelearning.net" />
1414
<!--[if lt IE 9]><script type="text/javascript" src="exe_html5.js"></script><![endif]-->
1515
<script type="text/javascript" src="exe_jquery.js"></script>
1616
<script type="text/javascript" src="exe_highlighter.js"></script>
@@ -19,7 +19,7 @@
1919
<link rel="stylesheet" type="text/css" href="udl-content.css" />
2020
<script type="text/javascript" src="udl-content.js"></script>
2121
<meta name="viewport" content="width=device-width, initial-scale=1" />
22-
</head>
22+
</head>
2323
<body class="exe-web-site" id="exe-node-4"><script type="text/javascript">document.body.className+=" js"</script>
2424
<div id="content">
2525
<p id="skipNav"><a href="#main" class="sr-av">Saltar la navegación</a></p>
@@ -47,7 +47,8 @@
4747
</ul>
4848
</li>
4949
<li><a href="44_definicin_y_uso_de_clases.html" class="no-ch">4.4. Definición y uso de clases</a></li>
50-
<li><a href="45_div_y_span.html" class="no-ch">4.5. div y span</a></li>
50+
<li><a href="45_el_atributo_id_y_la_etiqueta_span.html" class="no-ch">4.5. El atributo ID y la etiqueta SPAN</a></li>
51+
<li><a href="46_el_modelo_de_cajas.html" class="no-ch">4.6. El modelo de cajas</a></li>
5152
<li><a href="46_mejoras_de_css3.html" class="no-ch">4.6. Mejoras de CSS3</a></li>
5253
</ul>
5354
</nav>
@@ -86,6 +87,24 @@
8687
</div>
8788
</div>
8889
</article>
90+
<article class="iDevice_wrapper UDLcontentIdevice em_iDevice em_iDevice_star_white" id="id23">
91+
<div class="iDevice emphasis1" >
92+
<header class="iDevice_header" style="background-image:url(icon_star_white.png)"><h1 class="iDeviceTitle">Ejercicio</h1></header>
93+
<div class="iDevice_inner">
94+
<div class="iDevice_content_wrapper">
95+
<div id="ta23_121_2" class="block iDevice_content">
96+
<div class="exe-udlContent exe-udlContent-engagement"><section class="exe-udlContent-block"><div class="exe-udlContent-content"><div class="exe-udlContent-content-main"><p>Modifica el <strong>Ejercicio 2</strong> de la UD anterior creando un <strong>estilo</strong> en la cabecera de la página donde se recojan las siguientes modificaciones:</p>
97+
<ul>
98+
<li>Todas las etiquetas <strong>ol</strong> serán azules con tamaño de letra más grande de lo habitual (usa <strong>em</strong>).</li>
99+
<li>Las etiquetas <strong>ul</strong> serán verdes oscuras con letras blancas.</li>
100+
<li>Los <strong>items</strong> impares de cada lista estarán de un color algo diferente al de los pares (más claro o más oscuro). Usa&nbsp;<a href="https://www.spanish-translator-services.com/espanol/t/007/evenodd.html" target="_blank" rel="noopener">esta página</a> para ayudarte.</li>
101+
<li>Más difícil: el juego de colores de los <strong>items</strong> de los <strong>ul</strong> deberá ser distinto al de los <strong>ol</strong>. Puedes usar&nbsp;<a href="https://lenguajecss.com/postcss/plugins/css-nesting/" target="_blank" rel="noopener">esta página</a> para ayudarte.</li>
102+
</ul></div></div></section></div>
103+
</div>
104+
</div>
105+
</div>
106+
</div>
107+
</article>
89108
<div id="packageLicense" class="cc cc-by-nc-sa">
90109
<p><span>Obra publicada con</span> <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Licencia Creative Commons Reconocimiento No comercial Compartir igual 4.0</a></p>
91110
</div>
@@ -97,4 +116,4 @@
97116
</nav>
98117
</div>
99118
</div>
100-
<script type="text/javascript" src="_cedec_js.js"></script></body></html>
119+
<p id="made-with-eXe"><a href="https://exelearning.net/" target="_blank" rel="noopener"><span>Creado con eXeLearning<span> (Ventana nueva)</span></span></a></p><script type="text/javascript" src="_style_js.js"></script></body></html>

‎LM/UA04/423_external_css.html‎

Lines changed: 26 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
1111
<meta name="author" content="David Bermúdez" />
1212
<link rel="license" type="text/html" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" />
13-
<meta name="generator" content="eXeLearning 2.7 - exelearning.net" />
13+
<meta name="generator" content="eXeLearning 2.8.1 - exelearning.net" />
1414
<!--[if lt IE 9]><script type="text/javascript" src="exe_html5.js"></script><![endif]-->
1515
<script type="text/javascript" src="exe_jquery.js"></script>
1616
<script type="text/javascript" src="exe_highlighter.js"></script>
@@ -19,7 +19,7 @@
1919
<link rel="stylesheet" type="text/css" href="udl-content.css" />
2020
<script type="text/javascript" src="udl-content.js"></script>
2121
<meta name="viewport" content="width=device-width, initial-scale=1" />
22-
</head>
22+
</head>
2323
<body class="exe-web-site" id="exe-node-5"><script type="text/javascript">document.body.className+=" js"</script>
2424
<div id="content">
2525
<p id="skipNav"><a href="#main" class="sr-av">Saltar la navegación</a></p>
@@ -47,7 +47,8 @@
4747
</ul>
4848
</li>
4949
<li><a href="44_definicin_y_uso_de_clases.html" class="no-ch">4.4. Definición y uso de clases</a></li>
50-
<li><a href="45_div_y_span.html" class="no-ch">4.5. div y span</a></li>
50+
<li><a href="45_el_atributo_id_y_la_etiqueta_span.html" class="no-ch">4.5. El atributo ID y la etiqueta SPAN</a></li>
51+
<li><a href="46_el_modelo_de_cajas.html" class="no-ch">4.6. El modelo de cajas</a></li>
5152
<li><a href="46_mejoras_de_css3.html" class="no-ch">4.6. Mejoras de CSS3</a></li>
5253
</ul>
5354
</nav>
@@ -109,6 +110,27 @@
109110
</div>
110111
</div>
111112
</article>
113+
<article class="iDevice_wrapper UDLcontentIdevice em_iDevice em_iDevice_star_white" id="id24">
114+
<div class="iDevice emphasis1" >
115+
<header class="iDevice_header" style="background-image:url(icon_star_white.png)"><h1 class="iDeviceTitle">Ejercicio</h1></header>
116+
<div class="iDevice_inner">
117+
<div class="iDevice_content_wrapper">
118+
<div id="ta24_122_2" class="block iDevice_content">
119+
<div class="exe-udlContent exe-udlContent-engagement"><section class="exe-udlContent-block"><div class="exe-udlContent-content"><div class="exe-udlContent-content-main"><p>Crea un archivo <strong>estilo.css</strong> dentro de la carpeta CSS creada en el ejercicio de estructura HTML de la UD anterior.</p>
120+
<p>Modifica <strong>todos los enlaces</strong> para que tengan la siguiente apariencia:</p>
121+
<ul>
122+
<li>Margen interior de 12px,</li>
123+
<li>Color de fondo claro.</li>
124+
<li>Color de texto contrastado (oscuro)</li>
125+
<li>Borde de 1 px con el color del fondo en oscuro.</li>
126+
<li>Aplica un radio al borde de 4px. Usa <a href="https://www.w3schools.com/cssref/css3_pr_border-radius.php" target="_blank" rel="noopener"><strong>esta página</strong></a> para obtener info.</li>
127+
<li>Quita el subrayado que indica que es un enlace.</li>
128+
</ul></div></div></section></div>
129+
</div>
130+
</div>
131+
</div>
132+
</div>
133+
</article>
112134
<div id="packageLicense" class="cc cc-by-nc-sa">
113135
<p><span>Obra publicada con</span> <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Licencia Creative Commons Reconocimiento No comercial Compartir igual 4.0</a></p>
114136
</div>
@@ -120,4 +142,4 @@
120142
</nav>
121143
</div>
122144
</div>
123-
<script type="text/javascript" src="_cedec_js.js"></script></body></html>
145+
<p id="made-with-eXe"><a href="https://exelearning.net/" target="_blank" rel="noopener"><span>Creado con eXeLearning<span> (Ventana nueva)</span></span></a></p><script type="text/javascript" src="_style_js.js"></script></body></html>

‎LM/UA04/42_cmo_incluir_los_estilos.html‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
1111
<meta name="author" content="David Bermúdez" />
1212
<link rel="license" type="text/html" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" />
13-
<meta name="generator" content="eXeLearning 2.7 - exelearning.net" />
13+
<meta name="generator" content="eXeLearning 2.8.1 - exelearning.net" />
1414
<!--[if lt IE 9]><script type="text/javascript" src="exe_html5.js"></script><![endif]-->
1515
<script type="text/javascript" src="exe_jquery.js"></script>
1616
<script type="text/javascript" src="exe_effects.js"></script>
@@ -19,7 +19,7 @@
1919
<link rel="stylesheet" type="text/css" href="udl-content.css" />
2020
<script type="text/javascript" src="udl-content.js"></script>
2121
<meta name="viewport" content="width=device-width, initial-scale=1" />
22-
</head>
22+
</head>
2323
<body class="exe-web-site" id="exe-node-2"><script type="text/javascript">document.body.className+=" js"</script>
2424
<div id="content">
2525
<p id="skipNav"><a href="#main" class="sr-av">Saltar la navegación</a></p>
@@ -47,7 +47,8 @@
4747
</ul>
4848
</li>
4949
<li><a href="44_definicin_y_uso_de_clases.html" class="no-ch">4.4. Definición y uso de clases</a></li>
50-
<li><a href="45_div_y_span.html" class="no-ch">4.5. div y span</a></li>
50+
<li><a href="45_el_atributo_id_y_la_etiqueta_span.html" class="no-ch">4.5. El atributo ID y la etiqueta SPAN</a></li>
51+
<li><a href="46_el_modelo_de_cajas.html" class="no-ch">4.6. El modelo de cajas</a></li>
5152
<li><a href="46_mejoras_de_css3.html" class="no-ch">4.6. Mejoras de CSS3</a></li>
5253
</ul>
5354
</nav>
@@ -99,4 +100,4 @@ <h2>Definir estilos en un archivo externo (external CSS)</h2>
99100
</nav>
100101
</div>
101102
</div>
102-
<script type="text/javascript" src="_cedec_js.js"></script></body></html>
103+
<p id="made-with-eXe"><a href="https://exelearning.net/" target="_blank" rel="noopener"><span>Creado con eXeLearning<span> (Ventana nueva)</span></span></a></p><script type="text/javascript" src="_style_js.js"></script></body></html>

‎LM/UA04/431_color_y_fondo.html‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,15 @@
99
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
1010
<meta name="author" content="David Bermúdez" />
1111
<link rel="license" type="text/html" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" />
12-
<meta name="generator" content="eXeLearning 2.7 - exelearning.net" />
12+
<meta name="generator" content="eXeLearning 2.8.1 - exelearning.net" />
1313
<!--[if lt IE 9]><script type="text/javascript" src="exe_html5.js"></script><![endif]-->
1414
<script type="text/javascript" src="exe_jquery.js"></script>
1515
<script type="text/javascript" src="common_i18n.js"></script>
1616
<script type="text/javascript" src="common.js"></script>
1717
<link rel="stylesheet" type="text/css" href="udl-content.css" />
1818
<script type="text/javascript" src="udl-content.js"></script>
1919
<meta name="viewport" content="width=device-width, initial-scale=1" />
20-
</head>
20+
</head>
2121
<body class="exe-web-site" id="exe-node-7"><script type="text/javascript">document.body.className+=" js"</script>
2222
<div id="content">
2323
<p id="skipNav"><a href="#main" class="sr-av">Saltar la navegación</a></p>
@@ -45,7 +45,8 @@
4545
</ul>
4646
</li>
4747
<li><a href="44_definicin_y_uso_de_clases.html" class="no-ch">4.4. Definición y uso de clases</a></li>
48-
<li><a href="45_div_y_span.html" class="no-ch">4.5. div y span</a></li>
48+
<li><a href="45_el_atributo_id_y_la_etiqueta_span.html" class="no-ch">4.5. El atributo ID y la etiqueta SPAN</a></li>
49+
<li><a href="46_el_modelo_de_cajas.html" class="no-ch">4.6. El modelo de cajas</a></li>
4950
<li><a href="46_mejoras_de_css3.html" class="no-ch">4.6. Mejoras de CSS3</a></li>
5051
</ul>
5152
</nav>
@@ -199,4 +200,4 @@
199200
</nav>
200201
</div>
201202
</div>
202-
<script type="text/javascript" src="_cedec_js.js"></script></body></html>
203+
<p id="made-with-eXe"><a href="https://exelearning.net/" target="_blank" rel="noopener"><span>Creado con eXeLearning<span> (Ventana nueva)</span></span></a></p><script type="text/javascript" src="_style_js.js"></script></body></html>

‎LM/UA04/432_texto.html‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,15 @@
99
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
1010
<meta name="author" content="David Bermúdez" />
1111
<link rel="license" type="text/html" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" />
12-
<meta name="generator" content="eXeLearning 2.7 - exelearning.net" />
12+
<meta name="generator" content="eXeLearning 2.8.1 - exelearning.net" />
1313
<!--[if lt IE 9]><script type="text/javascript" src="exe_html5.js"></script><![endif]-->
1414
<script type="text/javascript" src="exe_jquery.js"></script>
1515
<script type="text/javascript" src="common_i18n.js"></script>
1616
<script type="text/javascript" src="common.js"></script>
1717
<link rel="stylesheet" type="text/css" href="udl-content.css" />
1818
<script type="text/javascript" src="udl-content.js"></script>
1919
<meta name="viewport" content="width=device-width, initial-scale=1" />
20-
</head>
20+
</head>
2121
<body class="exe-web-site" id="exe-node-8"><script type="text/javascript">document.body.className+=" js"</script>
2222
<div id="content">
2323
<p id="skipNav"><a href="#main" class="sr-av">Saltar la navegación</a></p>
@@ -45,7 +45,8 @@
4545
</ul>
4646
</li>
4747
<li><a href="44_definicin_y_uso_de_clases.html" class="no-ch">4.4. Definición y uso de clases</a></li>
48-
<li><a href="45_div_y_span.html" class="no-ch">4.5. div y span</a></li>
48+
<li><a href="45_el_atributo_id_y_la_etiqueta_span.html" class="no-ch">4.5. El atributo ID y la etiqueta SPAN</a></li>
49+
<li><a href="46_el_modelo_de_cajas.html" class="no-ch">4.6. El modelo de cajas</a></li>
4950
<li><a href="46_mejoras_de_css3.html" class="no-ch">4.6. Mejoras de CSS3</a></li>
5051
</ul>
5152
</nav>
@@ -191,4 +192,4 @@
191192
</nav>
192193
</div>
193194
</div>
194-
<script type="text/javascript" src="_cedec_js.js"></script></body></html>
195+
<p id="made-with-eXe"><a href="https://exelearning.net/" target="_blank" rel="noopener"><span>Creado con eXeLearning<span> (Ventana nueva)</span></span></a></p><script type="text/javascript" src="_style_js.js"></script></body></html>

0 commit comments

Comments
 (0)