La conception d'un site web

Cliquez pour zoomer sur l'éditeur de page Web.

La première étape de la création d'un site web consiste à définir quel sera le contenu du site et comment ce contenu sera organisé. Paradoxalement, ce n'est donc pas de votre ordinateur dont vous vous munirez en premier, mais plutôt d'un crayon et d'une feuille de papier afin de décrire votre projet.

Du point de vue du contenu, vous n'avez a priori aucune contrainte de création, mais en ce qui concerne la forme il est important de savoir au préalable comment est structuré un site web .

Que se passe-t-il donc lorsque vous "surfez" sur internet ? Vous passez de documents en documents en cliquant sur des liens. Visuellement, ces documents ressemblent beaucoup à des pages papiers; c'est pourquoi on parle de "pages web". Le principe qui permet de lier ces documents entre eux est appelé hypertexte. Créer un site web consiste donc à créer des pages et à les relier entre elles par des liens hypertextes placés sur des mots ou des images. Vous pouvez aussi établir des liens entre deux endroits différents d'une même page.

La phase de conception consiste donc :

à structurer votre page web (ou chacune de vos pages) en disposant les textes et les images (n'hésitez pas à faire un schéma sur une feuille de papier)

à déterminer les liens hypertextes entre les pages et au sein de chaque page.

Cliquez pour zoomer sur le langage HTML.

Ensuite, vous allez passer à la réalisation. Pour cela, deux options s'offrent à vous.

La première – la plus courageuse – consiste à se plonger dans l'apprentissage du langage de programmation des sites webs : le langage HTML ("HyperText Markup Language").

Cela fait, vous devrez taper directement les lignes de codes HTML dans un éditeur de texte et enregistrer le fichier au format .htm ou .html. Si le langage HTML est assez facile à apprendre, il est toutefois assez laborieux à utiliser : créer un site attractif uniquement en tapant du code HTML est très long et fastidieux . Même les programmeurs professionnels ne procèdent pas ainsi. Rassurez-vous, vous n'aurez donc pas besoin de connaître ce langage par cœur pour créer un premier site web !

La seconde solution – de loin la plus pratique – consiste à utiliser les logiciels créés exprès pour la création de pages webs et qui évitent de taper soi-même le code HTML. Leur grand avantage est de fonctionner selon un principe très pratique, mais au nom barbare : le Wysiwyg ! Ce sont les initiales de "what you see is what you get", c'est-à-dire "ce que vous voyez est ce que vous obtenez ". Cela signifie que lorsqu'on travaille sur ces logiciels les pages web apparaissent à l'écran comme elles apparaitront lorsqu'elles seront visibles sur le web.

Il existe de nombreux éditeurs web. Certains sont payants (et souvent chers) : Frontpage, Dreamweaver, GoLive, PageMill, etc. D'autres sont gratuits. Si ces derniers sont moins puissants, ils sont cependant tout à fait adaptés à une première création de pages web. La solution la plus pratique consiste à utiliser les logiciels qui accompagnent votre navigateur web; les deux plus célèbres étant Composer pour Netscape Communicator, et Front Page Express pour Microsoft Explorer.

Les exemples qui vont suivre feront référence à Composer.