sommaire
sur cette page :
Créer une page Web avec :
Word
WordPerfect
Netscape Composer
FrontPage Express
FrontPage
WebExpert
html-Kit
TextPad
L'Editeur D0S
Bloc-notes de
Windows
autres pages
Table
de caractères
spéciaux
Couleurs
nommées
Couleurs
indépendentes
du navigateur
Convension sur
les noms de fichiers
JavaScript et CSS
Guide TextPad d'iza
liens intéressants
Comment ça marche
html Goodies
.com
w3 School
web.developpez.com
Le site du zéro
© Isabelle Côté
programmation html
Accueil > Iza > HTML
Ou Page précédente
Introduction
Vous désirez créer votre page Web et ne possédez pas de logiciel tel que FrontPage pour vous aider dans cette tâche. Qu'à cela ne tienne ! Vous avez probablement à votre disposition un logiciel de traitement de texte qui fera très bien l'affaire.
La liste des logiciels décrits ici comptent soit des éditeurs WYSIWYG, soit des éditeurs de code. Exception faite de Netscape Composer qui tente d'alier le meilleur des deux mondes sans trop de succès (à mon avis), mais ça, c'est une autre histoire.
Et puis il y a les bon vieux éditeurs de texte. J'en parle ici uniquement pour démontrer que quand on sait où l'on s'en va, ça peut toujours faire l'affaire.
Microsoft Word, un outil Html de type WYSIWYG rudimentaire mais qui vaut le détour
Version testée : Microsoft Word 97
Comme plusieurs utilisateurs d'ordinateurs personnels, vous avez sans doute installé MS Word. Vous savez probablement aussi que Word peut enregistrer au format html. Cependant, vous trouvez un peu agaçant de perdre vos mises en forme lors de l'opération. J'ai concocté pour vous un petit guide en trois leçons pour vous aider dans l'élaboration de vos pages Web. Vous découvrirez un outil simple et convivial de type WYSIWYG.
Sommaire du guide en trois leçons
Si vous désirez trouver rapidement une rubrique, utilisez la table des matières
WordPerfect, un autre outil WYSIWYG assez simple, convivial et compatible avec Netscape
Version testée : Corel WordPerfect 8
Un conseil : N'essayez pas d'installer MS Office et la suite WordPerfect sur le même disque dur, toutes partitions confondues. L'un fait la guerre à l'autre et, comme toujours, c'est moncieur Gates qui gagne ! Si bien que je devrai ici, et pour le moment, me contenter de vous en faire une brève description de mémoire.
Je décris WordPerfect comme compatible Netscape par simple déduction. En effet la suite est livrée avec Netscape 3 et, pour peu que je me souviennes, les pages crées s'affichent bien dans cette version de Netscape. La preuve reste à faire.
Ce que j'aimais le plus de WordPerfect était son assistant PerfectExpert Editieur Internet. J'ai réussi à capturer une image de cet assistant pour votre plus grand plaisir. Dès que les conflits Canada/Us (Corel/Microsoft) sont réglés, je vous concocte une petite visite guidée.
Juillet 2003
Une réinstallation de WordPerfect avec sa version de Netscape (4.0) m'a permis d'essayer à nouveau d'y créer un document html. Je dis bien essayer, car je ne sais où exactement je me suis emmêlé les flûtes, mais certaines mises en formes ont été carrément perdues. La couleur de fond d'un tableau par exemple. Prise de décourragement, j'ai purement et proprement "flushé" le document. Je n'ai donc rien à vous montrer.
Je peux cependant dire ceci : si l'environnement de WordPerfect semble "Perfectement" Wysiwyg, le résultat dans le navigateur est loin d'etre "Perfect".
Puisque j'ai promis une visite guidée, je ferai plus tard une autre tentative. Je n'aime pas rester sur une frustration. J'imagine que vous non plus...
Netscape Composer
Version testée : Netscape 4.7
C'est un éditeur presque WYSIWYG. Presque parce que l'environnement de Composer n'affiche pas exactement comme dans le navigateur. Par exemple, si vous voulez que le texte s'affiche à droite d'une image, c'est possible, mais vous ne verrez le résultat qu'en visionnant la page dans le navigateur.
Je n'ai pas trouvé la manière de justifier (aligné à gauche et à droite) du texte avec Composer. Il est probable que les version plus récentes le permettent puisque les autres le font. Je ne pourrai vérifier ceci que lorsque j'aurai un ordi qui me permettra d'installer Netscape 6 (ou une version encore plus récente) qui est trop lourd pour ma pauvre petite machine.
Il y a d'autres bizarreries. Par exemple, le texte que vous tapez n'est pas automatiquement placé dans une balise de paragraphe comme la plupart des autres éditeurs. Ça n'est pas un défaut en soi, mais ce n'est pas clairement définit. Aussi, pour utiliser les mises en formes de paragraphe (la balise <p>), même en passant par le menu contextuel Propriété du Paragraphe/Liste et ce même si l'option du menu Format / Paragraphe / Normal est déja cochée ce qui laisse à supposer que ce type de mise en forme est utilisée par défaut, ça ne marchera pas. Ça peut paraître sans importance au premier abord, mais à l'usage, ça en a une. En effet, le fait de trouver le mot « paragraphe » dans les menus laissent à penser que Composer place vraiement une balise de paragraphe. Et bien, ça n'est pas le cas. Donc, adieu les attributs de paragraphes (et le texte justifié).
Je n'ai donc pas aimé, au premier abord, cet environnement de développement. Word offre un environnement plus "WYSIWYG" et d'avantage de fonctionnalités pour le texte. J'ai trouvé Word plus intuitif que Composer. Cependant, Composer a une longueur d'avance avec sa boîte de dialogue Propriété de l'image qui permet toutes sortes de paramétrages. C'est d'ailleurs le regroupement des fonctionnalités dans des boîtes de dialogue uniques qui fait la force de Composer.
Une autre particularitéressante, la mise en forme du texte destiné à servir de lien. Si vous avez déjà mis en forme du texte et que vous y placez un lien hypertexte, Composer n'effacera pas votre mise en forme contrairemet à Word qui applique automatiquement le style hypertexte par défaut. Ce sont à peu près les seules qualités que j'y ai trouvé.
Une deuxième expérience avec Composer m'a un peu réconsilié avec celui-ci. J'ai pu créer une mise en page simple basée sur du texte uniquement (donc, qui se charge ultra-rapidement) avec beaucoup de facilité. Mais il ne faut pas être tatillon sur la mise en forme du texte. Composer n'utilisant pas la balise de paragraphe (<p>), mais plutôt une division (<div align="right">) pour le texte aligné à droite et la balise CENTER (<center>Texte</center>) pour le texte centré, l'utilisation d'un paragraphe justifié est tout à fait exclu. Sauf si on entre la balise à la main en utilisant une boîte de dialogue prévue à cet effet. Mais c'est lassant. Et surtout, il ne faut pas oublier d'entrer la balise fermante. J'ai publié les quelques pages créées dans Composer en nommant la première Ma page. Vous voulez voir ?
Je n'écrirai pas de guide pour Netscape Composer. Mais ne soyez pas trop déçus car si vous avez l'intention d'utiliser ce logiciel parce que c'est celui que vous avez et que vous l'aimez, vous bon!, - ce n'est pas parce que, moi, je n'ai pas aimé que j'ai forcément raison - et bien voici l'adresse d'un site très bien fait qui vous explique en 17 étpes faciles à suivre la création d'un site depuis sa conception jusqu'à sa publication.
Construction d'une page Web avec Composer de Communicator
Microsoft FrontPage Express, avec Internet Explorer
Que ne ferais-je pour vous. Je vais devoir réinstaller FrontPage Express afin de pouvoir vous en parler bientôt sur cette page.
Microsoft FrontPage, gestion des liens rendue facile
Celui-ci aussi je devrai le réinstaller pour pouvoir mieux vous le décrire. Mais pour l'avoir utilisé, je peux vous dire ceci : c'est un outil performant pour gérer de gros sites.
L'outil le plus pratique selon moi, est le gestionnaire de lien (nommé État des liens hypertextes). En quelques minutes, vos liens hypertextes sont analysés. Vous savez ainsi rapidement si des liens sont rompus. Vous n'avez plus qu'à sélectionner ce lien dans la liste et cliquer sur Modifier le lien Hypertexte pour le réparer.
Web Expert
Allors là, nous entrons dans la catégorie expert. Car celui-ci porte bien son nom. Si le code html vous semble indigeste, Web Expert n'est pas pour vous. Parcontre si vous désirez un outil pour créer des pages originales, utiliser vos propres modèles et contrôler chaque ligne de code que vous tapez, c'est le bon outil.
Web Expert vous indique aussi lorsqu'un attribut respecte la norme W3, s'il est propre à Netscape ou à Internet Explorer.
html-Kit
Version testée : 1.0
Beau logiciel et pas trop lourd malgré ses nombreux outils. Je l'ai trouvé un peu hardu à utiliser. Il fait cependant bien son travail. Malheureusement j'ai du faire face à de trop récurents problèmes de plantage. Les versions suivantes tiendront peut-être mieux la route. C'est souhaitable, car à mon avis et malgré tous ses petits défauts, c'est un logiciel prometteur.
TextPad
Version testée : TextPad 4.2.2
L'éditeur de texte par excelence pour les « tripoteux » de code. J'en suis. Ce site a été créé en majeure partie avec TextPad. Placez vos modèles dans des Librairies de Clips et créez vos pages Web en quelques clics. Bon, c'est vrai. J'exagère un peu mais à peine. Le plus long c'est justement de créer vos pages modèles. Mais une fois ce travail fait, vous les ajoutez à une Librairie de Clip que vous créez et que s'ajoute aux librairies de clip déjà existantes. Ensuite, vous ouvrez un nouveau document et, d'un clic sur le nom de votre page modèle, vous faites apparaître magiquement tout le code de votre nouvelle page. Il ne vous reste plus qu'à enregistrer le fichier et y ajouter le texte.
Vous pouvez consulter la page Tips qui vous donne plein de trucs à propos de l'utilisation de TextPad sur le site TextPad.
Familliarisez-vous à l'environnement de TextPad avec le Guide TextPad d'iza.
L'Editeur du DOS
Version testée : Edit.com v2.0.026
En dernier recours. Faut vraiement être mal pris. Mais il faut surtout en savoir long sur le code html et ne pas faire d'erreur de syntaxe. Cependant, si vous voulez apprendre le langage html vous n'avez pas besoin de plus. Le bon vieux Edit du DOS ou même NotePad (Bloc Notes) de Windows feront amplement l'affaire.
Si ça vous intéresse, vous trouverez des leçons on line de Dave Ragget sur le site w3c (World Wide Web Consortium).
Le Bloc-Notes de Windows
Version testée : Bloc-Notes v 4.00.950
Encore pire que Edit du DOS ! Non, sans blagues, ne croyez pas que j'ai placé cette rubrique uniquement pour dire du mal de ce pauvre petit Bloc-Notes. Dans tous les manuels de html que j'ai vu, les auteurs commencent par faire la preuve que vous n'aurez besoin de rien d'autre qu'un éditeur de texte pour faire les exercices proposeés dans leurs livres. Et ils ont tous raison. Pour tous les exercices que j'ai fait à l'aide de ces manuels, Bloc-Note est amplement suffisant.
Cependant, si vous tenez (comme moi) à créer tout votre site à l'aide d'un éditeur de texte, vous arriverez au bout des limites de Bloc-Notes dès votre première page html. il se peut que vous ne puissiez pas la terminer dans Bloc-Notes. J'ai essayé et n'ai pu continuer au bout d'environ 46 000 caractères. Et je n'ai que copié et collé la même ligne jusqu'à ce que j'arrive au bout. Toujours la même ligne... Ça vous semble beaucoup, 46 000 caractères? C'est pourtant bien peu si votre page contient pas mal d'informations.
C'est pourquoi je vous recommande donc d'utiliser soit l'éditeur du DOS qui n'est pas limité au nombre de caractères ou à la longeur du fichier et qui sera toujours mieux que rien, soit un éditeur intelligent comme TextPad qui est conçu spécialement pour les programmeurs. Voir les deux rubriques plus haut.