🧑🎨 Publier votre page sur internet - Créer un site gratuit - Épisode 4
Dans les épisodes précédents de ce guide, nous avons créé une page web sur le serveur de votre ordinateur :
Épisode 1 - Créer un site - On install VSCode et on parle à notre ordinateur >>
Épisode 2 - Créer un site - On écrit le code de notre première page web >>
Épisode 3 - Créer un site - On ouvre un compte GitHub et on install GitHub Deskop >>
Aujourd’hui nous allons publier une simple page web en HTML directement sur internet. La page sera ouverte à tous avec un url que vous pourrez partager avec vos amis.
1/ Étape 1 - Connectez-vous à GitHub desktop
Sur Mac :
GitHub Desktop > Preferences > Signup
Sur PC :
GitHub Destop > File > Options
2/ Étape 2 - Créer votre repo
File > New repository > Appelez votre repo “monnom”
3/ Étape 3 - VSCode > Open folder
Github > “monnom”
4/ Étape 4 - Créez votre page HTML page
Si vous avez besoin d’un petit rappel sur la création d’une page HTML avec VSCode vous pouvez retourner ici :
Épisode 2 - Créer un site - On écrit le code de notre première page web >>
5/ Étape 5 - GitHub Desktop “commit”
Lorsque vous enregistrez une modification sur VSCode, elle apparaît sur GitHub Desktop.
Vous pouvez cliquez sur “commit”
6/ Étape 6 - GitHub Desktop “push”
Après le commit, vous aurez l’occasion de le “push”.
Voilà, les modifications sur votre ordinateur ont été envoyées sur GitHub.
7/ Étape 7 - Netlify
On va désormais se concentrer sur envoyer votre contenu GitHub sur le web.
Ouvrez un compte gratuit sur Netlify >>
Puis connectez le compte Netlify à votre repo sur Github.
Attendez le deploy (déploiement) , dans quelques minutes votre site sera en ligne.
À partir de maintenant, dès que vous ajoutez quelque chose dans votre repo sur GitHub, il sera automatiquement mis à jour sur Netlify. Et donc visible par tous sur internet.
Et voilà, votre toute première page web est en ligne.
Vous pouvez voir le résultat en cliquant sur le lien suivant >>
Oui, je sais, pour l’instant c’est un site super simple, mais il est sur la toile ! Et c’est 100 % gratuit ! 🎁