Jean Rioux - Programmeur Web
Jean Rioux
Conception Web
 
La Conception d'un Site Internet...

Un site Internet...

 

Un site Web est un ensemble de pages Web hyperliées entre elles et mises en ligne à une adresse Web. On dit aussi site Internet par métonymie, le World Wide Web reposant sur Internet.

En 2006, le Web a dépassé les 100 millions de sites.

En 2008, plus de 183 millions de sites web.

En juillet 2009, plus de 240 millions.

 

Histoire

Le “ World Wide Web “(www) a été créé en 1990 par l’ingénieur du CERN Tim Berners-Lee. Le 30 avril 1993, le CERN annonce que le “World Wide Web“sera libre d’utilisation pour tout le monde.

Avant l’introduction de l’ HTML et HTTP d’autres protocoles tells que FTP et Gopher étaient utilisés pour obtenir des fichiers depuis un server. Ces protocoles offraient une organisation basique de répertoires dans lesquels l’utilisateur naviguait et choisissait les fichiers a télécharger. Les documents étaient principalement des fichiers texte sans mise en page ou des fichiers encodés par un traitement de texte.


Création

Pour créer un site Web, il faut :

  1. élaborer la structure (arborescence), le contenu des pages Web et la présentation ;
  2. héberger le site sur un serveur Web continuellement connecté à Internet ;
  3. réserver et gérer un nom de domaine (l’adresse Web à laquelle le site est accessible).

La création d'un site peut être confiée à une agence Web ou faite soi-même. Pour développer un site Web soi-même, il est possible d'utiliser un éditeur de pages Web ; pour les développeurs Web avertis, un simple éditeur de texte peut suffire. On peut aussi avoir recours à un systèmes de gestion de contenu.


Les systèmes de gestion de contenu

Les systèmes de gestion de contenu (SGC ou CMS) permettent de rassembler ces trois points en un seul logiciel : le logiciel de création du site, l'hébergement et le nom de domaine (voir Liste de systèmes de gestion de contenu). Ces outils sont disponibles pour les débutants et simplifient certaines étapes comme la mise en ligne ou l'hébergement.


Structure des pages

Un site Web est un ensemble de pages qui peuvent être consultées en suivant des hyperliens à l'intérieur du site. L'adresse Web d'un site correspond en fait à l'URL d'une page Web, prévue pour être la première consultée : la page d'accueil. La consultation des pages d'un site s'appelle une « visite », car les hyperliens devraient permettre de consulter toutes les pages du site sans le quitter (sans devoir consulter une page Web hors du site). Une visite peut commencer par n'importe quelle page, particulièrement lorsque son URL est donnée par un moteur de recherche. Techniquement, rien ne distingue la page d'accueil d'une autre page.


Nombre

Le nombre de sites Web est en progression constante : (source : Netcraft)

Nombre des sites internet consultables par années
Année Nombre
1995 19 000
1997 1 000 000
2000 10 000 000
2004 57 000 000
2005 74 000 000
2006 101 000 000
2007 155 000 000
2008 186 000 000
2009 200 000 000


En fonction de la taille et du type d'entreprise

Le nombre de sites a augmenté rapidement en 2005 et en 2006 grâce à la popularité croissante des blogs, des pages personnelles et des sites de petites entreprises.


Selon les pays

En juillet 2002, les statistiques, en nombre de sites par habitant, montrent une disparité très forte entre les pays :


Technologies

Les technologies mises en œuvre pour un site Web sont multiples. On peut les classer ainsi :


Catégories

Cette section compte une petite sélection des principaux sites en fonction de leur catégorie :

 

 


 

 

La création d'un site web

 

La création et la conception d'un site Web est un processus qui implique quelques étapes simples au départ, mais pouvant sur un site abouti mettre en œuvre des moyens et des compétences très importants. Un site Web, cela peut être une simple page au format HTML, ou des milliers de pages proposant des animations, des services programmés en Java, PHP ou autre langage serveur, des formulaires supposant un traitement en JavaScript, ou AJAX. Il peut reposer sur des technologies de bases de données, p.ex. MySQL.

 

Sommaire

    * 1 Histoire
    * 2 Les étapes de la création
    * 3 Les constituants des pages

 

Histoire

Tim Berners-Lee, l'inventeur du World Wide Web, a mis en ligne le tout premier site internet en août 1991, faisant de lui le tout premier concepteur de site (Web designer). Le site utilisait pour la première fois un lien hypertexte et un lien vers une adresse électronique.

Au début, les sites internet étaient écrits en HTML basique, un langage qui donne aux sites internet une structure de base (titres et paragraphes), ainsi que la possibilité d'utiliser des liens hypertextes. C'était une nouveauté et c'était fondamentalement différent des formes de communications préalables, les utilisateurs pouvaient facilement ouvrir d'autres pages.

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. A chacune de ces étapes correspondent des compétences spécialisées (ergonomie, architecture de l'information, référencement, rédaction Web, etc.)

 

   1. 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

   2. 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 ...) ou d'un éditeur de site Web de type WYSIWYG (exemples : NVU, Macromedia Dreamweaver, Microsoft FrontPage) ou texte (exemple : Bluefish, Emacs, ...).

   3. 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.

   4. 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.)

   5. 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

 

Les constituants des pages

    * Le texte de la page et sa structure , en HTML ou en XHTML
    * La mise en page via les feuilles de style CSS.
    * Le graphisme avec des images GIF, JPG, PNG, MNG.
    * Des animations en Flash ou en SVG.
    * Des objets multimédias.
    * Des formulaires, éventuellement traités en AJAX.

 

*Source : WikiPedia.org