Visual Studio Code

Objectifs

  • Comprendre pourquoi utiliser un éditeur de texte

  • Découvrir et installer notre premier éditeur de texte

Mise en situation

Afin de créer notre premier site web, il va nous falloir télécharger les bons outils et comprendre en quoi ils nous sont utiles.

DéfinitionPrésentation

Les pages web HTML sont écrites dans des fichiers textes avec l'extension .html.

Ce sont des fichiers contenant du texte, au même titre qu'une image peut se trouver sous l'extension .jpg ou encore les chansons que l'on trouve dans des fichiers .mp3.

Il faut un logiciel pour les créer et les éditer : pour cela, nous utiliserons un éditeur de texte.

Conseil

On pourrait utiliser un éditeur de texte standard (Bloc-Notes, vi, emacs...), mais, pour des raisons de confort, nous utiliserons un éditeur de texte plus avancé : Visual Studio Code. Il permettra notamment de colorer automatiquement les éléments du code, afficher des aides, etc.

Installation

Maintenant, installons notre premier logiciel qui nous permettra d'écrire du HTML : https://code.visualstudio.com/.

À la fin de l'installation, ouvrons le logiciel Visual Studio Code :

  • Cliquez sur le menu "File" puis "New file", un nouveau fichier vierge apparaît au centre.

  • Sauvegardez le nouveau fichier au format .html. Par exemple, appelons-le premiere-page.html.

  • Écrivez une phrase (par exemple, "Voici un fichier HTML") et sauvegardez.

  • Double-cliquez sur le fichier pour l'ouvrir dans le navigateur ou effectuez un glisser-déposer vers votre navigateur préféré, le texte va s'afficher !

Les pages web HTML sont des fichiers textes presque comme les autres !

SyntaxeÀ retenir

  • Un éditeur de texte est un logiciel qui permet de créer et d'éditer des fichiers notamment des fichiers textes.

  • Pour écrire du code HTML, des éditeurs plus adaptés que les éditeurs de texte standard existent, offrant de multiples fonctionnalités.