mirror of
https://gitlab.com/tutorial-java-rafa-munoz/tutorial-java-2024-25/LMSGI-2024-25.git
synced 2025-11-09 18:03:06 +01:00
feat(ch 6 & 7): added
This commit is contained in:
Rafa Muñoz
@@ -0,0 +1,110 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<title>El mundo yesterday</title><style type="text/css">
|
||||
body {
|
||||
font-family: Arial;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
ol, ul
|
||||
{
|
||||
margin-top: 10px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
#menu li
|
||||
{
|
||||
margin-left: 0px;
|
||||
display: inline;
|
||||
list-style-type: none;
|
||||
padding: 10px 50px;
|
||||
}
|
||||
|
||||
.noticia {
|
||||
/* border: #000 solid 1px; */
|
||||
padding: 10px 5px;
|
||||
float: left;
|
||||
width: 338px;
|
||||
}
|
||||
|
||||
.noticia img {
|
||||
width: 338px;
|
||||
}
|
||||
|
||||
.noticiaDobleAncho {
|
||||
/* border: #000 solid 1px; */
|
||||
padding: 10px 5px;
|
||||
float: left;
|
||||
width: 690px;
|
||||
}
|
||||
|
||||
.noticiaDobleAncho img {
|
||||
width: 690px;
|
||||
}
|
||||
|
||||
.fechaNoticia {
|
||||
color: #A3A34B;
|
||||
}
|
||||
|
||||
.comentariosNoticia {
|
||||
color: #A3A34B;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.divPublicidad {
|
||||
/* border: #000 solid 1px; */
|
||||
padding: 10px 5px;
|
||||
float: right;
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.divPublicidad img {
|
||||
width: 200px;
|
||||
}
|
||||
</style></head>
|
||||
<body>
|
||||
<div style="width: 1000px; margin: 0 auto;">
|
||||
<div style="width: 1000px;"><img src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/el-mundo-yesterday.jpg" width="997" height="115"></div>
|
||||
<div id="menu" style="width: 1000px; margin: 0px; padding: 0px;">
|
||||
<ul>
|
||||
<li style="background:#DDE640;"><a href="#">Nacional</a></li>
|
||||
<li style="background:orange;"><a href="#">Internacional</a></li>
|
||||
<li style="background:#DDE640;"><a href="#">Sociedad</a></li>
|
||||
<li style="background:orange;"><a href="#">Cultura</a></li>
|
||||
<li style="background:#DDE640;"><a href="#">Ciencia</a></li>
|
||||
<li style="background:orange;"><a href="#">Deportes</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div style="width: 700px; float: left;">
|
||||
<div class="noticiaDobleAncho">
|
||||
<h2>Señora de Badajoz confunde a todos los hombres negros con Morgan Freeman</h2>
|
||||
<h4>"Está en todos los saraos este hombre" - dice la señora</h4><img src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/badajoz.jpg"><br><span class="fechaNoticia">Publicado el
|
||||
22 de febrero</span><span class="comentariosNoticia">10 comentarios
|
||||
</span></div>
|
||||
<div class="noticia">
|
||||
<h2>El Observatorio de la Mujer controlará a Uma Thurman vía satélite para detectar el menor cambio en su aspecto</h2>
|
||||
<h4>El rostro de la actriz ya es la primera preocupación de los españoles por encima del paro y el terrorismo</h4><img src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/umagumma.jpg"><br><span class="fechaNoticia">Publicado el
|
||||
21 de febrero</span><span class="comentariosNoticia">13 comentarios
|
||||
</span></div>
|
||||
<div class="noticia">
|
||||
<h2>Aumenta la producción de uvas gigantes para esas botellas de vino gigantes que hay en los restaurantes</h2>
|
||||
<h4>Los decantadores son hormigoneras</h4><img src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/uvasgigantes.jpg"><br><span class="fechaNoticia">Publicado el
|
||||
20 de febrero</span><span class="comentariosNoticia">20 comentarios
|
||||
</span></div>
|
||||
<div class="noticiaDobleAncho">
|
||||
<h2>Un cirujano interrumpe un transplante de corazón para ver un videotutorial sobre transplantes de corazón</h2>
|
||||
<h4>También buscó trucos en Youtube para comunicar el fallecimiento</h4><img src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/transplante.png"><br><span class="fechaNoticia">Publicado el
|
||||
19 de febrero</span><span class="comentariosNoticia">20 comentarios
|
||||
</span></div>
|
||||
</div>
|
||||
<div style="width: 295px; float: right;">
|
||||
<div class="divPublicidad"><img width="280px" src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/publi-sanitas.png"></div>
|
||||
<div class="divPublicidad"><img width="280px" src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/publi-arriba.png"></div>
|
||||
<div class="divPublicidad"><img width="280px" src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/publi-sofa.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,35 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<?xml-stylesheet href="elmundoyesterday.xsl" type="text/xsl"?>
|
||||
<periodico nombre="El mundo yesterday" logo="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/el-mundo-yesterday.jpg">
|
||||
<menu>
|
||||
<enlace href="#">Nacional</enlace>
|
||||
<enlace href="#">Internacional</enlace>
|
||||
<enlace href="#">Sociedad</enlace>
|
||||
<enlace href="#">Cultura</enlace>
|
||||
<enlace href="#">Ciencia</enlace>
|
||||
<enlace href="#">Deportes</enlace>
|
||||
</menu>
|
||||
<noticias>
|
||||
<noticia dobleAncho="s" fecha="22 de febrero" comentarios="10" imagen="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/badajoz.jpg">
|
||||
<titular>Señora de Badajoz confunde a todos los hombres negros con Morgan Freeman</titular>
|
||||
<subtitular>"Está en todos los saraos este hombre" - dice la señora</subtitular>
|
||||
</noticia>
|
||||
<noticia dobleAncho="n" fecha="21 de febrero" comentarios="13" imagen="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/umagumma.jpg">
|
||||
<titular>El Observatorio de la Mujer controlará a Uma Thurman vía satélite para detectar el menor cambio en su aspecto</titular>
|
||||
<subtitular>El rostro de la actriz ya es la primera preocupación de los españoles por encima del paro y el terrorismo</subtitular>
|
||||
</noticia>
|
||||
<noticia dobleAncho="n" fecha="20 de febrero" comentarios="20" imagen="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/uvasgigantes.jpg">
|
||||
<titular>Aumenta la producción de uvas gigantes para esas botellas de vino gigantes que hay en los restaurantes</titular>
|
||||
<subtitular>Los decantadores son hormigoneras</subtitular>
|
||||
</noticia>
|
||||
<noticia dobleAncho="s" fecha="19 de febrero" comentarios="20" imagen="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/transplante.png">
|
||||
<titular>Un cirujano interrumpe un transplante de corazón para ver un videotutorial sobre transplantes de corazón</titular>
|
||||
<subtitular>También buscó trucos en Youtube para comunicar el fallecimiento</subtitular>
|
||||
</noticia>
|
||||
</noticias>
|
||||
<publicidad>
|
||||
<anuncio orden="2" imagen="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/publi-arriba.png"/>
|
||||
<anuncio orden="1" imagen="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/publi-sanitas.png"/>
|
||||
<anuncio orden="3" imagen="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/publi-sofa.png"/>
|
||||
</publicidad>
|
||||
</periodico>
|
||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 259 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 125 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 177 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 412 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 264 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 114 KiB |
Reference in New Issue
Block a user