Avant de passer à la guerre Il faut s'équiper d'armes. C'est exactement ce à quoi nous allons se consacrer dans ce chapitre, on va se faire une armada d'armes Que de belles aventures nous attendent !

• Introduction aux éditeurs de pages web

• Les éditeurs ASCII

  • Le Bloc-notes

  • Le Notepad++

• Les éditeurs WYSIWYG

  • Dreamweaver (Adobe)

  • FrontPage (Microsoft)

• Choix entre les éditeurs de pages Web

Introduction aux éditeurs de pages web

Pour créer une page web on peut se servir d'une gamme de programmes :

• le fameux Bloc-notes mais c'est très fastidieux et vachement pénible ;
• le Notepad++ qui ressemble au Bloc-notes mais il offre plusieurs options qui sont très importantes notamment la colorisation du langage, ce qui facilite énormément la lisibilité du code. Page de téléchargement de Notepad++ (ce programme est en français et il est gratuit alors perdons plus de temps) ;
• des logiciels sophistiqués comme Dreamweaver ou Microsoft FrontPage qu'on appellent communément "éditeurs wysiwyg", wysiwyg est l'abréviation de "what you see is what you get" qui veut dire en français, ce que vous voyez, c'est ce que vous allez obtenir, car ces éditeurs vous proposent un aperçu en temps réel qui vous informe sur ce que vous allez avoir si vous affichez la page avec le navigateur.

En général la plupart des webmasters y compris moi se servent de ces derniers car ils facilitent énormément le travail et comme vous le savez très bien un webmaster est avant tout quelqu'un de très fainéant

Les éditeurs ASCII

Bloc-notes

Le Bloc-notes est un éditeur de texte. Ne faites pas confusion entre un éditeur de texte et un logiciel de traitement de texte comme le Word, le premier permet d'enregistrer le texte brut alors que le second permet d'ajouter divers styles au texte (choix de la police, italique, gras, couleurs, bordures etc.). Voici à quoi ressemble le Bloc-notes :

La partie encerclée par le rouge représente les coordonnées du curseur de la souris, dans cette image dans le début à gauche de salut ce qui correspond à la cinquième ligne et la quatrième colonne. Si cette barre n'apparaît pas cliquez sur affichage puis cochez la barre d'état (elle peut être utile, en repérage des fautes, si par exemple le navigateur vous communique qu'il y a une faute dans telle ligne et telle colonne).

Notepad++

Comme vous pouvez le constater, l'interface d'édition est plus conviviale et le code est coloré pour distinguer les balises, leurs attributs et les données qu'elles contiennent. Autre chose à signaler. Pour créer une page web rendez-vous dans le menu langage puis choisissez HTML.

Dans la barre d'état se trouvent des informations utiles en partant du gauche à droite, il y a en premier lieu le langage utilisé dans cet exemple HTML (HyperText Markup Language), puis le nombre total des caractères dans le document, ensuite les coordonnées du curseur comme dans le Bloc-notes.

Vous vous demandez certainement qu'est ce que ça va afficher ce bout de code. Eh ben une simple page qui affiche page d'essai comme titre dans la barre qui se trouve en haut de votre navigateur, et une petite phrase qui contient "salut tout le monde".

Quoi tout cela pour une simple misérable phrase pourquoi vous me regardez comme ça je suis pour rien moi

Les éditeurs WYSIWYG

Dreamweaver

C'est avec lui que j'ai crée la page que vous êtes en train de lire, la zone encerclée par le rouge vous offre trois possibilités de travail :

• le mode fractionner : il permet de scinder la zone d'édition en 2 panneaux celui qui se trouve en haut contient le code xhtml et celui du bas ce qui sera affiché (les textes, images...), donc vous aurez deux choix soit travailler avec l'interface code ou l'interface création qui est très adaptée pour les débutants ;
• le mode code : Il permet de travailler avec le code xhtml ce qui n'est pas recommandé pour les débutants ;
• le mode création : grâce à ce mode vous pouvez créer une page web sans se soucier du code xhtml, mais en termes d'acquisition de savoir, cette méthode doit être utilisée avec modération car notre objectif est d'apprendre le xhtml.

FrontPage 2000

Il ressemble à Dreamweaver, lui aussi propose les trois modes de travail comme vous pouvez le voir en bas de l'image. Mais FrontPage 2000 est doté d'un correcteur syntaxique très avancé par rapport à celui de Dreamweaver cs3 et c'est pour cela que je l'utilise parfois.

Choix entre les éditeurs de pages Web

Si vous n'avez pas d'argent utilisez le Notepad++, dans le cas contraire servez vous du Dreamweaver de préférence sinon FrontPage, et si vous êtes carrément quelqu'un de très riche pourquoi ne pas recourir à un webmaster comme moi, je suis sûr qu'on pourra conclure de bonnes affaires Ah là je rigole, j'arrive à peine de gérer mon site, et je n'ai pas l'intention de me lancer dans de nouvelles aventures.

Chapitre suivant : Les navigateurs Web (browsers) : Internet Explorer, Firefox, Netscape et Opera.