Conception de site web
807249
31140182
2008-06-29T22:04:22Z
Ir4ubot
296177
catégorise l'article demandant des sources depuis juin 2008
{{ébauche|Internet}}
{{à sourcer|date=juin 2008}}
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 [[Hypertext Markup Language|HTML]], ou des milliers de pages proposant des animations, des services programmés en [[Java (langage)|Java]], [[PHP: Hypertext Preprocessor|PHP]] ou autre langage serveur, des formulaires supposant un traitement en [[JavaScript]], ou [[Asynchronous JavaScript And XML|AJAX]]. Il peut reposer sur des technologies de bases de données, p.ex. [[MySQL]]].
== 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 e-mail.
Au début, les sites internet étaient écrits en [[Hypertext Markup Language|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 [[Hypertext Markup Language|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 [[Feuilles de style en cascade|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 [[Common Gateway Interface|CGI]], [[PHP: Hypertext Preprocessor|PHP]], [[ASP.NET]], [[Active server pages|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 [[Macromedia Flash|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 [[Asynchronous JavaScript And XML|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.
* Réflexion sur l'objectif du site, sa rentabilité, les moyens financiers à engager ...
* Réflexion sur le contenu : définition d'une [[arborescence]], des pages, de la navigation, de la stratégie de [[référencement]]...
Une [[agence web]] peut-être mise à contribution dès cette étape pour apporter son expertise et se charger des plusieurs des tâches à venir.
* Réflexion sur l'autonomie souhaitée et le type de moyens humains pour faire la mise à jour.
* Dépôt d'un [[nom de domaine]].
* Choix d'un [[Hébergeur Internet|hébergeur]].
* Établissement d'une structure de pages [[Hypertext Markup Language|HTML]] ou [[XHTML]].
* Mise au point d'une [[charte graphique]].
* Choix et installation d'un [[Système de gestion de contenu]] ([[Système de publication pour l'internet partagé|SPIP]], [[wiki]] ...) ou choix d'un [[Éditeur HTML|éditeur de site web]] de type [[WYSIWYG]] (exemples : [[NVU]], [[Macromedia Dreamweaver]], [[Microsoft FrontPage]]) ou [[Éditeur de texte|texte]] (exemple : [[Bluefish]], [[Emacs]], ...).
* 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.
* Intégration de la [[charte graphique]] via les feuilles de styles [[feuilles de style en cascade|CSS]].
* Lancement du site : faire connaître le site peut se faire par plusieurs leviers : annonce, publicité, inscription dans des annuaires...
L'''[[Accessibilité du web|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]].
== Les constituants des pages ==
* La structure de la page, en [[Hypertext Markup Language|HTML]] ou en [[XHTML]]
* La mise en page via les feuilles de style [[feuilles de style en cascade|CSS]].
* Le graphisme avec des images [[Graphics Interchange Format|GIF]], [[Joint Photographic Experts Group|JPG]], [[Portable Network Graphics|PNG]].
* Des animations en [[Macromedia Flash|Flash]] ou en [[Scalable Vector Graphics|SVG]].
* Des objets multimédias.
* Des formulaires, éventuellement traités en [[Asynchronous JavaScript And XML|AJAX]].
== La programmation des services ==
{{voir|Programmation Web}}
== Voir aussi ==
{{Wikilivres|Création de site web|la création de site web}}
* [[Site web]]
* [[Page web]]
* [[Programmation web]]
* [[Web design]]
* [[Accessibilité du web]]
* [[Référencement]]
* [[Webmestre]]
== Liens externes ==
<!-- Wikipédia n'est pas un annuaire de liens externes : vous pouvez consulter et modifier la catégorie correspondante de l'annuaire web DMOZ. -->
* {{ODP|/World/Fran%c3%a7ais/Informatique/Internet/Conception_et_d%c3%a9veloppement/Conception_de_sites/|Conception de site}}
* {{ODP|/World/Français/Informatique/Internet/Conception_et_développement/Ressources/|Ressources pour la conception et développement Internet}}
* {{ODP|World/Français/Régional/Amérique/Canada/Commerce_et_économie/Informatique/Internet/Conception_de_sites/|Concepteurs de sites Internet}}
{{Portail informatique}}
[[Catégorie:Conception de sites web|*]]