Prueba de validación
<HTML><TITLE>Confección y publicación de páginas Web.</TITLE><BR /><H1 <B>ALIGN=”CENTER”>PRUEBA DE VALIDACIÓN PERSONAL</B><H1>
<P>Fecha: Módulo: MF0950_2 Unidad Formativa: UF1303.1
Nombre:
</P>
<BODY>
<H2><U>INSTRUCCIONES:</U>Esta prueba de validación se compone de una parte de código utilizando
el <u>editor Jedit</u><b>ESTA PRUEBA ES PERSONAL </b></H2>
1.- Ejercicio de código: elabora una página web Index.html en HTML5 con un Css externo sobre el
pueblo “Almansa” con los contenidos que te facilitamos en el fichero Almansa y en el directorio de img
1303.1.
ESTE EJERCICIO ES DE LIBRE DISEÑO, utilizar vuestra creatividad hay muchas formas de hacerlo, solo
mantener los conceptos de usable y accesible.
Realizar boceto completo en papel inicial y OBLIGATORIO, que debes de mostrar al Maestro antes de
proceder con el código.
Se revisarán todos los contenidos de la unidad formativa 1302. Estructura, accesibilidad, usabilidad, etc..
Las imágenes han de modificarse para conseguir los efectos deseados en los programas de edición.
El objetivo de esta prueba es aplicar código css a unos contenidos ya dados con anterioridad, diseñar y
estructurar la página para conseguir los efectos deseados.
Ten en cuenta el tema y tipo de página que vas a diseñar y a quien va dirigida.
Una vez terminada la prueba se enviará un correo electrónico con el código html y un pantallazo.
Utilizar una carpeta para hacer la prueba y rutas relativas para después subirlo por ftp al servidor y
hacer pruebas de validación y velocidad con la misma, indicar resultados brevemente. (Se ayudará con
el FTP)
Los contenidos son:
● Un favicon para aplicar en la web
● Una imagen para usar en la cabecera
● Un logo
● 2 imágenes para los artículos
● 2 Textos para artículos
● Texto de la cabecera
● Menú de lista
● Pié de página
Los contenidos se encuentran en el documento Almansa y el directorio img 1303.1
Escuela Taller Castro Urdiales</HTML>
Material
TEXTO CABECERA
<h1>Bienvenidos a Almansa</h1>
MENÚ LISTAS DE ENLACES
<ul>
<li><a href=”http://www.almansa.es/” target=”_black”>Ayuntamiento de Almansa</a></
li>
<li><a href=”http://www.turismocastillalamancha.es/patrimonio/almansa-26731/visita/”
target=”_black”>Turismo</a></li>
<li><a href=”https://www.google.es/hotels/?
gl=ES&cu_link=1#search;l=Almansa,+Spain;q=hoteles+almansa;d=2014-08-
17;n=1;si=;av=r” target=”_black”>Hospedaje</a></li>
<li><a href=”http://www.nuestrasfiestas.com/fiestas-en-albacete/fiestas-en-almansa-
2014/” target=”_black”>Fiestas</a></li>
</ul>
ARTÍCULO 1. BATALLA DE ALMANSA
La Batalla de Almansa se produjo durante el conflicto internacional de la Guerra de Sucesión
Española el 25 de abril de 1707 en Almansa (actual provincia de Albacete, en los límites entre
Valencia, Alicante y Murcia, en España). En el enfrentamiento, las tropas de Felipe de Anjou
(nieto de Luis XIV de Francia), que había sido coronado como Felipe V, mandadas por el
duque de Berwick, derrotaron a las del archiduque Carlos de Austria, comandadas por Henri de
Massue y elMarqués das Minas. La batalla no fue decisiva para el fin del conflicto internacional,
pero sí abrió las puertas hacia el Reino de Valencia. Como consecuencia de esta batalla, el
Reino de Valencia fue ocupado por las tropas borbónicas (con mucha resistencia austracista)
aunque los fueros quedaron abolidos, junto con los de Aragón, tras la publicación de los
Decretos de Nueva Planta.
La batalla se inició a las 15.00 horas del 25 de abril. Ambos ejércitos se desplegaron cara
a cara a lo largo de 6,5 km. Los aliados, partidarios del Archiduque Carlos, alinearon 42
batallones de infantería, y 60 escuadrones de caballería, de 100 jinetes cada uno, mientras
que los borbónicos dispusieron 50 batallones de infantería y 81 escuadrones de caballería,
formando ambos ejércitos con dos líneas de profundidad. Paradójicamente la única
representación valenciana era el regimiento Valencia -luego rebautizado Jaén- de 300 hombres
al mando del coronel Riera en el bando borbónico.
La batalla dio comienzo con el fuego de artillería. Las tropas aliadas, cansadas, en inferioridad
numérica y mal dirigidas, rompieron la formación entre el centro y el flanco debido al empuje de
la caballería borbónica. La caballería francesa provocó la retirada de las tropas aliadas en el
flanco izquierdo, mientras que las tropas de la zona central acabaron por rendirse a las 17.00
horas.
ARTÍCULO 2. CASTILLO DE ALMANSA
Sin duda sobre fortificaciones almohades (musulmanas) anteriores, levantó don Juan Manuel
su fortaleza en el siglo XIV. Así lo indican algunos documentos publicados por Aurelio Pretel.
En uno de ellos, de 1338, sobre el aprovechamiento de aguas de Alpera, se establecen
varias penas que, en todo o en parte se habían de destinar para el castillo de Almansa. En
1346, cuando don Juan Manuel hace merced al concejo de Almansa de tierras de riego de su
posesión y del agua que le correspondía, pide a cambio:
que me dedes [...] para ayudar a labrar el mio castillo de aquí de Almansa, tres mil maravedis [...] Et que
[...] los dedes a Ruy Martinez mio criado y vuestro vezino que los tiene que recabdar para la dicha obra
del dicho castillo...
Comparando ambos textos pudiera ser que el primero se refiera a fortificaciones existentes con
anterioridad y que después en 1346 se iniciarán sobre aquellas las obras de un nuevo castillo.
Sin embargo, su aspecto actual corresponderá a la época de don Juan Pacheco, Marqués de
Villena, cuyas armas aparecen en las claves de las bóvedas de crucería sencilla de su torre del
homenaje.
La construcción original corresponde a los almohades (musulmanes). Éstos edificaban
utilizando la técnica del tapial, de los cuales se conservan algunos restos primitivos, sobre
todo en las partes más cercanas a la roca y restaurados en 2008, siendo esta parte la más
antigua. El castillo fue conquistado por Jaime I de Aragón, pasando posteriormente al Reino
de Castillatras la firma del Tratado de Almizrra entre el rey aragonés y el castellano Alfonso X.
En el siglo XIV pasó a manos del infante don Juan Manuel, quien mandó reconstruir algunos
de sus elementos y murallas, diferenciándose la mampostería cristiana del siglo XVI del tapial
árabe del siglo XII. Más tarde el castillo volvió a cambiar de manos, pasando a Don Juan
Pacheco, Marqués de Villena, que fue quien le dio la morfología actual al monumento, con la
construcción de la Torre del Homenaje, las torres semicirculares de las murallas y la barbacana
defensiva.
A partir del siglo XVI, el castillo entró en un largo proceso de abandono y deterioro por
desuso, al perder su funcionalidad como baluarte defensivo de la ciudad. Tal fue el deterioro y
devaluación del monumento que en 1919 el alcalde de Almansa denunció el estado ruinoso del
castillo y solicitó permiso para su demolición, pero gracias a los informes realizados por la Real
Academia de la Historia y la Real Academia de Bellas Artes de San Fernando, en contra de la
petición del Ayuntamiento, el castillo de Almansa no sólo se salvó, sino que además, por Real
Orden de febrero de 1921 fue declarado Monumento Histórico-ArtísticoNacional.
PIE DE PÁGINA (footer)
Almansa, situada en el sureste de España, provincia de Albacete, comunidad autónoma de Castilla-La
Mancha.
Index
<!Doctype html>
<HTML lang="es">
<HEAD>
<TITLE>Almansa</TITLE>
<LINK REL="stylesheet" HREF="estiloprueba.css" TYPE="text/css">
<link rel="icon" type="image/png" href="favicon.ico.png" />
</head>
<body>
<div id="header">
<header>
<img src="imgcabecera.jpg" alt="panoramica">
<img class="escudo" src="logo.gif" alt="escudo">
<h1>ALMANSA</h1>
</header>
</div>
<div id='cssmenu'>
<ul>
<li><a href='http://www.almansa.es/'><span>Ayuntamiento de Almansa</span></a></li>
<li><a href='http://www.turismocastillalamancha.es/patrimonio/almansa-26731/visita/'target=”_black”>Turismo</a></li>
<li><a href='https://www.google.es/hotels/?gl=ES&cu_link=1#search;l=Almansa,+Spain;q=hoteles+almansa;d=2014-08-17;n=1;si=df076d48;av=r'><span>Hospedaje</span></a></li>
<li><a href='http://www.nuestrasfiestas.com/fiestas-en-albacete/fiestas-en-almansa-2014/'><span>Fiestas</span></a></li>
<li><a href='http://www.turismoenalbacete.com/donde-comer/gastronomia/listado-recetas/?ti0=13&d=0'><span>Gastronomía</span></a></li>
<li><a href='http://www.almansa.net/index.php?option=com_content&task=view&id=19&Itemid=59'><span>Más información</span></a></li>
<li><a href='pagina2.html'><span>Galería</span></a></li>
</ul>
</div>
<div id='contenedor'>
<h1>ARTÍCULO 1. BATALLA DE ALMANSA</h1>
<br>
<p>La Batalla de Almansa se produjo durante el conflicto internacional de la Guerra de Sucesión Española el 25 de abril de 1707 en Almansa (actual provincia de Albacete, en los límites entre Valencia, Alicante y Murcia, en España). En el enfrentamiento, las tropas de Felipe de Anjou (nieto de Luis XIV de Francia), que había sido coronado como Felipe V, mandadas por el duque de Berwick, derrotaron a las del archiduque Carlos de Austria, comandadas por Henri de Massue y elMarqués das Minas. La batalla no fue decisiva para el fin del conflicto internacional, pero sí abrió las puertas hacia el Reino de Valencia. Como consecuencia de esta batalla, el Reino de Valencia fue ocupado por las tropas borbónicas (con mucha resistencia austracista) aunque los fueros quedaron abolidos, junto con los de Aragón, tras la publicación de los Decretos de Nueva Planta.
La batalla se inició a las 15.00 horas del 25 de abril. Ambos ejércitos se desplegaron cara a cara a lo largo de 6,5 km. Los aliados, partidarios del Archiduque Carlos, alinearon 42 batallones de infantería, y 60 escuadrones de caballería, de 100 jinetes cada uno, mientras que los borbónicos dispusieron 50 batallones de infantería y 81 escuadrones de caballería, formando ambos ejércitos con dos líneas de profundidad. Paradójicamente la única representación valenciana era el regimiento Valencia -luego rebautizado Jaén- de 300 hombres al mando del coronel Riera en el bando borbónico.
La batalla dio comienzo con el fuego de artillería. Las tropas aliadas, cansadas, en inferioridad numérica y mal dirigidas, rompieron la formación entre el centro y el flanco debido al empuje de la caballería borbónica. La caballería francesa provocó la retirada de las tropas aliadas en el flanco izquierdo, mientras que las tropas de la zona central acabaron por rendirse a las 17.00 horas.
</p>
<br><br>
<img src="art1.jpg" alt="imagen del primer artículo">
<br>
<br>
<br>
<br>
<hr>
<br>
<br>
<h1>ARTÍCULO 2. CASTILLO DE ALMANSA</h1>
<br>
<p>Sin duda sobre fortificaciones almohades (musulmanas) anteriores, levantó don Juan Manuel su fortaleza en el siglo XIV. Así lo indican algunos documentos publicados por Aurelio Pretel. En uno de ellos, de 1338, sobre el aprovechamiento de aguas de Alpera, se establecen varias penas que, en todo o en parte se habían de destinar para el castillo de Almansa. En 1346, cuando don Juan Manuel hace merced al concejo de Almansa de tierras de riego de su posesión y del agua que le correspondía, pide a cambio:
que me dedes [...] para ayudar a labrar el mio castillo de aquí de Almansa, tres mil maravedis [...] Et que [...] los dedes a Ruy Martinez mio criado y vuestro vezino que los tiene que recabdar para la dicha obra del dicho castillo...
Comparando ambos textos pudiera ser que el primero se refiera a fortificaciones existentes con anterioridad y que después en 1346 se iniciarán sobre aquellas las obras de un nuevo castillo. Sin embargo, su aspecto actual corresponderá a la época de don Juan Pacheco, Marqués de Villena, cuyas armas aparecen en las claves de las bóvedas de crucería sencilla de su torre del homenaje.
La construcción original corresponde a los almohades (musulmanes). Éstos edificaban utilizando la técnica del tapial, de los cuales se conservan algunos restos primitivos, sobre todo en las partes más cercanas a la roca y restaurados en 2008, siendo esta parte la más antigua. El castillo fue conquistado por Jaime I de Aragón, pasando posteriormente al Reino de Castillatras la firma del Tratado de Almizrra entre el rey aragonés y el castellano Alfonso X. En el siglo XIV pasó a manos del infante don Juan Manuel, quien mandó reconstruir algunos de sus elementos y murallas, diferenciándose la mampostería cristiana del siglo XVI del tapial árabe del siglo XII. Más tarde el castillo volvió a cambiar de manos, pasando a Don Juan Pacheco, Marqués de Villena, que fue quien le dio la morfología actual al monumento, con la construcción de la Torre del Homenaje, las torres semicirculares de las murallas y la barbacana defensiva.
A partir del siglo XVI, el castillo entró en un largo proceso de abandono y deterioro por desuso, al perder su funcionalidad como baluarte defensivo de la ciudad. Tal fue el deterioro y devaluación del monumento que en 1919 el alcalde de Almansa denunció el estado ruinoso del castillo y solicitó permiso para su demolición, pero gracias a los informes realizados por la Real Academia de la Historia y la Real Academia de Bellas Artes de San Fernando, en contra de la petición del Ayuntamiento, el castillo de Almansa no sólo se salvó, sino que además, por Real Orden de febrero de 1921 fue declarado Monumento Histórico-ArtísticoNacional.
</p>
<br><br>
<img class="imagen2" src="art2.jpg" alt="imagen del segundo artículo">
<img class="imagen3" src="castillo.jpg" alt="castillo de almansa">
<img class="imagen4" src="castillo3.jpg" alt="castillo de almansa 2">
</div>
<div id="footer">
<p>Almansa, situada en el sureste de España, provincia de Albacete, comunidad autónoma de Castilla-La
Mancha.</p>
</div>
</body>
</HTML>
Página dos
<!Doctype html>
<HTML lang="es">
<HEAD>
<TITLE>Almansa</TITLE>
<LINK REL="stylesheet" HREF="estiloprueba.css" TYPE="text/css">
<link rel="icon" type="image/png" href="favicon.ico.png" />
</head>
<body>
<div id="header">
<header>
<img src="imgcabecera.jpg" alt="panoramica">
<a href="index.html"><img class="escudo" src="logo.gif" alt="escudo"></a>
<h1>ALMANSA</h1>
</header>
</div>
<div id='cssmenu'>
<ul>
<li><a href='http://www.almansa.es/'><span>Ayuntamiento de Almansa</span></a></li>
<li><a href='http://www.turismocastillalamancha.es/patrimonio/almansa-26731/visita/'target=”_black”>Turismo</a></li>
<li><a href='https://www.google.es/hotels/?gl=ES&cu_link=1#search;l=Almansa,+Spain;q=hoteles+almansa;d=2014-08-17;n=1;si=df076d48;av=r'><span>Hospedaje</span></a></li>
<li><a href='http://www.nuestrasfiestas.com/fiestas-en-albacete/fiestas-en-almansa-2014/'><span>Fiestas</span></a></li>
<li><a href='http://www.turismoenalbacete.com/donde-comer/gastronomia/listado-recetas/?ti0=13&d=0'><span>Gastronomía</span></a></li>
<li><a href='http://www.almansa.net/index.php?option=com_content&task=view&id=19&Itemid=59'><span>Más información</span></a></li>
<li><a href='index.html'><span>Página principal</span></a></li>
</ul>
</div>
<div id='contenedor'>
<h1>FOTOGRAFÍAS ANTIGUAS</h1>
<p><br>
<img class="imagen2" src="imagenantigua (1).jpg" alt="imagen antigüa">
<img class="imagen2" src="imagenantigua (2).jpg" alt="imagen antigüa2">
<img class="imagen2" src="imagenantigua (3).jpg" alt="imagen antigüa3">
<img class="imagen2" src="imagenantigua (4).jpg" alt="imagen antigüa4">
<img class="imagen2" src="imagenantigua (5).jpg" alt="imagen antigüa5">
<img class="imagen2" src="imagenantigua (6).jpg" alt="imagen antigüa6"></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>
<br><br>
<br>
<br>
<br>
<br>
</p>
<br>
<hr>
<p><br>
</p>
<h1>FOTOGRAFÍAS ACTUALES</h1>
<br>
<br><br>
<img class="imagen2" src="imagenactual (1).jpg" alt="imagen actual">
<img class="imagen2" src="imagenactual (2).jpg" alt="imagen actual2">
<img class="imagen2" src="imagenactual (3).jpg" alt="imagen actual3">
<img class="imagen2" src="imagenactual (4).jpg" alt="imagen actual4">
<img class="imagen2" src="imagenactual (5).jpg" alt="imagen actual5">
<p></p>
<p></p>
<img class="imagen5" src="panoramicaa.jpg" alt="imagen nevada">
</div>
<div id="footer">
<p>Almansa, situada en el sureste de España, provincia de Albacete, comunidad autónoma de Castilla-La
Mancha.</p>
</div>
</body>
</HTML>
Css
#header{
}
#header h1{position: absolute;
text-align: center;
right: 600px;
top: 50px;
color: yellow;
FONT-FAMILY: Arial Black;
font-size: 350%;
}
.escudo{ position: absolute;
left: 50px;
top: 20px;
}
#cssmenu{
height: 200px;
width: 200px;
padding-top: 20px;
padding-right:20px;
font-family: Times New Roman ;
text-align: left;
float:left;
margin-left: 20px ;
background: #08088A;
margin-top: 60px;
}
li a{color: white;
}
a:hover
{
background-color:yellow;
}
#contenedor {
width:1180px;
border:1px solid #333333;
height: 1700px;
background-color:#FFF8F0;
margin-left:290px;
margin-top: 60px;
text-align:left;
padding: 50px;
}
.imagen2{
float: left;
padding-right: 30px;
}
.imagen3{
float: left;
padding-right: 30px;
}
.imagen4{
float: right;
float: top;
margin-top: -300px;
}
.imagen5{
float: right;
float: top;
margin-top: 200px;
margin-right:200px;
}
#footer{
background-color: #08088A;
width:100%;
height:60px;
text-align:center;
color: white;
}
Resultado
