MAQUETACIÓN CON HTML 5 Y HOJAS DE ESTILO CSS

PDF: MAQUETACIÓN HTML 5

PDF: GUIA REFERENCIA RÁPIDA DE HOJAS DE ESTILO CSS

URL: GUIA REFERENCIA RÁPIDA HOJAS DE ESTILO CSS

URL: LISTADO DE PROPIEDADES CSS

ACTIVIDADES

Desarrollar un sitio web sencillo con la estructura html vista y aplicación de hojas de estilo para un SPA con las instrucciones de las siguientes actividades. 

ACTIVIDAD 1: Análisis de Información del Cliente (Spa)

Antes de comenzar con el desarrollo del sitio web, revisa cuidadosamente el documento inicial proporcionado con la información del spa. en el siguiente link: INFORMACIÓN SPA y realiza la actividad con las siguientes indicaciones:

1. Analiza el contenido y detecta:

   • Información incompleta, confusa o mal redactada.

   • Secciones que hacen falta para un sitio web funcional y profesional.

   • Datos que no permitirían desarrollar correctamente el sitio.

2. Elabora una lista donde indiques:

   • Qué información falta.

   • Qué información está mal estructurada o poco clara.

   • Qué elementos deberías solicitar al cliente del spa antes de iniciar el diseño y desarrollo del sitio web
     (por ejemplo: datos de contacto, horarios, servicios prioritarios, imágenes, objetivos del sitio, etc.).

3. Presenta tus conclusiones de forma ordenada (lista o tabla) en un documento de preferencia formato PDF.

El objetivo de la actividad es desarrollar la capacidad de análisis de información del cliente y comprender la importancia de solicitar datos claros y completos antes de iniciar un proyecto web.

ACTIVIDAD 2: Adaptación de Diseño y Contenido en HTML

Desarrolla la siguiente actividad utilizando la estructura HTML vista y realizada en clase. 

A partir de dicha estructura, únicamente deberás sustituir el diseño (colores, tipografías, imágenes o estilos) y completar el contenido con la información proporcionada en el siguiente enlace sobre el spa. 

Información spa

No es necesario modificar la estructura base del código; el objetivo es aplicar el diseño y organizar correctamente la información dentro de las etiquetas HTML correspondientes.

ACTIVIDAD 3: Desarrollo de Sitio Web de Spa a partir de Plantilla HTML

Para esta actividad, deberás investigar y seleccionar una plantilla HTML (template) que consideres adecuada para un sitio web de spa.

Una vez elegida la plantilla, deberás sustituir la información original (textos e imágenes) y adaptarla con los contenidos del spa proporcionados en el enlace.

El objetivo es respetar la estructura de la plantilla, realizando únicamente los ajustes necesarios para que el diseño y la información correspondan al concepto y servicios del spa.