UI & UX

Jiyong Designer

1 – Outils


Écrire

Pour écrire du HTML et du CSS il nous faut commencer par choisir un outil de « rédaction ».

Les outils de rédaction sont nommés « éditeur de code » (1)

Éditeur de base

Si vous êtes sur Windows, il existe un éditeur de texte du nom de « bloc note ».

Il a des fonctionnalités très basiques, mais peut faire totalement l’affaire, même pour débuter.

Notepad ++

Pour avoir un peu plus de confort lors de la rédaction, vous aurez peut-être besoin d’un peu plus de fonctionnalités, comme par exemple la coloration syntaxique, les numéros de ligne, etc.

Dans ce cas, le « Bloc Note » risque de ne pas pouvoir satisfaire ces nouveaux besoins.

Ainsi vous pouvez télécharger gratuitement Notepad ++, qui offre un certain nombre de fonctionnalité.

Télécharger Notpad ++

Visual Studio Code

Visual Studio Code, est l’éditeur que j’utilise, il a plusieurs fonctionnalités intéressantes : coloration syntaxique, aide à la rédaction, division de la fenêtre de travail, gestion par projet, etc.

Il dispose également d’un bon nombre d’extension, que je peux ajouter ou supprimer en fonction de mes besoins.

Télécharger Visual Studio

Télécharger le Pack Français

MAJ octobre 2021

On m’a partager un lien depuis peu, qui permet d’utiliser Visual Studio Code en ligne. Pas besoin de compte, ni d’installer.

Visual Studio Code en ligne

Conclusion

Bien qu’il existe un grand nombre d’autres outils pour la rédaction, Notepad ++ semble offrir un bon compromis, selon moi. Qu’importe votre choix, ce qui importe c’est que vous soyez à l’aise. Rien n’empêche d’en changer en cours de route.

MAJ octobre 2021

Si vous avez internet, la solution vscode.dev semble être une bonne solution.

Extensions

Notez que les fichiers HTML et CSS ont des extensions propres.

Ainsi le HTML aura l’extension « .HTML » et le CSS aura l’extension « .CSS »

Pensez à bien les ajouter, lors de votre sauvegarde de fichier.

Lire

Comme évoqué en préambule, le HTML / CSS doit être lu et traduit pour restituer un affichage.

Ces opérations se font via le navigateur (browser en anglais), comme par exemple Firefox.
Vous pourrez utiliser celui qui vous permet de lire ce texte.