Comment coder en HTML et CSS ?¶

Un éditeur de code est un logiciel utilisé pour écrire votre site internet. Bien que vous puissiez créer une page web HTML avec un éditeur de texte par défaut tel que le Bloc-notes, celui-ci permet seulement de créer une fichier texte simple et ne dispose pas des fonctionnalités qui simplifient le processus de développement, telles que :

• La mise en évidence de la syntaxe : marque les balises HTML de différentes couleurs en fonction de leur catégorie. La structure du code est ainsi plus facile à lire et à comprendre.
• L’autocomplétion : suggère automatiquement des attributs, des balises et des éléments HTML en fonction de la valeur précédente afin d’accélérer le processus de codage.
• La détection d’erreurs : met en évidence les erreurs de syntaxe, ce qui permet au développeur web de les repérer et de les corriger rapidement.
• Les intégrations : certains éditeurs de code s’intègrent à des plugins, à Git et à des clients FTP pour rendre le processus de déploiement plus efficace.
• Un aperçu en direct : vous pouvez installer un plugin pour obtenir un aperçu en direct du site au lieu d’ouvrir manuellement les fichiers HTML sur les navigateurs.

Comme il existe de nombreuses options, nous avons dressé une liste des meilleurs éditeurs HTML pour vous aider à trouver celui qui répond à vos besoins :

• Visual Studio Code (VSCode) : un outil populaire pour le développement web avec une bibliothèque d’extensions complète pour étendre ses fonctionnalités.
• Notepad++ : un éditeur de texte léger et gratuit avec des fonctionnalités supplémentaires pour le codage et la prise en charge des plugins.
• Atom : un éditeur HTML open-source doté d’une fonction de prévisualisation en direct du site web et d’une compatibilité étendue avec les langages de balisage et de script.

Visual Studio Code¶

Dans le cadre de ce cours, nous utiliseront VS Code.

Voici les extensions que nous recommandons d'installer: