PRACTICA HTML
Realizar un sitio web para una supuesta empresa u organización (elige tú la temática).
El sitio web tendrá la siguiente estructura que debe ser común en todas las páginas
que lo componen:
Cabecera con logotipo
Inicio Galería Enlaces Contacto Multimedia
Contenido
© Nombre Apellidos
- La cabecera tendrá 100 píxeles de alto y ocupará el mayor espacio disponible a lo
ancho. Incluirá, centrados, un logotipo (que puedes buscar y descargar de Internet) y
un título en formato de encabezado.
- El menú tendrá 40 píxeles de alto y contendrá enlaces a todas las páginas del sitio web.
- El pie tendrá 40 píxeles de alto y contendrá el texto “© Tu nombre y tus apellidos”.
- El cuerpo es la única parte que cambiará y debe mostrar los contenidos propios de
cada opción del menú.
El sitio está compuesto de las siguientes páginas:
[Link] – Es la página de entrada al sitio web. Contendrá un índice (construido
como una lista ordenada) y un texto, largo, dividido en varias secciones, organizado en
párrafos y usando las distintas etiquetas y atributos de texto vistos en clase.
Cada uno de los elementos de la lista que compone el índice, será un enlace a una de
las secciones del texto.
Galerí[Link] – En esta página crearemos una “galería de imágenes” con 3 filas de 3
imágenes en cada una de ellas, relacionadas con el contenido del sitio web, que se mostrarán
con igual tamaño en la página, y que se abrirán en su tamaño original (en una pestaña nueva)
cuando se pulse sobre ellas. Además, al situar el ratón sobre ellas, deben mostrar un cartelito
indicando qué se ve en la imagen.
[Link] – En esta página mostraremos una lista no ordenada con, al menos, 6
enlaces externos a webs relacionadas con el contenido de nuestro sitio web. Estos enlaces
deben abrirse en pestañas nuevas.
[Link] – Esta página debe mostrar, de manera organizada:
- En la mitad izquierda, un mapa de Google Maps con la ubicación de la empresa (elígela
tú) y, bajo el mapa, la dirección (invéntatela) de la empresa.
- En la mitad derecha, un formulario de contacto en el que pediremos al usuario
visitante los siguientes datos: Nombre, apellidos, correo electrónico, fecha de
nacimiento, un desplegable que indique el motivo del contacto, que puede ser
“técnico”, “contenido” u “otros motivos” y un campo grande de texto donde el
visitante ponga su mensaje. El destino de los datos será otra página, con la misma
estructura que el resto de páginas del sitio y que muestre el mensaje “Mensaje
recibido”.
[Link] – Esta página debe contener, al menos, un audio y un video que se
muestren desde archivo y, al menos, dos vídeos que deben tener origen en DISTINTAS
plataformas de vídeo (Youtube, Vimeo, Twitch, Dailymotion,…). Los videos deben mostrarse en
ventanas del mismo tamaño y deben guardar relación con el contenido de nuestro sitio web.
Se valorará:
- El correcto uso de las etiquetas.
- El correcto funcionamiento de elementos multimedia.
- El correcto funcionamiento de enlaces.
- El correcto funcionamiento del formulario.
- El uso correcto de listas.
- El uso correcto de tablas para organizar contenidos.
- El uso correcto de imágenes.
- El uso de etiquetas meta para mejorar el tratamiento en buscadores.
- El aspecto final.
- La coherencia en el sitio web y la correcta información al usuario de qué está
viendo en cada página.
Cuando termines el sitio web comprime la carpeta que contiene todos los archivos
relacionados y súbela a la plataforma.
