🧑🎨 Votre première page web - Créer un site gratuit - Épisode 2
Vous allez tout savoir sur :
- Étape 1 - Créer votre première page web
- Étape 2 - Allez, on Code !
- Étape 4 - Installer Live Server
- Étape 5 - Publiez votre site
Vous avez maintenant installé votre éditeur de code. Et si ce n’est pas encore fait, vous pouvez vous rendre sur l’épisode précédent, ça ne prendra pas longtemps :
Créer un site internet qui ne vous coutera rien (épisode 1) >>
Aujourd’hui on va créer votre première page web.
Si vous êtes vraiment intéressé par créer un site, cliquez bien sur le lien "j'ai fini cette étape" en bas de cette page.
Étape 1 - Créer votre première page web
Dans le menu de VSCode :
File > Open > Projets (c'est le dossier que vous avez crée à l'épisode 1)
Puis à nouveau dans le menu de VSCode :
File > New file
File > Save As
Enregistrez ce fichier avec le nom index.html
Étape 2 - Allez, on Code !
Votre VSCode devrait ressembler à ça :
Tapez simplement “!” (juste un point d’exclamation) + entrée.
Entre <body> et </body>, tapez :
<h1>Bonjour<h1>
Dans le menu VSCode:
File > Save (ou ctrl + S pour le raccourcis)
Étape 4 - Installer Live Server
Live Server est un outil qui permet de voir votre site avant de le publier sur Internet.
Dans le menu de VSCode :
View > Extensions >
Cherchez et installez “Live Server”
Étape 5 - Publiez votre site
En bas à droite de votre fenêtre VSCode, clique sur “Go Live”
Une fenêtre devrait s’ouvrir dans votre navigateur :
Maintenant retournez sur VSCode et remplacez :
<h1>Bonjour</h1>
Par
<h1>Bonjour [Votre prénom]</h1>
Dans mon cas:
<h1>Bonjour John</h1>
Retournez sur votre navigateur :
Et voilà :
vous avez créer votre première page web.
vous avez installer Live Server
vous avez modifiez le code de la page
et ça marche !😎
Si vous êtes coincé à n’importe laquelle de ces étapes, n’hésitez pas à me le dire en répondant à cet e-mail.
Cliquez ici, si vous avez fini cette étape >>
