Reto 1 HTML-CSS
El contenido ha de ser original, no se admiten varios retos iguales. Antes de comenzar el reto se deberá consultar con el profesor del módulo para comprobar si el reto es o no original.
El sitio web tendrá como mínimo 3 páginas y no menos de 500 palabras de extensión en total. Todas las páginas deberán de ser validadas para comprobar que cumplen con el estándar. Para ello se visitarán varios navegadores (Google Chrome, Mozilla Firefox, Internet Explorer,…). Los enlaces para moverse entre las páginas del sitio deben de ser claramente visibles y permitir ir de una página a otra con facilidad. En las páginas no debe haber errores de ortografía.
El sitio tendrá como página inicial una página de nombre index.html. Esta página tendrá varias zonas (cabecera, pie de página, contenidos,...). En una de esas zonas se mostrará un menú para permitir la navegación.
Para mejorar el funcionamiento del sitio web la estructura de las páginas (cabecera, menú, pie de página, contenidos,...) sólo se definirá en index.html. El resto de páginas sólo tendrán la parte relativa al contenido.
En una de las zonas comunes (por ejemplo en el pie de página), debe figurar el nombre y apellidos del autor, así como su dirección de correo electrónico además de la fecha de elaboración o de última modificación. Si la página está ligada a un organismo o institución debe figurar el nombre, dirección, etc. de la misma.
El sitio deberá contener al menos:
§ Una imagen flotante, una imagen con un link, con distintos atributos, etc. No se permite imágenes de tamaño excesivo (mayores de 1000 KB).
§ Una tabla con celdas y filas agrupadas y con formato. De tal manera que tenga al menos tres filas y columnas. Siendo obligatorio el agrupamiento de al menos una columna y una fila. Se requerirá que las distintas celdas tengan formatos distintos.
§ Una lista, numerada y otra no. Con estilos diferentes, con imágenes, etc.
§ Un vínculo interno.
§ Vínculos externos. En una ventana nueva y en una pestaña nueva o que recargue el contenido.
§ Un archivo de vídeo.
§ Un archivo de audio.
§ Un iFrame para incorporar código de otra web (por ejemplo Google Maps).
§ Dos formularios que incorporen al menos uno de cada uno de los componentes que hemos visto. En uno los elementos habituales y en otro los incorporados como nuevos en HTML5. Que al menos la mitad del contenido de los formularios sea de obligado cumplimiento.
Si se obtienen fragmentos de otros sitios se incluirá una página de créditos o bien se indicará junto a los fragmentos la fuente original.
Diseño
Todas las páginas llevarán una etiqueta de título que identifique el contenido.
Todas las páginas de contenidos tendrán el mismo estilo que estará definido en la hoja de estilos de nombre estilos.css. Dentro de esta hoja de estilo se definirán todos los estilos de las páginas web del sitio. No se permite poner ninguna etiqueta de estilo (style) dentro de las páginas web.
Se utilizarán selectores tanto de ID, class, como de etiqueta. Como mínimo habrá que utilizar dos pseudoselectores.
Todos los archivos que se usen en el reto estarán dentro de la carpeta del reto y tendrán un nombre que evite errores en su localización.
Los recursos del reto se guardarán en carpetas que estarán en el mismo directorio que el reto. Las imágenes se guardarán en una carpeta de nombre imágenes, los vídeos en una carpeta llamada videos, y los archivos de sonido en una carpeta llamada audios.