Etapes de la réalisation d'un site

 

Page en reconstruction.

Faire un site n'est pas bien compliqué :
il faut d'abord définir pourquoi le faire, puis l'écrire sur le papier, penser à l'architecture : découpage en parties et leurs rapports, le taper à la machine, agrémenter le texte de "balises" disant : <h1>ceci est un titre<h1> ou <p>ceci est un paragraphe<p>, organiser la navigation dans le site, en pensant à le rendre accessible pour tous, ajouter un belle présentation orchestrée dans une "feuille de style", faire quelques contrôles, avoir un répertoire chez un hébergeur et y envoyer le site en quelques clics (FTP), s'occuper de l'inscrire dans les moteurs de recherche... Ensuite l'entretenir.

Pas compliqué, mais tout de même cela implique de nombreuses fonctions, de nombreux savoir faire. (Chez les pros, c'est l'œuvre de toute une équipe.)

Étapes de la conception

Les décisions fondamentales

Quel est le but du site ?

Quels sont les publics visés.

Quels messages à faire passer, quelles actions sont attendues ?

Etape du documentaliste et de l'écrivain

Collecte des données, des photographies et autres illustrations.

Rédaction des textes.

(+/- mots clé, cf. référencement)

Etape de l'architecte - ergonomiste - designer

Architecture du site : différentes parties et relations entre elles.

Type de navigation

Logo et charte graphique. (couleurs symboliques, etc.)

Etapes informatiques

Etape textuelle

Taper le texte, le corriger, le découper selon l'architecture prévue et enregistrer chaque page (en texte brut).

Etape sémantique (HTML)

Rendre le contenu lisible dans les navigateurs textuels, lecteurs d'écran, lecteurs braille, robots d'indexation des moteurs de recherche...

Balisage (X)HTML sémantique.

Apprendre le langage HTML

Quelques éditeurs texte

Contrôle du code html.

Avec un validateur.

Et avec un navigateur textuel.

Images

Logiciels de traitement

Le fichier favicon.ico

Divers

L'entête (head) : Doctype, charset, langue, Title, Meta ...

Fichiers .htaccess

Fichiers robot.txt.

Etape de la présentation (CSS)

Rendre la présentation agréable dans les navigateurs graphiques, à l'impression, dans les lecteurs d'écran...

Feuilles de style CSS.

Les feuilles de styles "screen", "print", "aural"... "all".

Apprendre le CSS

La balise link stylesheet

Quelques éditeurs de CSS

Contrôle des CSS.

Avec plusieurs navigateurs graphiques.

Et avec un validateur.

Accessibilité, utilisabilité, ergonomie

Un aspect des plus important, aux multiples facettes.

Liens - conseils

Contrôle d'accessibilité avec un validateur

Balises Link : cf. L'entête <head>.

Nom des fichiers et des répertoires.

Sur le web

Référencement

Liens - conseils

Mots clé

Penser à l'importance du texte clicable

Balise Meta

Obtenir des liens de sites partenaires

Inscription dans les annuaires et moteurs de recherche

Entretien

Statistique de fréquentation

Régulièrement rafraichir les pages est nécessaire à un bon référencement :

- Mise à jour des informations

- Mise à jour des liens externes (contrôleurs de liens)

- Amélioration des mots clé.

- Corriger ou updater le code (X)HTML. Faire évoluer la présentation CSS.

web-jardin, Haut