Página Web del Parque Natural

Esta es una página web diseñada para brindar información sobre el Parque Natural, destacando sus rutas de senderismo, biodiversidad, y atractivos principales. La página permite a los visitantes obtener una experiencia virtual del parque, además de ofrecer datos útiles sobre su conservación y cómo disfrutarlo respetando su entorno natural.

Estructura del Proyecto

• index.html: Archivo principal que contiene la estructura HTML de la página. Aquí se encuentran las secciones principales como la introducción, rutas de senderismo, galería de imágenes y el contacto.
• css/main.css: Archivo CSS que define los estilos de la página, incluyendo el formato de texto, los colores y el posicionamiento de los elementos.
• img/: Carpeta que contiene las imágenes utilizadas en la página, como fotografías del parque, mapas de rutas y otros elementos visuales.
• js/ (Opcional): Carpeta para scripts JavaScript, si es que se han implementado funcionalidades adicionales como menús interactivos o efectos visuales.

Tecnologías Utilizadas

• HTML5: Define la estructura y el contenido de la página web.
• CSS3: Utilizado para el diseño visual y la personalización de estilos, mejorando la apariencia y usabilidad de la página.
• JavaScript (opcional): Puede ser usado para agregar funcionalidades interactivas, aunque no es obligatorio para esta versión.
• Herramientas de Desarrollo:
  • Visual Studio Code: Editor de código utilizado para escribir y organizar los archivos del proyecto.
  • Extensiones CSS Reset: Para garantizar la consistencia de los estilos en todos los navegadores.

Estructura de la Página

1. Encabezado: Contiene el título de la página y un menú de navegación para facilitar el acceso a las distintas secciones.
2. Introducción: Breve descripción del parque, resaltando su importancia y biodiversidad.
3. Rutas de Senderismo: Sección que muestra las rutas principales, con información sobre cada una y enlaces interactivos.
4. Galería de Imágenes: Muestra fotografías de los paisajes y la fauna del parque, con alta calidad visual.
5. Información de Contacto: Detalles sobre cómo llegar al parque, enlaces de redes sociales y recomendaciones para los visitantes.

Instalación y Uso

1. Descargar o clonar el repositorio.
2. Abrir index.html en un navegador para ver la página en funcionamiento.
3. Personalizar:
   • Edita index.html para modificar el contenido textual o agregar nuevas secciones.
   • Modifica main.css para cambiar los estilos o ajustar los colores y tipografías.
   • Agrega nuevas imágenes en la carpeta img y enlázalas en el archivo HTML.

Notas sobre Accesibilidad y Compatibilidad

Se han implementado prácticas de accesibilidad, como atributos aria-label y alt en las imágenes, además de un alto contraste de colores para mejorar la visibilidad del contenido. La página ha sido probada en los navegadores principales (Chrome, Firefox y Edge) para asegurar su correcta visualización en cada uno.

Autor JESUS RAFAEL MENCIAS GIMENEZ

Este proyecto ha sido desarrollado para familiarizarse con la creación de una página web básica y su personalización mediante HTML y CSS, siguiendo buenas prácticas de accesibilidad y compatibilidad.

Este README proporciona una descripción clara del proyecto y sirve como una referencia para cualquier usuario o desarrollador que desee entender o modificar la página sobre el parque natural.