Mdulo: Lenguajes de Marcas y SGI CIFP La Laboral

Profesora: Ins Menndez

Actividad segundo trimestre curso 16/17

En el primer trimestre se realiz un sitio web sobre Covadonga. La actividad consiste en tomar dicho sitio como
base y aplicarle otros estilos. Tambin se aadir un formulario.

Pgina web sobre Covadonga lo realizado para el primer trimestre.

Tomando como base la pgina sobre Asturias de la Wikipedia, https://es.wikipedia.org/wiki/Covadonga, realizar
un pequeo sitio web con las siguientes caractersticas:

La pgina se llamar Covadonga.html

Tendr un fichero de estilos externo llamado estiloCovadonga.css
Todas las imgenes se ubicarn en una carpeta imgenes
Habr tambin otra pgina lagosCovadonga.html
Como la pgina es muy larga debe aparecer un ndice a las diferentes secciones, y desde cada seccin
ser posible volver al inicio de la pgina.
Hay que incluir marcas de texto como p, strong, em, span, etc.
Se incluir, al menos, una lista y una tabla dentro de los contenidos de la web.
El ndice debe ser una lista numerada, y con dos niveles, ya que hay subsecciones.
Las secciones que se incluirn son, EXCLUSIVAMENTE:
o Introduccin
o Etimologa
o Conjunto Monumental del Santuario
Santa Cueva de Covadonga
Monasterio de San Pedro
Baslica de Santa Mara la Real de Covadonga
Explanada
o Reyes enterrados en Covadonga
o Entorno natural desde aqu se enlaza a otra pgina con informacin sobre los lagos de
Covadonga
Esta pgina de los lagos de Covadonga lagosCovadonga.html contendr un ttulo, una foto
de los lagos y el texto de la Wikipedia (la introduccin, hasta el ndice -no incluido-). Desde esta
pgina se debe volver a Covadonga.html
Es posible aadir otras imgenes diferentes, si se desea.
No se deben incluir todos los hipervnculos externos que aparecen en el texto de Wikipedia, nicamente
los correspondientes a los artculos de Wikipedia de Cangas de Ons y Principado de Asturias.
Al final de la pgina debe figurar el nombre del autor/a.
NO se utilizarn propiedades de estilo para maquetar la pgina en columnas, ni para dividirla en
secciones, esto se har en el segundo trimestre.
S se pueden utilizar fondos, colores, tipos de letra, y todas aquellas propiedades CSS que se hayan
estudiado en este trimestre.
Se puede incluir un fichero leeme.txt con comentarios sobre el trabajo, si se desea.

1
Mdulo: Lenguajes de Marcas y SGI CIFP La Laboral
Profesora: Ins Menndez
Nuevas caractersticas
Se puede mantener la versin XHTML 1.0 Strict, o cambiar a HTML 5.
Se trata de aadir estructura a la/s pginas con elementos div y/o con etiquetas semnticas si se utiliza
HTML 5.
El layout para las pginas del sitio tendr un ancho fijo, 2 3 columnas, y con, al menos, una seccin de
encabezado, navegacin, contenido y pie de pgina. NO ser de tipo responsive.
Aadir un formulario, puede ser una mini-encuesta sobre los contenidos del sitio, un par de campos para
dejar comentarios, (Los datos de este formulario puedes enviarlos a tu correo electrnico utilizando
mailto)
La tarea tendr una valoracin extra (0,5 puntos ms) si se realiza un pequeo tratamiento de los datos
recibidos en el formulario con un script PHP. [Se subir una pequea gua de PHP al campus]

Envo del ejercicio

Comprimir todos los ficheros en un archivo .zip o .rar y subirlo al campus, en el apartado correspondiente
a la tarea.
Si el archivo es muy grande, se puede compartir va OneDrive, GoogleDrive o similar, en este caso enviar
un documento con las indicaciones para acceder al archivo. Tambin es vlido la URL del repositorio
GitHub.
Adjuntar tambin un documento o una presentacin donde se describa brevemente el sitio web y las
caractersticas ms importantes de los estilos empleados, especialmente en lo referente al layout de las
pginas. (No se trata de copiar todo el cdigo del sitio, sino de contar qu se hizo)
Indicar en el documento la URL si est publicado utilizando GitHub Pages.

Cmo se valora la tarea

Se valorar:
o Que el HTML est correctamente estructurado, sea XHTML 1.0 Strict o HTML 5
o Que funcionen correctamente los enlaces internos y externos de las pginas
o Que enlacen correctamente las imgenes y el fichero .css
o Que funcionen correctamente los enlaces entre la pgina Covadonga.html y
lagosCovadonga.html
o Que el CSS est trabajado utilizando color para el fondo y/o los ttulos, los enlaces tengan
algn efecto al pasar sobre ellos el ratn, etc.
o Que la pgina tenga un layout con 2 3 columnas
o Que la pgina tenga un formulario
o Que la pgina est publicada en GitHub Pages.