Au fur et à mesure que l'Internet et la conception de site progressèrent, le langage qui formait les pages, le "Hypertext Mark-up Language" ou HTML, devint plus fourni et flexible. Un nouvel élément, les tableaux, dans lesquels on peut afficher des données, furent vite détournés de leur objectif initial et furent utilisés comme moyen de mise en page. Avec l'apparition du CSS et des feuilles de styles, la mise en page avec les tableaux fut vite considérée comme obsolète. Les technologies modernes qui utilisaient des bases de données, ou le codage côté serveur (voir CGI, PHP, ASP.NET, ASP, JSP, et ColdFusion), ainsi que les normes de conception comme le CSS se sont encore davantage améliorées et ont diversifié les outils de conception de site.

L'apparition de Flash, développé par Macromedia, qui permet de réaliser des animations ainsi que de diffuser du son et de la vidéo, a également changé l'apparence d'Internet, en offrant de nouvelles cartes aux concepteurs de sites. Toutefois, Flash est beaucoup plus restrictif que le HTML car c'est un format protégé par Macromedia, et il nécessite un plug-in pour être affiché.

Une technique assez récente appelée le codage à distance a permis une utilisation d'Internet de façon plus dynamique, sans nécessiter de plug-in ou d'applications spécialisées. Le chef de file de ces technologies est AJAX, mais ce n'est pas la seule technologie existante. Par ailleurs, AJAX n'a pas encore accédé au statut de norme.

Les étapes de la création

En fonction du type de site, du contexte et des moyens disponibles pour le mettre en œuvre, certaines de ces étapes sont optionnelles voire inutiles. À chacune de ces étapes correspondent des compétences spécialisées (ergonomie, architecture de l'information, référencement, rédaction Web, etc.)

Projet : Réflexion sur l'objectif du site, sa cible, sa rentabilité, les moyens financiers à engager...

Réflexion sur l'autonomie souhaitée et le type de moyens humains pour faire la mise à jour.

Réflexion sur le contenu : pages, services attendus, principes de navigation

Mise en œuvre : Dépôt d'un nom de domaine.

Choix d'un hébergeur.

Choix et installation d'un Système de gestion de contenu (SPIP, wiki, Wordpress, Joomla, Drupal ...) ou d'un éditeur de site Web de type WYSIWYG (exemples : NVU, Adobe Dreamweaver, Microsoft FrontPage, Webself) ou texte (exemple : Bluefish, Emacs, ...).

Conception :
Établissement d'une structure de pages HTML ou XHTML.

Définition d'une arborescence

Mise au point d'une charte graphique

Mise au point d'une charte éditoriale.

Réalisation : Création de pages via le Système de gestion de contenu ou l'éditeur. Les pages peuvent être créées individuellement ou reposer sur un système de gabarits.

Mise en place de la charte graphique via les feuilles de styles CSS.

Éventuels développements dynamiques (formulaire, services, etc.)

Suivi : Recette du site une fois prêt

Lancement du site : mise en ligne

Annonce. Faire connaître le site peut se faire par plusieurs leviers : annonce, publicité, inscription dans des annuaires...

Maintenance

(nouveaux contenus, corrections, amélioration continue de la qualité)

L'accessibilité du site est une donnée à prendre en compte à chaque étape à partir de la mise au point de la structure des pages. Il en est de même du référencement dont la stratégie peut-être mise en place dès la conception. Des principes du référencement sont également à prendre en compte lors de la création des gabarits, l'intégration des pages, la rédaction des contenus, le lancement du site, la maintenance. L'ergonomie intervient également à toutes les étapes : conception, recette et audits, amélioration continue.

( Sources Wikipedia )

Le designer Jeffrey Stephenson, spécialisé dans les produits informatiques originaux créé des MODs vraiement originaux...

Voir le site de ces réalisations