Faire sa page Web est une aventure palpitante. Contrairement à ce que l’on pourrait croire, il n’est pas nécessaire de connaître des langages informatiques complexes, ni même de posséder des logiciels coûteux pour réaliser son petit coin virtuel. Un peu d’effort et un brin d’imagination sont en fait les deux ingrédients principaux! Pour le reste, je vous propose des ressources que vous pouvez trouver gratuitement, sur le Web!
Le HTML, de quossé?
Pour faire une omelette, il faut casser des oufs; et pour faire une page Web, il faut écrire du code! Le HTML, c’est-à-dire le HyperText Markup Language, est le format d’encodage de tous les documents accessibles par le protocole HTTP, ou, si vous préférez, par un logiciel de navigation Web.
Mégagiciel – guide d’initiation au HTML [français]
Votre humble serviteur vous a déjà préparé un petit cours d’introduction, comme c’est pratique! Si vous n’avez jamais touché au HTML de votre béatifiable existence, je vous suggère fortement la lecture de ce guide.
http://www.megagiciel.com/cours-html
Manuel de programmation en HTML [français]
Et pour aller encore plus loin, voici un manuel complet sur le HTML. Et en français! Bon, le site date un peu, mais le HTML est toujours le même.
http://www.grr.ulaval.ca/grrwww/manuel/manuel1.html
Et les images?
C’est vrai, un site Web sans images, c’est un peu comme une Ferrari avec transmission automatique. Certes, nous ne sommes pas tous des artistes de la souris, mais il est possible de réaliser de belles images utilitaires sans trop de problèmes. Il existe aussi des sites Web qui vous proposent des banques d’images gratuites à insérer dans vos pages Web. Le plus souvent, il s’agit de fonds d’écran, de bordures, de boutons et de lignes. Mais c’est déjà un bon départ. Comme il y en a à la tonne, j’ai fait une sélection:
Andy’s Art Attack! [anglais]
Monsieur Andy vous offre une multitude de petites images pour illustrer vos pages Web. C’est aussi un maître en matière de GIF animé! Un GIF animé, c’est une animation réalisée avec des images GIF (le format standard du Web) en séquence. Il vous faudra un logiciel spécialement conçu à cet effet toutefois, mais il en existe plusieurs qui sont très abordables.
http://www.andyart.com
Art Today [anglais]
Oups! ici il faut payer, mais si vous voulez de belles images, il faut y mettre le prix.
http://www.arttoday.com
Zone infographie [français]
Mais bien sûr, vous voudrez vite réaliser vous-même les images de votre page Web. Ce site vous donne tous les trucs du métier d’infographiste; il y en a pour les pros et les nuls. Un must, à conserver dans sa liste de signets!
http://www.orenoque.com/zone/index.htm
Bandwidth Conservation Society [anglais]
C’est couru d’avance, vous allez faire l’erreur de mettre des images trop lourdes dans vos premières pages Web. Ne vous inquiétez pas, il existe des moyens efficaces pour réduire la taille (et le poids!) des images. Ce site vous l’explique en détail.
http://www.infohiway.com/faster/index.html
A l’aide!
Vous pouvez partager vos problèmes d’apprentis «htmliseurs» dans des forums de discussion, ou encore par la voix de listes de courriels. Encore une fois, votre scribe préféré vous a déjà préparé (avec l’aide de quelques collègues.) deux outils indispensables pour discuter du HTML :
Mégagiciel – forum de discussion HTML [français]
http://www.megagiciel.com/forum/html
Mégagiciel – liste de discussion HTML [français]
http://www.megagiciel.com/listes
Les centres de ressources
Une fois que vous serez devenu un champion du HTML, vous voudrez sûrement pousser l’expérience encore plus loin. Que ce soit pour inclure une applet JAVA, un contrôle ActiveX ou encore un formulaire dans votre page Web, vous aurez besoin de bons sites pour vous guider. Voici ma collection personnelle de signets :
The HTML Writers Guild [anglais]
Une des premières sources d’information sur la conception de pages Web. L’abonnement est gratuit, et en vaut la peine!
http://www.hwg.org
Developer.com [anglais]
Bon, ça, c’est pour les vrais pros! C’est assez techno-nerd-agressif, mais il y a plein de bonnes choses là-dedans.
http://www.developer.com
WebTechniques [anglais]
Quelques bons trucs, livrés mensuellement. Un bon volet éditorial vient compléter le tableau.
http://www.webtechniques.com
WebMonkey [anglais]
La bande délurée de Wired (hotwired.com) vous propose sa vision du merveilleux monde de la création de pages Web. Certains textes sont aussi limpides que des copies de la vulgate en vieux français, et d’autres vous décrocheront un sourire niais. Il faut souffrir pour faire de belles pages Web!
http://www.hotwired.com/webmonkey
CNET – Builder.com et CNET Download.com – ActiveX [anglais]
Un mégacentre de ressources, comme seul CNET sait en faire, et un site dédié spécialement aux contrôles ActiveX.
http://builder.cnet.com
http://www.download.com/PC/Activex
Selena Sol’s Public Domain CGI Script [anglais]
Les CGI (common gateway interface) sont des petits programmes informatiques qui servent à toutes sortes de choses, comme l’envoi de formulaires, les moteurs de recherche, les babillards, etc. Bon, il faut être un peu plus à l’aise avec la programmation, mais beaucoup de trucs sont accessibles au grand public. En voici quelques-uns.
http://www.extropia.com/Scripts
JavaWorld [anglais]
Vous ne pourrez pas passer à côté de JAVA très longtemps! Venez en apprendre plus et même prendre de l’avance sur vos voisins qui en sont encore au plat HTML!
http://www.javaworld.com
Cut-N-Paste JavaScript [anglais]
Une belle collection de petits programmes en JAVA comme des compteurs, des horloges, des animations, etc.
http://www.infohiway.com/javascript/indexf.htm
La communauté
Maintenant que vous avez une page Web, ce serait bien de la faire connaître et de partager votre passion avec d’autres personnes. Il y a des endroits pour tous les vices, même pour le HTML!
Mygale [français]
Un endroit pour héberger votre page Web, si votre fournisseur d’accès ne vous offre pas déjà ce service. C’est aussi une belle occasion de rencontrer des gens aux intérêts communs.
http://www.mygale.org
GeoCities [anglais]
Un mégacentre d’hébergement de pages Web classées par thèmes. Le meilleur endroit pour vous rendre compte que vous n’êtes pas seul en ce bas monde!
http://www.geocities.com
Qui est l@? [français]
Un répertoire de pages personnelles. Bon, c’est encore moi et ma bande, mais que voulez-vous?
http://www.toile.qc.ca/quiestla