Conception de site Web


Conception de site Web

Conception de 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

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 :
  3. Conception :
  4. Réalisation :
  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.

La programmation des services

Article détaillé : Programmation Web.

Voir aussi

Wikibooks-logo-fr.png

Wikibooks propose un ouvrage abordant ce sujet : la création de site Web.

Liens externes

  • Portail de l’informatique Portail de l’informatique
Ce document provient de « Conception de site Web ».

Wikimedia Foundation. 2010.

Contenu soumis à la licence CC-BY-SA. Source : Article Conception de site Web de Wikipédia en français (auteurs)

Regardez d'autres dictionnaires:

  • Conception de 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 …   Wikipédia en Français

  • Conception De Sites Web — Conception de 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… …   Wikipédia en Français

  • Conception de sites Web — Conception de 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… …   Wikipédia en Français

  • Conception de sites web — Conception de 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… …   Wikipédia en Français

  • Site Web — « Site internet » redirige ici. Pour les autres significations, voir Page Web. 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… …   Wikipédia en Français

  • Site Web personnel — Un site web personnel est un type de site web rédigé, conçu, et mis en ligne par une personne en particulier. Les sites personnels peuvent prendre différentes formes, allant de la simple page web, à un ensemble de pages structurées pour former un …   Wikipédia en Français

  • Site web — « Site internet » redirige ici. Pour les autres significations, voir Page web, Internet et Internet Exchange Point. Un site web ou site (de la toile)[1] est un ensemble de pages Web hyperliées entre elles et mises en ligne à une adresse …   Wikipédia en Français

  • Site web personnel — Un site web personnel est un type de site web rédigé, conçu, et mis en ligne par une personne en particulier. Les sites personnels peuvent prendre différentes formes, allant de la simple page web, à un ensemble de pages structurées pour former un …   Wikipédia en Français

  • Création de site web — Conception de 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… …   Wikipédia en Français

  • Aspirateur De Site Web —  Pour l’article homonyme, voir Aspirateur.  Un aspirateur de site Web est un type de logiciel qui télécharge toutes les données contenues par un site Web pour les sauvegarder sur un support de mémoire local de l utilisateur (typiquement …   Wikipédia en Français


Share the article and excerpts

Direct link
Do a right-click on the link above
and select “Copy Link”

We are using cookies for the best presentation of our site. Continuing to use this site, you agree with this.