🧑‍🎨 Votre première page web - Créer un site gratuit - Épisode 2

John-Pierre Clark ·

Vous allez tout savoir sur :

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

cheese

​File > Save As​

Enregistrez ce fichier avec le nom index.html

cheese

Étape 2 - Allez, on Code !

Votre VSCode devrait ressembler à ça :

cheese

​Tapez simplement “!” (juste un point d’exclamation) + entrée.

cheese
cheese

​​Entre <body> et </body>, tapez :

<h1>Bonjour<h1>

cheese

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”

cheese
cheese

Étape 5 - Publiez votre site

En bas à droite de votre fenêtre VSCode, clique sur “Go Live”​

cheese

Une fenêtre devrait s’ouvrir dans votre navigateur :

cheese

Maintenant retournez sur VSCode et remplacez :

<h1>Bonjour</h1>

Par

<h1>Bonjour [Votre prénom]</h1>

Dans mon cas:

<h1>Bonjour John</h1>

cheese

​Retournez sur votre navigateur :

cheese

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

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"