🧑‍🎨 Publier votre page sur internet - Créer un site gratuit - Épisode 4

John-Pierre Clark ·

Vous allez tout savoir sur :

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

cheese

Sur Mac :

  • GitHub Desktop > Preferences > Signup

Sur PC :

  • GitHub Destop > File > Options 

2/ Étape 2 - Créer votre repo

cheese
  • 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.

cheese

Vous pouvez cliquez sur “commit”

6/ Étape 6 - GitHub Desktop “push”

cheese

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.

cheese

Attendez le deploy (déploiement), dans quelques minutes votre site sera en ligne.

cheese

À 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.

cheese
cheese

Et voilà, votre toute première page web est en ligne. 

Vous pouvez voir le résultat en cliquant sur le lien suivant >>

cheese

Oui, je sais, pour l’instant c’est un site super simple, mais il est sur la toile ! Et c’est 100 % gratuit ! 🎁

La semaine prochaine, on attaque React et on commence à bosser le design et le contenu de votre site Internet !

je me lance

💡 Idées business

🛋️ Lancer une maison de créateurs

🕺🏽 Opportunité TikTok - La différence avec l'algorithme d’Instagram ?

📷 Comment créer et publier sa première vidéo TikTok ?

🧑‍🚀 Créer mon business

👕 Exercice - Vendez un t-shirt en 15 minutes chrono !

😺 Exercice (15 min) - Lancez un compte Instagram Pro !

🏋️ Utilisez la même technique que l’équipe de Doctolib !

🚀 Trouver mes clients

🚀 Landing page - 7 blocs pour booster votre taux de conversion (dernier épisode)

🦸 Landing page - Optimisez votre Héros (épisode 2)!

🧐 Landing page - Optimisez votre en-tête (Épisode 1)

0

"chaque email m'inspire, merci !"

0

"c'est ma newsletter préférée, et de loin"

0

"j’économise des heures de recherches"