Controverse Sociotechnique - SAÉ 1.06

🌐 Sujet du site web

Ce site présente une controverse sociotechnique dans le cadre de la SAÉ 1.6. Il a été conçu pour être responsive et inclut plusieurs pages permettant d’explorer différents aspects du sujet.

---

🗂️ Contenu du projet

Le site comprend :

1. Une page d'accueil : Introduction au sujet.
2. Deux à quatre pages thématiques : Présentant les aspects clés de la controverse.
3. Une page de formulaire : Permettant aux visiteurs de nous contacter.
4. Un menu de navigation : Responsive, avec sous-menus et un mode burger pour les petits écrans.
5. Un footer : Uniforme et intégré à toutes les pages.
6. Des éléments visuels : Images, graphiques et autres éléments enrichissant l'expérience utilisateur.

---

📂 Structure des fichiers

Voici la structure des fichiers du projet :

root/
├── index.html                      # Page d'accueil
├── poster-scientifique.html        # Première page thématique
├── formulaire.html                 # formulaire
├── sources.html                    # Page des sources
├── developpement.html              # Deuxième page thématique
├── form.php                        # réponse du formulaire
├── static/
│   └── css/
│       └── styles.css              # style principale de la page
│       └── cursor_event.css        # tout les événements lié au curseur
│       └── navbar.css              # tout le style lié au menu
│       └── index.css               # style de la page d'accueil
│       └── poster_scientifique.css # style de la page du poster
│       └── formulaire.css          # style du formulaire
│       └── sources.css             # style de la page des sources
│       └── form_anwser.css         # style de la page php
│       └── dev.css                 # style de la page développement (controverse)
│   └── js/
│       └── main.js                 # script principale
│   └── img/                        # Dossier contenant les images utilisées
│       └── article1_thumbnail.jpg  # vignette de l'article 1 (page d'accueil)
│       └── article1_thumbnail.jpg  # 2eme vignette
│       └── dev_article1.png        # vignette de l'article 1 (pagge de développement de la controverse)
│       └── dev_article2.png        # 2eme vignette
│       └── dev_article3.png        # 3eme vignette
│       └── dev_article4.png        # 4eme vignette
│       └── form_thumbnail.jpg      # vignette du formulaire
│       └── poster.png              # poster scientifique
└── README.md                       # Fichier d'explications (vous lisez ce fichier !)

---

📑 Validation

• Responsive : Testé sur différents navigateurs (Chrome, Edge, Firefox, Safari) et tailles d'écran (ordinateur, tablette, smartphone).

---