Logiciels...


On a vu la dernière fois qu'il fallait être connecté à Internet pour créer son site, c'est une évidence, mais certains posent la question suivante : "Est-il possible de créer son site sans avoir de connexion personnelle ?"
Nous avons vu que c'était possible, effectivement,  mais la plupart d'entre vous ne connaîtront pas cette situation puisqu'ils ont une connexion personnelle, notamment, depuis l'avènement des connexions gratuites au Web.

Que faut-il avant de commencer la création de son site Web ?

Vous savez déjà sans doute que les navigateurs ont besoin d'un langage spécial pour lires les pages Web ! Ce langage s'appelle HTML (Hypertext Markup Language ) c'est-à-dire le langage utilisé pour coder les pages de textes afin de créer des liens hypertextes.

Il existe plusieurs versions de ce langage mais la version la plus utilisée aujourd'hui est encore la version HTML-3. La dernière version HTML (HTML 4) permet davantage d'options et commence à être reconnue par la plupart des logiciels clients (navigateurs - de niveau 4 et plus). 
Plus on augmente les possibilités, plus sérieux et complet est le travail des programmeurs HTML, mais également aussi, plus lourds seront le navigateur d'une part (IE6.x ou Netscape6.x) et la programmation HTML d'autre part ! 

Depuis les versions 4 des derniers butineurs (navigateurs, browsers, fureteurs), une nouvelle technologie apparaît : le DHTML ainsi, que le XML qui permet un formatage très précis et complet des documents  (la suite OfficeXP de Microsoft emploie cette technologie par exemple).

Vous trouverez sur le site plusieurs chroniques dédiées au DHTML et un tutoriel "TutorDHTML"qui vous explique les feuilles de style, le CSS positionning, les effets de transition pour IE etc.. Un autre tutoriel "TutorJS" vous expliquera les notions générales du Javascript ainsi que l'explication détaillée de tous les javascripts inclus dans la version 5 de WebExpert.

Pour éditer des pages Web en HTML, on peut employer la plupart des traitements de texte actuels (sauvegarder en texte, puis renommer le fichier en "*.html", sans aucun code) mais ce n'est pas une solution intéressante pour celui qui désire créer un site Web complet. Aujourd'hui, il existe sur le marché des éditeurs HTML performants et pas chers (WebExpert5 par exemple : vous pouvez le télécharger et le tester gratuitement pendant plus de 20 sessions de travail)

Remarque...Si vous possédez WordXP, celui-ci traduit directement vos documents "*.doc", anciens ou nouveaux, en format HTML. Dans ce dernier cas, il ne vous sera donc pas nécessaire d'employer un éditeur HTML différent, puisque WordXP est devenu un éditeur HTML très performant, puisqu'il est capable de transformer, très précisément vos documents "*.doc" en pages Web . Il emploie cependant le XML qui est très performant, mais plus complexe aussi, pour le formatage des documents. Ceci dit, WordXP n'est pas capable de réaliser tout ce qu'un éditeur HTML peut faire, et se contenter uniquement de celui-ci (ou autre logiciel similaire) n'est pas une solution professionnelle pour un Webmaster !

Un des principes de Page-Web est de vous fournir le matériel qui vous est nécessaire pour la création de vos pages Web, au moindre frais, c'est pourquoi, dans la mesure du possible, vous sera proposé des logiciels gratuits (freeware) ou très bon marché (sharewares). Ne croyez pas pour autant que ceux-ci n'en vaillent pas la peine, on constate aujourd'hui une très grande avancée dans le domaine du shareware et beaucoup de ceux-ci valent beaucoup plus que leur prix !

Le système d'exploitation que nous allons employer est le standard actuel, c'est-à-dire Windows ou compatible. Mais le système d'exploitation n'a que peu d'importance, sinon celle de permettre à nos logiciels de fonctionner, puisque le langage HTML est multi-plateformes.

Que faut-il en premier lieu ?

Il faut d'abord un bon éditeur HTML, c'est-à-dire un programme qui nous permet d'éditer nos pages Web en HTML et de les rendre ainsi accessibles aux différents navigateurs et donc, aux futurs visiteurs de notre site.

Un éditeur HTML performant et en français...

Le shareware proposé et qui sera celui que nous allons employer dans ces chroniques est l'excellent WebExpert, créé par les canadiens francophones de Visicom Media. Celui-ci a été créé entièrement en français, ce qui est rare ! Il est conçu pour les plate-formes suivantes : Windows9.x - Windows NT - Windows2000, WindowsXP. 

Vous avez là un excellent produit qui peut rivaliser avec beaucoup de ses homologues anglais et c'est un bon point pour la francophonie. 
Depuis quelques temps d'ailleurs, Visicom Media, vu le succès de WebExpert, a traduit celui-ci en anglais et le produit anglais s'appelle "AceHTML".

Vous pouvez télécharger WebExpert directement en vous rendant dans la section «Téléchargement». Une initiation rapide à WebExpert5 vous est également proposée.

Ensuite, je vous conseille un traitement de texte (Word2002 par exemple), qui n'est pas absolument nécessaire mais qui pourra vous aider à écrire de longs documents sans fautes de frappe (correcteur orthographique). Ensuite par copier-coller,  vous pourrez incorporer le texte de base ainsi créé, pour terminer l'agencement de votre site. 

