ADREANALINA PARK

📋 Description du Projet

Site web pour un parc sportif et de divertissement développé dans le cadre du projet S106. Ce projet consiste à créer un site internet complet pour un lieu de divertissement avec une identité visuelle cohérente et une expérience utilisateur optimisée.

👥 Équipe de Développement

• JAHIER Maelan
• STINUS Rémy
• Groupe : 1M
• Institution : IUT d'Orsay
• Année académique : 2024-2025

🎨 Identité Visuelle

Palette de Couleurs

Le site utilise une palette basée sur des nuances de vert :

• #b0ceb0 - Utilisée pour l'entête du site sur toutes les pages
• #45b645 - Utilisée pour la navigation, le pied de page et les boutons d'accès aux différentes pages

Typographie

Deux polices principales sont utilisées pour différencier les sections :

• Geist - Pour tous les titres (h1 à h6)
• Vercetti - Pour le reste du contenu du site

🌐 Compatibilité Navigateurs

Le site est optimisé pour :

• ✅ Chrome (compatibilité complète)
• ✅ Microsoft Edge (compatibilité complète)
• ⚠️ Firefox (certains effets visuels peuvent ne pas s'afficher, notamment l'effet de déroulement)

Note : Les problèmes de compatibilité sont purement esthétiques et n'affectent ni le fonctionnement ni la lisibilité du site.

📁 Structure du Projet

ADREANALINA-PARK/
├── README.md
├── index.html
├── pages/
│   ├── activite.html
│   ├── contact.html
│   ├── formulaire.html
│   ├── formulaire-2.html
│   ├── conditions-d-utilisation.html
│   └── politique-de-confidentialite.html
├── css/
│   ├── index.css
│   ├── activite.css
│   ├── accueil.css
│   ├── contact.css
│   ├── formulaire.css
│   └── conditions.css
└── documentation/
    └── rapport-projet.pdf

✅ Validation W3C

Statut de Validation

• ✅ Fichiers HTML : Tous validés W3C
• ✅ Fichiers CSS : Tous validés W3C

Notes Importantes

• 6 erreurs présentes dans index.css dues à du code "non standard"
• Ces erreurs sont intentionnelles et nécessaires pour l'effet de scroll personnalisé
• Elles n'affectent pas la fonctionnalité du site

🛠️ Technologies Utilisées

• HTML5 - Structure des pages
• CSS3 - Styles et animations
• JavaScript - Interactions (si applicable)
• Polices Web - Geist et Vercetti

📚 Sources et Références

Le développement s'est appuyé sur plusieurs ressources externes :

• MDN Web Docs - Documentation technique
• ChatGPT - Assistance au développement
• YouTube - Tutoriel spécialisé

Toutes les sources ont été adaptées et personnalisées pour correspondre aux besoins spécifiques du projet.

👨‍💻 Répartition du Travail

Maelan JAHIER

Pages HTML :

• index.html
• activite.html
• conditions-d-utilisation.html
• politique-de-confidentialite.html

Feuilles de Style :

• index.css
• activite.css
• accueil.css

Rémy STINUS

Pages HTML :

• formulaire.html
• formulaire-2.html
• contact.html

Feuilles de Style :

• formulaire.css
• contact.css
• conditions.css

Documentation :

• Rapport du projet

🚀 Installation et Utilisation

1. Cloner le repository

   git clone [https://github.com/maelanjais/Projet-CWAD
   cd adreanalina-park

2. Ouvrir le site

   • Ouvrir index.html dans un navigateur web
   • Recommandé : Chrome ou Microsoft Edge pour une expérience optimale

3. Navigation

   • Page d'accueil avec présentation du parc
   • Section activités détaillant les services
   • Formulaires de contact et réservation
   • Pages légales (conditions d'utilisation, politique de confidentialité)

🎯 Fonctionnalités

• Interface responsive adaptée aux différents écrans
• Navigation intuitive entre les différentes sections
• Formulaires interactifs pour les contacts et réservations
• Effets visuels avec animations de scroll personnalisées
• Pages légales complètes et conformes

📋 Cahier des Charges

Le projet répond aux exigences du S106 :

• ✅ Site web complet pour un lieu de divertissement
• ✅ Identité visuelle cohérente
• ✅ Code HTML et CSS valide W3C
• ✅ Compatibilité multi-navigateurs
• ✅ Documentation technique complète

🔧 Développement

Prérequis

• Éditeur de code (VS Code, Sublime Text, etc.)
• Navigateur web moderne
• Accès internet pour les polices web

Standards Respectés

• Sémantique HTML5
• CSS3 moderne avec animations
• Validation W3C (avec exceptions documentées)
• Accessibilité de base

📞 Contact

Pour toute question concernant le projet :

• Équipe : Maelan JAHIER & Rémy STINUS
• Formation : IUT d'Orsay 2024-2025
• Projet : S106 - Développement Web

---

Projet réalisé dans le cadre de la formation en développement web à l'IUT d'Orsay.