**PROJET SITE WEB PERSONNEL – THOMASSAUTIE.COM**

**DESCRIPTION :**

Ce projet consiste à créer un site web personnel nommé thomassautie.com. Le site est développé en HTML, CSS et JavaScript. Il permet de présenter un profil, des compétences, des projets et des informations de contact.

**OBJECTIFS :**

- Créer un site web personnel accessible en ligne
- Présenter son parcours et ses compétences
- Mettre en avant ses projets informatiques
- Proposer une navigation simple et claire
- Utiliser les langages HTML, CSS et JavaScript

**TECHNOLOGIES UTILISÉES :**

- HTML : structure des pages
- CSS : mise en forme et design
- JavaScript : interactions dynamiques
- Hébergement web
- Nom de domaine : thomassautie.com

**STRUCTURE DU SITE :**

Le site peut être organisé en plusieurs sections :

- Accueil
- À propos
- Compétences
- Projets
- Contact

**HTML**

Le HTML permet de structurer le contenu du site.

Éléments utilisés :

- Titres
- Paragraphes
- Liens
- Images
- Sections
- Formulaire de contact

**CSS**

Le CSS permet de personnaliser l’apparence du site.

Éléments configurés :

- Couleurs
- Polices
- Espacements
- Mise en page
- Responsive design
- Boutons
- Cartes de projets

**JAVASCRIPT**

Le JavaScript permet d’ajouter des interactions au site.

Exemples d’utilisations :

- Menu de navigation dynamique
- Boutons interactifs
- Animations légères
- Validation du formulaire
- Effets au scroll

**FONCTIONNALITÉS :**

- Page d’accueil claire
- Présentation personnelle
- Affichage des compétences
- Présentation des projets réalisés
- Liens vers les réseaux ou plateformes professionnelles
- Formulaire ou informations de contact
- Adaptation aux écrans ordinateur, tablette et mobile

**ORGANISATION DES FICHIERS :**

Exemple d’arborescence :

thomassautie.com/

index.html
style.css
script.js
assets/
images/
icons/

**FONCTIONNEMENT :**

- L’utilisateur arrive sur la page d’accueil
- Il navigue entre les différentes sections
- Il consulte les compétences et projets
- Il peut accéder aux informations de contact
- Les interactions sont gérées avec JavaScript

**TESTS RÉALISÉS :**

- Ouverture du site dans un navigateur
- Vérification de l’affichage des sections
- Test des liens de navigation
- Test du responsive design
- Vérification du fonctionnement JavaScript
- Contrôle de l’affichage sur mobile

Résultat : le site est fonctionnel, lisible et accessible.

**LIMITES :**

- Site statique
- Pas de base de données
- Pas d’espace administrateur
- Formulaire de contact non dynamique sans service externe