Quels logiciels utiliser ?

L'éditeur de pages web

Le plus important est bien sur l'éditeur de pages web. Je pourrais vous dire de prendre un bloc-note et d'écrire votre code source :-) ... mais ce n'est pas le but de ces pages ! Après avoir testé plusieurs éditeurs, ma préférence va largement à Dreamweaver MX. Il est très complet et facile à utiliser. Il a tout de même un gros défaut : son prix ! Très cher pour un particulier, il reste toutefois abordable en tarif éducation pour un établissement scolaire. Mais pour débuter il y a mieux.

Pour débuter ou quand on n'a pas trop les moyens il vaut mieux commencer avec un autre éditeur. Je vous propose d'utiliser un logiciel très intéressant : Nvu (prononcer n-viou).

Nvu est l'éditeur de pages web issu de Mozilla. Il n'est certes pas aussi complet que Dreamweaver, mais pour apprendre il est parfait. C'est sur ce logiciel que s'appuieront les leçons qui vont suivre. Mais le cours est assez général pour vous permettre d'apprendre avec d'autres éditeurs que Nvu.

Télécharger Nvu

Le développement de Nvu a été temporairement arrêté. Un autre logiciel a pris le relais, il s'agit de Kompozer. Il reprend le code de Nvu. Vous pouvez le télécharger ici : Site de Kompozer.

Nvu et Kompozer sont disponibles pour Windows, Mac et Linux.

Un client FTP

Vous aurez besoin de transférer vos pages sur un serveur (chez votre hébergeur). Pour cela on utilise ce qu'on appelle un client FTP (FTP signifie File Transfer Protocol). De nombreux éditeurs de pages web se chargent de cette tâche, mais dans le cas de Nvu cette fonction est tellement rudimentaire que vous aurez besoin d'un client FTP.

Je vous conseille pour ma part d'utiliser FileZilla, libre, gratuit et performant.

Télécharger Filezilla

Sous Linux, je vous conseille d'utiliser gftp, téléchargeable depuis les dépôts de votre distribution.

Retouche d'images

Avant d'incorporer des images dans votre site il faudra d'abord les retoucher, ne serait ce que pour rendre leur "poids" compatible avec une page web. Citons The Gimp, PaintShopPro et XnView.

Ces logiciels sont aussi utiles pour faire des captures d'écran et les insérer sur votre site.

Mon préféré, The Gimp, est disponible pour les principaux systèmes d'exploitation : http://www.gimp.org/windows/

Un moteur de recherche !

C'est l'arme ultime pour résoudre vos problèmes de conception de page web. Vous ne savez pas insérer un lien hypertexte ? Tapez "Insérer un lien hypertexte" dans Google et vous aurez la réponse.

Google : http://www.google.fr

Un ... non, deux navigateurs

Même si Internet Explorer est le navigateur le plus utilisé, il faut savoir qu'il en existe beaucoup d'autres. Mozilla Firefox étant le challenger le plus important. D'ailleurs les visiteurs de ce site sont plus nombreux à utiliser Firefox :-).

Le langage html est un standard mais malheureusement chaque navigateur à quand même sa façon de l'interprêter ! Ainsi une page peut être affichée de façon différente suivant les navigateurs, surtout si vous utilisez des feuilles de styles. Il est vivement conseillé de tester vos pages avec deux navigateurs différents. Je vous suggère d'utiliser Internet Explorer car c'est le plus répandu et Mozilla Firefox car il est très respectueux des recommandations du W3C (l'organisme qui officialise les différents langages de développement du web). De plus vous trouverez pour firefox des extensions très intéressantes pour un concepteur de pages web. En particulier cette barre d'outils remarquable : Web Developer Extension. Grâce à elle vous pourrez afficher des détails de votre page pour vos formulaires, feuille de styles, images, ... Vous pourrez cacher les images, transformer des formulaires sans toucher au code, compléter les formulaires automatiquement ... et j'en passe !

 

Cours suivant : mise en page : mettre en gras, centrer, ...