logiciels "wysiwyg" ou éditeurs de texte ?
ubuntu windows mac os x

Ecrire sa page HTML dans un éditeur de texte est une façon de faire à la fois laborieuse et enrichissante car, faits les premiers pas, la voie est ouverte à une lecture et une écriture directe.
Un compositeur écrit des notes sur une portée tout en ayant parfaitement en tête ce vers quoi il veut se diriger sans avoir à sa disposition chef d'orchestre et exécutants.

Visualer mentalement une page HTML et la composer sans autre outil qu'un éditeur de texte est un acquis appréciable lorsqu'il s'agit de corriger ou de réécrire le code, parfois beaucoup de temps après avoir composé la page primitive.

Il peut paraître plus simple et plus rapide d'utiliser un éditeur de page HTML dit wysiwyg.
Cet acronyme signifie What you see is what you get et nous rappelle une fois de plus l'avantage considérable que tout locuteur anglophone peut avoir dès lors qu'il s'agit de comprendre rapidement, en informatique, de quoi il est question.
Avec un éditeur wysiwyg vous voyez immédiatement à l'écran les résultats de votre composition, sans passer ni par un navigateur, ni par l'examen de votre code directement écrit par le logiciel. Ceci a toutefois plusieurs inconvénients :

  1. vous vous en remettez entièrement aux décisions automatiques de votre logiciel.
  2. Selon la façon dont il a été programmé, vous obtiendrez des résultats qui pourront être différents avec un autre logiciel "wysiwyg".
  3. Les logiciels "wysiwyg" propriétaires vous proposent des encodages automatiques propriétaires non reconnus par le W3C.
test

Faites un test : composez une page avec MS Word, FrontPage, Kompozer.

  1. Comparez les codes source obtenus.
  2. Plus tard, essayez de corriger manuellement le code obtenu avec FrontPage ou MS Word !

et laissez-vous tenter par la lisibilité universelle d'un code non propriétaire :

  1. communiquez avec tous les internautes quelque soit leur navigateur,
  2. évitez une non-validation syntaxique,
  3. écrivez souvent des lignes en moins,
  4. soulagez votre mémoire (et celle de l'ordinateur) !

Abandonnez l'utilisation d'un éditeur HTML wysiwyg propriétaire, et utilisez Kompozer ou Amaya qui sont en conformité avec la charte du W3C.

Toutefois, Kompozer programme un code très embrouillé dès lors que vous changer d'avis sur vos formats de polices (par exemple) ou votre mise en page.

  1. Il faut alors tout corriger.
  2. La meilleure façon de le faire est manuelle ; elle suppose que vous comprenez ce qui a été écrit par Kompozer.
  3. Nous en revenons alors au point de départ : tentez l'expérience de composer votre code directement.

Apprenez-le avec Kompozer, il suffit de lui demander en wysiwyg ce que vous voulez obtenir. Par exemple, vous voulez construire rapidement d'un tableau :

  1. Vous ne lui demandez que cela.
  2. Ceci fait, vous passez dans l'onglet "sources",
  3. vous lisez le code obtenu.
  4. Vous faites un copier-coller de ce code dans Scite. (voir lien en fin de page).
  5. Vous essayer de le mémoriser.
  6. Vous pouvez alors le réécrire, plus tard, sans "Kompozer"
firefox

Le navigateur Mozilla Firefox peut, comme tout navigateur, afficher en wysiwyg votre travail en cours réalisé depuis Scite et corriger votre composition. Il fonctionne sur les 3 principaux systèmes d'exploitation : toute distribution GNU/Linux moderne, MacOSX et Windows. Vous trouverez sur le site de Mozilla Europe (voir tableau ci-dessous) un onglet "à propos">>>"Statut" où pouvez trouver les statuts de l'association Mozilla Europe.

Google Chromium, un excellent navigateur internet (Windows, Mac Os, GNU/Linux) comporte également des outils pour les développeurs.

  1. Complétez Mozilla Firefox par des modules téléchargeables dont ceux de Web Developer.
  2. Ouvrez votre page HTML dans Mozilla Firefox et actualisez la vue après chaque modification effectuée dans Scite.
  3. Vous corrigez les erreurs avec l'aide de Web Developer.
  4. Laissez-vous guider et faites tout ce qu'il faut pour obtenir 0 warnings and 0 errors.
logiciels
LOGICIELS HTML
L'accès aux liens externes se fait par clic droit; le menu contextuel permet de choisir l'ouverture dans un nouvel onglet ou une nouvelle page.
Scite Scintilla Text Editor un éditeur multilangages pour Windows et GNU/Linux, permet de "chercher-remplacer", numérote les lignes, utilise la coloration syntaxique selon les langages utilisés et bien d'autres choses. Pour franciser Scite, rendez-vous à locale.fr.properties et sur le forum Ubuntu.
Kompozer un éditeur HTML "wysiwyg" pour Windows, MacOSX et GNU/Linux.
traduction française (lire les instructions)
Amaya un éditeur HTML "wysiwyg" pour Windows, MacOSX et GNU/Linux.
EXecutePage R2.70rc1 Français version libre (Licence BSD)
Mozilla Firefox un outil Web (inclure le plugin "web developer", Html Validator, UnicodetoHTML)
prêt pour les Mobiles ? cet outil teste la lecture de votre site sur un smartphone
prêt pour les Mobiles ? Coup de gueule contre les sites WEB spécifiques iPhone !!!
prêt pour les Mobiles ? Microsoft et applications pour Mobiles
prêt pour les Mobiles ? la version de Opera 10.10 (Windows, Mac Os, GNU/Linux) inclut l'outil Opera-mini sans autre installation; il suffit de cliquer sur Afficher >>> Petit écran.

Plan du site Haut

Formation Ubuntu/Windows, développement et administration de sites
déclaration à la CNIL : n° 1397076
Photographies, logo, illustrations : Pierre BELLENEY

Validation XHTML 1.0 Validation CSS