Comment faire un site Internet

Étapes

 


Suivre le plan !

Il est important de construire votre plan en pensant à la visite de l'internaute qui ne connaît pas votre site. Il se promène dans votre site pas dans votre tête ! Vous savez ce que votre site contient et où cela se trouve... mais l'internaute ne le sait pas !!! Vous devez penser à lui faciliter la vie en créant une structure évidente au premier abord et dans laquelle il pourra naviguer sans s'égarer.

Un menu de navigation se retrouvant au même emplacement dans chaque page peut être une excellente solution. Vous pouvez placer des flèches de navigation ce qui facilite la progression à travers une section linéaire. si votre site est imposant une carte du site (ou le plan du site) permet à l'internaute de repérer rapidement la section où se trouve l'information qu'il cherche sans avoir à feuilleter toutes les pages une à une ! Et surtout, évitez les pages cul-de-sac desquelles on ne peut plus revenir au site !

 

Développer une structure de librairie

Pour la construction du site, il faudra prévoir un minimum d'organisation. Vous devez sauvegarder les informations dans un dossier structuré : c'est ce qu'on appelle la librairie. Comme dans une vraie librairie, chaque information y est à sa place : les images seront dans un répertoire images, le son dans un répertoire son, la vidéo dans video, les icônes dans icônes etc.

Ensuite, la librairie peut être subdivisée en niveaux qui correspondent par exemple à des sujets différents. Dans chaque niveau se retrouve alors la même structure de librairie : les images seront dans un répertoire images, le son dans un répertoire son, etc. Notez qu'habituellement, le premier niveau de librairie contient la page index.html qui sert à pointer votre site sur le serveur, c'est la page d'accueil. Dans l'exemple qui suit, chaque décalage horizontal correspond à un changement de niveau.

Exemple de structure de librairie :

www.monsite.com

Le premier niveau du site pour le serveur n'a pas à être défini par nous. C'est une convention pour chaque fournisseur qui lui sert à pointer vers l'espace alloué à chacun de ses nombreux clients.

(notre structure commence ici) :

images

             imag001.jpg

             imag002.jpg

                 imagetc.jpg

son

                son001.wav

                son002.wav

                sonetc.wav

video

        video001.swx

              video002.swx

                  videoetc.swx

icônes

        icône001.gif

        icône002.gif

        icôneetc.gif

index.html

page001.html

page002.html

pageetc.html

 

 

Construire chaque page

Choisir des noms brefs et significatifs du contenu. Notez bien que la première page d'un site s'appelle toujours index.html.  C'est une convention universelle qu'il faut respecter sans cela le site ne s'ouvrira pas et vous donnera une page absente (erreur 404).

 

Construire la navigation

En construisant les pages, il faut penser à construire aussi la navigation d'après le plan que vous avez défini. Il faut assembler les pages pour que la navigation à travers le site se fasse sans heurts. Le lien peut se faire sous forme de menu, de liens cliquables, ce qui facilite les déplacements directs (comme le contenu enseignant de ce site), ou sous forme de flèches de direction, ce qui facilite une lecture par étapes logiques prédéterminées (comme le contenu élève de ce site).

 

Ajouter les liens

Les hyperliens et les signets (book marks) requis.Voir la leçon pratique #2 cliquez ici

 

Vérifier

Le fonctionnement de chaque lien interne ou externe doit être testé !

Il est aussi important de vérifier l'orthographe, vérifier la perception du site avec des personnes indépendantes et recevoir les commentaires qui permettront de faire un site plus agréable.

 

Retour au début