Share SNT_WEB1

Copy link

October 06, 2024

SNT_WEB1

Les outils pour créer un mini projet Web depuis un éditeur de code. On commence par télécharger l'éditeur de code Visual Studio Code (VS Code) disponible à l'adresse https://code.visualstudio.com/

Tout au long de ce thème, on va créer des projets web à partir de leur code source. VS Code permet de faire cela simplement grâce à une extension (HTML CCS Support).

Une fois cette extension installée, on peut créer simplement un squelette de page web. Pour cela :

Ctrl-K, Ctrl-O pour ouvrir le dossier dans lequel vous voulez créer votre projet

Créer un nouveau fichier. On le nomme communéménet index.html. L'extension de nom de fichier .html indique à VS Code qu'on veut créer un document HTML

dans le fichier index.html, écrire html/choisir html:5/valider. VS Code à autocomplété un squelette complet de page HTML. Vous procèderez toujours comme cela pour créer un doc HTML de zéro.

Dans votre navigateur de fichier, un clic gauche sur index.html l'ouvre dans votre navigateur par défaut.

Tout au long de ce thème, on va éditer le code source dans VS Code et Sauver les modifications (Ctrl-S). Il faudra alors recharger la page dans le navigateur pour voir ces modifications.

...more

View all episodes