Skip to content

Instantly share code, notes, and snippets.

@Heipry
Created February 14, 2025 11:36
Show Gist options
  • Save Heipry/72779d5a94ff6b43d9a2b0a8a6c50f63 to your computer and use it in GitHub Desktop.
Save Heipry/72779d5a94ff6b43d9a2b0a8a6c50f63 to your computer and use it in GitHub Desktop.

Guía de Usuario: Sitio Web del Parque Natural

Bienvenidos al sitio web del Parque Natural. Esta guía está diseñada para ayudarte a navegar por las secciones del sitio y aprovechar todas sus funcionalidades. A continuación, encontrarás un resumen de las principales páginas y características del sitio.

1. Página de Inicio (Landing Page)

Descripción

La página de inicio es el punto de partida para explorar el parque natural. Aquí encontrarás una breve introducción al parque, sus principales atracciones y un formulario de reservas.

Elementos Principales

  • Encabezado:

    • Nombre del Parque: El nombre oficial del parque aparece en la parte superior de la página.
    • Eslogan Motivador: Un breve eslogan que invita a explorar el parque.
  • Menú de Navegación:
    El menú está ubicado en la parte superior de la página, con enlaces a las siguientes secciones:

    • Inicio: Vuelve a la página principal.
    • Rutas: Información sobre las rutas del parque.
    • Fauna: Información sobre la fauna del parque.
    • Reservas: Acceso al formulario de reservas.
    • Contacto: Información de contacto.
  • Cuerpo Principal:
    Un resumen del parque natural con un botón de Call to Action (CTA) para realizar reservas. Al hacer clic en este botón, serás dirigido a la sección de reservas.

  • Formulario de Reservas:

    • Campos: Nombre, correo electrónico, y fecha de visita.
    • Botón de Envío: Después de completar el formulario, haz clic en el botón de envío para confirmar tu reserva.
  • Pie de Página:
    Información de contacto y un mapa interactivo de Google Maps para ayudar a los visitantes a encontrar el parque.

2. Página de Rutas (rutas.html)

Descripción

En esta página se proporcionan detalles sobre las diferentes rutas dentro del parque. Aquí puedes conocer las rutas disponibles, sus distancias y niveles de dificultad.

Elementos Principales

  • Encabezado:
    Menú de navegación con enlaces a las secciones de Inicio, Rutas, Fauna, Reservas y Contacto.

  • Sección de Rutas:
    Una lista de rutas, cada una acompañada de:

    • Descripción: Información sobre la ruta, la distancia y el nivel de dificultad.
    • Fotografías: Imágenes representativas de cada ruta.
    • Botón de "Reservar": Este botón te llevará al formulario de reservas en la página de inicio.
  • Pie de Página:
    Información de contacto y enlaces a las redes sociales del parque.

3. Página de Fauna (fauna.html)

Descripción

Aquí puedes conocer las especies destacadas del parque. Esta sección ofrece detalles sobre la fauna que habita en el parque natural.

Elementos Principales

  • Encabezado:
    Menú de navegación con enlaces a las secciones de Inicio, Rutas, Fauna, Reservas y Contacto.

  • Sección de Fauna:
    Lista de especies destacadas con:

    • Descripción: Información sobre cada especie.
    • Fotografías: Imágenes de las especies.
  • Botón de Navegación:
    Un enlace que te llevará de vuelta a la página principal.

  • Pie de Página:
    Información de contacto y enlaces a las redes sociales.

4. Formulario de Reservas (#reservas)

Este formulario está accesible desde la Landing Page (index.html) y la Página de Rutas (rutas.html).

  • Campos: Nombre, correo electrónico y fecha de visita.
  • Botón de Envío: Completa el formulario y haz clic para enviar tu reserva.

5. Sección de Contacto (#contacto)

Esta sección se encuentra en el pie de página de la Landing Page (index.html).

  • Contenido: Información para contactar al parque, incluyendo teléfono, correo electrónico y un enlace al mapa interactivo de Google Maps.

Consejos de Navegación

  • Navegación fácil: Utiliza el menú de navegación en la parte superior de cada página para moverte entre las secciones del sitio.
  • Reservas: Si deseas hacer una reserva, asegúrate de rellenar el formulario completo y hacer clic en el botón de envío.
  • Explora las Rutas: Si estás interesado en las rutas, revisa las descripciones detalladas y las fotografías para elegir la más adecuada para ti.

¡Esperamos que disfrutes de tu visita virtual al parque y que esta guía te ayude a aprovechar al máximo el sitio web!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment