gestion_projet_site_web

Créer un site web avec HTML5 et GitHub Pages

1. Préparer le projet localement

Créer un dossier sur votre ordinateur :
Exemple : mon-site.
Créer un fichier index.html :
Exemple de contenu minimal :

  <!DOCTYPE html>
  <html lang="fr">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Mon Site</title>
  </head>
  <body>
      <h1>Bienvenue sur mon site</h1>
      <p>Ceci est mon premier site.</p>
  </body>
  </html>

2. Créer un dépôt GitHub

Connectez-vous à GitHub ou créez un compte : GitHub.
Créer un nouveau dépôt :
- Cliquez sur “New repository”.
- Entrez un nom pour le dépôt, par exemple mon-site.
- Sélectionnez Public (requis pour GitHub Pages).
- Ne cochez pas “Add a README file”.
- Cliquez sur Create repository.

3. Lier le projet local à GitHub

Ouvrez un terminal dans le dossier du projet :

  cd mon-site

Initialiser Git :

  git init

Ajouter et commit vos fichiers :

  git add .
  git commit -m "Premier commit : ajout du site"

Lier le dépôt local à GitHub :
- Copiez l’URL de votre dépôt (exemple : https://github.com/<votre-utilisateur>/mon-site.git).
- Exécutez :
```
 git remote add origin https://github.com/<votre-utilisateur>/mon-site.git
 git branch -M main
 git push -u origin main
```

4. Activer GitHub Pages

Accédez aux paramètres de votre dépôt :
- Cliquez sur l’onglet Settings.
Configurer GitHub Pages :
- Allez dans Pages (section dans le menu de gauche).
- Sous Source, sélectionnez la branche main.
- Cliquez sur Save.
URL du site générée :
Votre site sera accessible à :
https://<votre-utilisateur>.github.io/mon-site.

5. Tester et mettre à jour le site

Visitez l’URL générée pour vérifier votre site.
Pour mettre à jour le site :
- Modifiez vos fichiers localement.
- Ajoutez les modifications :
```
 git add .
```

Committez les changements :
```
git commit -m "Mise à jour"
```
Poussez les fichiers :
```
git push
```

Les modifications seront visibles en ligne.

Conseils supplémentaires

Ajoutez des fichiers CSS ou JS pour enrichir votre site.
Utilisez un éditeur de code comme VSCode pour une meilleure expérience.
Explorez des frameworks comme Bootstrap pour un design plus professionnel.
GitHub Pages prend également en charge Jekyll pour des sites statiques plus avancés.