Outils d'édition

Les outils nécessaires - Généralités

Concernant les outils d'édition, les logiciels suivants peuvent être utilisés suivant votre plateforme d'utilisation. Certains y sont déjà préinstallés, et peuvent donc être facilement utilisés. D'autres proposent des fonctionnalités plus évoluées — en particulier la "coloration syntaxique" qui facilite notablement la lecture d'un fichier (.html ou .css par ex.) —  et nécessitent une installation, décrite ci-après. Tous ces logiciels présentés sont gratuits, mais il en existe également des payants, offrant généralement des fonctionnalités très évoluées.

En outre, lorsque le choix vous en est donné, choisissez l'encodage UTF-8 pour les fichiers réalisés dans le cadre de ce cours.

Outils multiplateforme

• Brackets : ce logiciel, téléchargeable depuis http://brackets.io, est la fois simple d'usage et adapté spécifiquement au développement Web, en permettant notamment de retrouver rapidement les définitions de styles CSS applicables à un élément HTML.
• Atom : ce logiciel, téléchargeable depuis https://atom.io/, met l'accent sur les possibilités d'extension et de configuration, et est écrit en... HTML, JavaScript et CSS !
• Geany : ce logiciel, téléchargeable depuis https://www.geany.org/Download/Releases, propose la coloration syntaxique et une option d'autocomplétion du code. Très populaire sous Linux il est également disponible sous Windows et Mac.
• Komodo Edit : ce logiciel (à ne pas confondre avec sa version payante Komodo IDE) est téléchargeable depuis http://komodoide.com/komodo-edit/, Moins complet que Komodo IDE qui lui est payant, il offre tout de même la coloration syntaxique, l'autocomplétion du code, la gestion de projets…

Outils Windows

• Bloc-notes : ce  logiciel est rudimentaire mais préinstallé et directement accessible depuis le dossier de programmes Accessoires du menu Démarrer.
  Prendre soin, lors de l'enregistrement initial d'un fichier (.html ou .css par ex.) d'indiquer explicitement son extension, sans quoi le fichier enregistré portera l'extension par défaut .txt.
• Notepad++ : ce logiciel, téléchargeable depuis  http://notepad-plus-plus.org/fr/ offre notamment la coloration syntaxique et est très populaire sous Windows.

Outils Mac OS X

• TextEdit : ce  logiciel préinstallé est directement accessible depuis le dossier Applications de la barre latérale du Finder.
  Prendre soin, lors de l'enregistrement initial d'un fichier (.html ou .css par ex.) à sélectionner le format de fichier Page web (.html) ou Format texte en précisant explicitement l'extension de fichier désirée.
• Smultron : ce logiciel, simple d'emploi, est populaire sous Mac OS X. Il est téléchargeable depuis http://sourceforge.net/projects/smultron/. À noter qu'une version plus récente — mais payante — existe sur l'App Store.
• TextWrangler : ce logiciel, téléchargeable depuis http://www.barebones.com/products/textwrangler/, est une version réduite bien qu'assez complète du célèbre logiciel BBEdit. À noter qu'il n'est disponible qu'en anglais comme langue d'utilisation.

Outils Linux

• Nano : ce logiciel est en principe préinstallé sur votre distribution ; il peut sinon être facilement installé en suivant cette procédure : http://www.linuxpedia.fr/doku.php/nano.
• Kate : ce logiciel est disponible sous l'environnement de bureau KDE.
• gedit :  ce logiciel est disponible sous l'environnement de bureau GNOME.