Pour les premières pages, ceci est inutile car il y a peu de texte mais lorsque celles-ci se développeront, cela pourra grandement vous aider, surtout si vous êtes un habitué de ce traitement de texte (ou d'un autre comme l'excellent Corel WordPerfect).

WebExpert vous permet aussi de corriger vos fautes de frappe (mais vous devez posséder Word, car il emploie le correcteur de Word).

Attention, si vous sauvegardez votre document en format HTML sous Word2000, tout le code XML restera et pour "nettoyer" ce code inutile, voici un petit programme fourni gratuitement par Microsoft, qui permet d'enlever tous ces codes spécifiques : msohtmf2.exe.

Cela suffit-il ?

Indispensable

Non, vous allez certainement employer des images et en plus du fait que vous devrez en posséder ou en trouver ailleurs, il faudra bien souvent les transformer ou les adapter à votre goût. Il est donc nécessaire de posséder un logiciel de traitement d'image : des sharewares, comme PaintShopPro, édité par la firme américaine Jasc, qui vous permet de fignoler vos images, créer vos bannières, vos fonds d'écran etc.  

D'autres produits, plus évolués et plus chers, comme Corel PhotoPaint ou Photoshop d'Adobe pourront vous aider.

À essayer absolument !

Pour personnaliser son site, il vous faudra un autre logiciel spécialisé (Microsoft Gif Animator ou Gif Movie Gear...) qui vous permettra créer des Gifs (Graphic Interchange Format), animés. 

Le GIF est un format graphique utilisé au départ pour le transfert des images BMP sur le réseau Compuserve. Celui-ci est fortement compressé (méthode LZW) par rapport au format Bitmap (qui prend beaucoup de Ko) tout en gardant une qualité très correcte (256 couleurs) et surtout, est reconnu par la plupart des logiciels de traitement d'images, dont les navigateurs. C'est un des formats que je vous recommande, avec le JPG mais qui lui, ne permet pas des animations mais, dans certains cas, vous donnera une très bonne qualité (32 millions de couleurs) pour une quantité de Ko faible. Avec PaintShopPro, vous pouvez passer d'un format à l'autre sans aucun problème : vous comparez et gardez l'image la meilleure pour une quantité d'octets la plus faible.

Gif Movie Gear est très puissant, convivial et traduit en français par Visicom Media qui étoffe son offre logicielle aux différents besoins du Web.

Matériel ?

Vous n'allez pas créer toutes vos images, vos fonds d'écran et vos animations, et donc, vous devrez vous fournir ailleurs ? Heureusement, sur le marché et surtout sur le Web (gratuit), vous pouvez vous procurer toutes sortes d'images, aux différents formats, qui agrémenteront vos pages Web pour le plus grand plaisir de tous. Attention évidemment de prendre le matériel qui est fourni en libre accès car le copyright existe évidemment sur le Web !

Un must pour le Web...

Vous rencontrerez sur le Web de nombreux fichiers dont l'extension est «*.zip», ce format de compression est celui du programme de Pkware et vous avez donc besoin du logiciel qui vous permet de décompresser ces fichiers (pkunzip). Si vous désirez travailler sous Windows, des excellents programmes sont Winrar ou Winzip (les dernières versions sont disponibles en téléchargement sur le site) qui vous permettent de décompresser ces fichiers directement sous Windows. Téléchargez ces sharewares si vous ne les possédez pas encore…

FTP ?

En français et super convivial...

Lorsque vos pages HTML sont créées, il faut bien sûr les placer sur le serveur du provider, pour qu'elles puissent être visionnées par les utilisateurs du monde entier. Pour cela, il faut un programme particulier qui emploie le protocole FTP. 

J'ai le plaisir de vous proposer FTPExpert, un programme FTP totalement en français, de Visicom Media (créateur de WebExpert). 

Si vous préférez un produit anglais et gratuit, le WS_LE_FTP de John A. Junod peut vous aider, ainsi que d'autres qui arrivent sur le Web, de jour en jour...



Téléchargement (directement sur Page-Web)
Tutoriels intégrés à WebExpert5  
(TutorDHTML et TutorJS)
Section 
Téléchargement/ Commande
Microsoft Gif Animator Gifsetup.exe 1 079 Ko
PaintShopPro (site de Jasc) Jasc ± 7 Mo
Compression - décompression(DOS) pkz204g.exe 198 Ko
Winrar wrar250.exe 619 Ko
Winzip winzip80.exe 1230 Ko
Fonds d'écran Section
Création de site Web 
Images
Animations
FTP 32 bits (US) WS_FTP32.zip 510 Ko

Remarque...Je vous rappelle que les certains de ces logiciels sont des sharewares et qu'ils ne sont donc pas gratuits mais demandent une petite contribution au travail de leurs concepteurs, ce qui leur permet d'ailleurs d'améliorer sans cesse leur produit. Quand c'est le cas, c'est tout à fait raisonnable et en vaut la peine (les produits de Visicom Media, par exemple, vous assurent un support gratuit, inclus dans le prix du shareware).