PRELIMINAIRES

Les pré-requis - Les programmes - Préparer son projet

Quels programmes utiliser ?

Mise à jour minimale au 18 mai 2013 : NVU et Kompozer sont aujourd'hui remplacés par BlueGriffon, qui progresse sans cesse.

Inutile de dépenser une fortune dans un grand logiciel professionnel comme DreamWeaver, et pourquoi pas Flash en prime ? De toute façon, ils sont trop compliqués pour un débutant. Le meilleur compromis prix / facilité / capacités est sans conteste Namo WebEditor, cinq fois moins cher. C'est aujourd'hui la version 8, mais elle n'est pas en français, et je conseillerai la version 6 (pas la 2006, qui est boguée). Le shareware fonctionne un mois, après il faut payer. On peut essayer de dénicher Namo 5 - celui que j'utilise, shareware aussi, largement suffisant (faute de pouvoir de l'acheter, on peut tricher avec la date de l'ordinateur, ou chercher le crack à ses risques et périls). On peut sans doute trouver Namo 3 en freeware, il a été livré il y a 10 ans par des revues. On le trouve librement sur le Net, mais en Allemagne, et en allemand.
A défaut, Kompozer est un très bon petit programme de secours, qui a quelques défauts ou lacunes, mais qui fonctionne bien, globalement de la même façon que Namo. Issu de la Fondation Mozilla, il est gratuit. Il est issu du Composeur de Nestcape et Mozilla (SeaMonkey), développé sous le nom de NVU (qu'on trouve toujours) puis renommé Kompozer.
Les références que nous ferons ici s'appuieront sur Namo ou sur Kompozer-NVU.

Pour commencer ses pages, on peut utiliser OpenOffice (Nouveau / Document HTML), dont le code est bon. Mais quand il s'agira d'intégrer des images, mieux vaut passer par un programme spécialisé qui saura les mettre au bon endroit.
Le dossier d'OpenOffice dans Program Files recèle une quantité de petites images, puces colorées, barres, flèches de navigation, fonds... Fouillez donc dans Share / Gallery.

Par contre, à éviter absolument : Word, ou Microsoft Publisher, qui ne sont pas faits pour ça, et font du mauvais HTML, rempli de déchets. Quand je reçois un document Word à transposer en HTML, je l'ouvre d'abord avec OpenOffice, et j'enregistre en HTML. Puis j'ouvre avec Namo, je dégraisse (j'enlève des lignes vides, je formate le texte au plus simple) ; ensuite je clique sur l'onglet Html pour accéder au code source, et je lance le menu Outils / Nettoyer la source HTML / Nettoyer le code HTML, en enlevant en particulier les balises Word. Le gain de poids est spectaculaire. C'est dire qu'il y a du déchet !

FrontPage est utilisable quand on n'a rien d'autre, mais laisse des erreurs, et des scories (j'entends : du code inutile, des sous-dossiers et fichiers cachés inutiles)

.

Pendant que j'y suis, et vu que cette page n'est pas bien longue, je vais essayer de vous faire comprendre ceci : une page web, c'est essentiellement du code, le reste n'est qu'illusion, gérée par votre navigateur.

Si vous utilisez un traitement de texte, et que vous insérez une image, cette image se trouve réellement dans la page, et vous pouvez voir le poids du document qui enfle à l'enregistrement chaque fois que vous en rajoutez une.
Par contre, dans une page web, l'image n'est pas réellement présente. Quand on insère une image, on insère en fait un code qui va chercher l'image là où elle est, dans un autre dossier en principe, et on indique alors le chemin à parcourir pour la faire apparaître. C'est ensuite le navigateur (Internet Explorer, Firefox, Opera...) qui va interpréter. Enregistrez la page, son poids n'aura pratiquement pas bougé. Mais déplacez-la ailleurs sur le disque dur, et les images n'apparaîtront plus, parce que le chemin ne sera plus trouvé.

Pour savoir ce qu'est réellement une page web, c'est simple. Vous êtes dans Internet Explorer ? Avouez. C'est le plus courant, mais vous avez tort, c'est loin d'être le meilleur navigateur. Eh bien, cliquez sur Affichage / Source. Là, c'est le Bloc-Notes qui se lance, et qui vous montre le contenu réel de la page : rien que du texte, celui de la page environné de codes entre crochets, mais pas une image.