Excursiones Tenerife

Web estática responsive para reservas de excursiones en Tenerife. Desarrollada con HTML, CSS y JS aplicando principios de accesibilidad y usabilidad.

Demo

https://duquediazn.github.io/excursiones-tenerife/

Objetivo del proyecto

Plataforma front-end (sitio estático) para una empresa ficticia de excursiones en Tenerife, enfocada en:

• Explorar excursiones y experiencias de forma clara y atractiva.
• Facilitar la reserva y la consulta de información relevante.
• Aplicar usabilidad y accesibilidad como ejes del diseño.

Nota: es un proyecto exclusivamente front-end desarrollado como proyecto final del módulo de Diseño de Interfaces Web del Ciclo Formativo de Grado Superior en Desarrollo de Aplicaciones Web (DAW); no hay back-end ni procesamiento/almacenamiento real de reservas.

Tecnologías y alcance

• Lenguajes: HTML5, CSS3, JavaScript.
• Librería puntual: jQuery (solo para cargar parciales header y footer desde /partials).
• Hosting: GitHub Pages (contenido estático).
• Alcance: front-end sin back-end ni frameworks SPA; sin proceso de build. Interacciones básicas en JS (calendario y formulario) con fallback si JS está desactivado.

Principios de diseño

• Accesibilidad: HTML semántico, textos alternativos en imágenes, foco visible, contraste suficiente y navegación por teclado.
• Usabilidad: jerarquía visual clara, navegación consistente, feedback en interacciones (formularios/calendario).
• Responsive: diseño adaptable a móvil/tablet/desktop.
• Progressive enhancement: funcionalidades JS con degradación elegante si el usuario desactiva JavaScript.

Funcionalidades destacadas

• Parciales reutilizables: header y footer cargados dinámicamente con jQuery desde /partials/.
• Formulario de reserva: validaciones básicas en cliente y comportamiento funcional sin JS.
• Calendario interactivo: selección de fechas integrada en el flujo de reserva.
• Navegación consistente: enlaces a secciones clave (excursiones, contacto, legal, privacidad, accesibilidad).

Cómo verlo en local

Para que los parciales se carguen (jQuery .load()), abre el proyecto desde un servidor HTTP:

Primero sitúate en la carpeta raíz del proyecto.

Opción 1 — Python

python -m http.server 8000
# Abre: http://localhost:8000

Opción 2 - Node

npm i -g serve
serve .

Opción 3 - PHP (servidor embebido)

php -S localhost:8000 -t .
# Abre: http://localhost:8000

Opción 4 — XAMPP Coloca la carpeta en /htdocs y entra en http://localhost/<carpeta>.

Nota: abrir archivos con file:// bloqueará la carga de partials.

Despliegue (GitHub Pages)

1. Ve a Settings → Pages y selecciona la rama (p. ej. main) y la raíz (/).
2. La web quedará publicada en: https://<tu-usuario>.github.io/excursiones-tenerife/.

Documentación

• Guía de estilos (PDF): /docs/Guia de estilo web - Grupo 1.pdf
• Presentación del proyecto (PDF): /docs/Presentación Proyecto.pdf

En /docs también se incluyen notas internas de trabajo (Git, Vim) usadas durante el desarrollo.

Créditos y licencia

• Recursos (imágenes y vídeo): proceden de fuentes con licencia Creative Commons gratuita. Cada recurso mantiene su licencia original.
• Licencia del proyecto: Creative Commons Attribution 4.0 International (CC BY 4.0).
  Content on this site is licensed under a Creative Commons Attribution 4.0 International license.