Desarrollo de aplicaciones web

Geraldo Valenzuela Polanco

Actividad 2
Elaboración de sitio web estático

Aprendizajes esperados
Elabora sitios web estáticos mediante elementos y atributos HTML y estilos CSS.
1. Considerando el estándar HTML actual
2. Estableciendo vínculos a los recursos requeridos por la aplicación.
3. Considerando el despliegue de contenidos en forma de texto o imágenes.
4. Construyendo formularios web que capturen los datos requeridos.
5. Aplicando CSS en la implementación del diseño de interfaz de usuario requerido.
6. Infiriendo sólo aquello que deriva de la evidencia.
(Integrada la competencia genérica de Pensamiento crítico)

Propósito de la actividad
El propósito de la actividad es que elabores un sitio web estático con texto, imágenes, hipervínculos y
formularios, estilizándolo visualmente con CSS, en base a un caso de estudio.

Actividades
Diseña, estructura y elabora un sitio web que tenga como contenido información general de tu artista
o grupo musical favorito y las letras de 3 de sus canciones. El sitio debe tener 7 documentos HTML,
estructurados de la siguiente manera:
Desarrollo de aplicaciones web
Geraldo Valenzuela Polanco

 Inicio (index.html): debe contener información general del artista o grupo musical, lo que
incluye su nombre (y el nombre de los integrantes en el caso de que sea un grupo), su
biografía y su estilo musical. En esta sección debes incluir enlaces a tres sitios externos
relacionados y al menos tres imágenes.
 Discografía (disco.html): debe contener información de al menos tres álbumes, lo que incluye
su nombre, año, carátula y la lista numerada de canciones.
 Letras (letras.html): debe contener una descripción general y el enlace a la página con la letra
(letra1.html, letra2.html y letra3.html) de cada canción elegida. Cada página con la letra debe
contener un enlace para regresar a letras.html.

 Contacto (contacto.html): debe contener un formulario de contacto que solicite el nombre, el

apellido, el correo electrónico, el teléfono y la fecha de nacimiento de un visitante que quiera
contactarte para integrar el fan club. Todo excepto el teléfono y la fecha de nacimiento son
datos obligatorios.
Además, considera los siguientes requisitos:
 Debes maquetar el sitio definiendo una sección de encabezado, una barra de navegación, una
sección principal (con el contenido de cada página) y un pie de página con tus datos
personales.
 Debes utilizar únicamente CSS para maquetar el sitio (no utilices tablas para maquetar).
 Debes esforzarte por utilizar la mayor cantidad de elementos de formato de HTML
(encabezados, listas, formatos de texto) que sean posibles.
 El estilo de TODO el sitio debe ser coherente y de buen gusto (evita utilizar colores que no
vestirías en tu ropa).
 Sé creativo. Si no eres tan creativo puedes tomar como referencia (sin copiar) el sitio oficial o
los fansites del artista.
 Puedes utilizar el contenido de cualquier fuente, pero evita aquel que sea ofensivo o de mal
gusto (incluso si el material es producido oficialmente por el artista o grupo).