La conception et la création de site web ou est la conception de l'interface web : l'architecture interactionnelle, l'organisation des pages, l'arborescence et la navigation dans un site web. La conception d'un design web tient compte des contraintes spécifiques du support Internet, notamment en matière d'ergonomie, d'utilisabilité et d'accessibilité.
Le web design réclame donc des compétences en programmation, en ergonomie et en interactivité, ainsi qu'une bonne connaissance des contraintes techniques liées à ce domaine. Ces contraintes techniques incluent la diversité des terminaux web et de leurs affichages, l'accessibilité, les spécificités des différents langages et processus, la portabilité, le respect des recommandations du World Wide Web Consortium
Le web design d'un site se présente en premier temps sous forme de maquette fonctionnelle accompagnée d’une architecture de l’information (arborescence) et de spécifications techniques : ergonomie, charte graphique, identité visuelle, marketing électronique, interactivité.
Un site web peut être constitué par une simple page statique au format HTML éventuellement mise en forme ou enrichie de CSS incluant des images et des liens vers d'autres contenus, ou constitué de contenus dynamiques ou l'on peut greffer des fonctionnalités pour le rendre interactif avec 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 base de données, par exemple MySQL ou MongoDB. L'évolution rapide de l'intelligence artificielle laisse entrevoir une tendance à la création de sites web de plus en plus automatisée, nécessitant une nouvelle expertise humaine pour les superviser et en affiner les résultats.
Histoire alt=Capture d'écran du navigateur World Wide Web|vignette|Capture d'écran du navigateur World Wide WebLe berceau du WebCERN - Berceau du Web se situe au CERN (Organisation Européenne pour la Recherche Nucléaire). C'est au sein de cette organisation que le Web fut inventé en 1989CERN - 1989 naissance du Web par une équipe de chercheurs notamment sous l'impulsion de Tim Berners-Lee et son collaborateur Robert Cailliau, ainsi que d'autres chercheursCERN - Collaborateurs du projet World Wide Web ayant à leur manière collaboré au projet initialement baptisé World Wide Web. À l'origine le projet World Wide Web fut conçu et développé "en combinant trois technologies qui sont les éléments de base du Web, c'est-à-dire, l'adressage web par URL qui indique la localisation de la ressource sur l'internet, le protocole de transfert HTTP qui indique la méthode d'accès, et le Hypertexte Markup langage HTML qui permet de structurer des ressources" afin que les personnes travaillant dans les universités et les instituts du monde entier puissent librement échanger des documents et partager les informations utiles à leurs activités, tissant ainsi la première toile (en anglais : Web) sur le Net.
Les précurseurs de l'internet ne s'arrêtent pas aux bases combinatoires des technologies de communication du web, en 1990 ils développent également le premier serveur HTTP sur l'environnement NeXTSTEP, et le client web développés en Objective-C, un navigateur combiné à un éditeur dénommé WorldWideWebCERN - Vue du Navigateur WWW (WorldWideWeb) mais rapidement rebaptisé Nexus pour éviter toutes confusions avec le nom World Wide Web qui lui s'écrit avec des espaces. Ils réunissent ainsi les éléments indispensables constituant le premier site Web accessible à un public utilisant le principe de disponibilité de type serveur/client apte à favoriser la mise en commun généralisée dans un espace créatif.
Le premier site web destiné au projet World Wide WebCERN - Le premier site Web destiné au projet World Wide Web lui-même lui-même fut créé au CERN et était hébergé sur l'ordinateur NeXTCERN - Ordinateur NeXT de TBL de Tim Berners Lee, L'idée de base du projet World Wide Web était de combiner les technologies des ordinateurs personnels, des réseaux informatiques et de l'hypertexte pour créer un système d'information mondial, puissant et facile à utiliser.
En 1991, Le site Web fit ses premiers pas hors du CERN, celui-ci comportait des informations relatives au navigateur WWW et décrivait les principales caractéristiques du web. Le site contenait des explications sur la manière d'accéder aux documents d’autres personnes, comment configurer son propre serveur, des enseignements sur l'hypertexte et les notions de lien hypertexte, des détails techniques pour créer une page Web personnelle et des explications sur la manière de rechercher des informations sur la Toile, (voir tout premier site Web)... faisant de Tim Barners-Lee le premier concepteur de site Web sur internet.
Premiers pas 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 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 du web, en offrant de nouvelles possibilités aux concepteurs de sites. Flash est cependant beaucoup plus restrictif que le HTML, car c'est un format protégé par Macromedia, nécessitant un plug-in pour être affiché.
Une technique assez récente, dite « codage à distance » permet d'utiliser Internet de façon plus dynamique, sans plug-in ni applications spécialisées. Le chef de file de ces technologies est AJAX, mais AJAX n'a pas encore accédé au statut de norme.
Impact de l'intelligence artificielle sur la création de sites web Dans les années 2020, l'apparition de l'IA et du No code modifie profondément la conception de sites web, et le secteur économique associé. Les outils basés sur l'IA permettent, de plus en plus aisément, d'automatiser la conception, l'optimisation et la gestion des sites web, réduisant ainsi le besoin d'intervention humaine et accélérant les processus de développement.
Dans le secteur du logiciel libre, un « générateur de sites web » alimenté par l'IA, Mozilla Solo émerge, pouvant créer en ligne des plateformes Web, sans nécessiter de compétences en programmation. L'IA produit une mise en page adaptée aux besoins de l'utilisateur, peut générer du contenu optimisé, dont en améliorant le SEO (Search engine optimization) et les performances des sites web.
D'autres outils, déjà mis sur le marché, automatisent la conception et l'optimisation du site, dont pour le référencement et parfois le marketing, la traduction automatique, la réécriture de texte, la personnalisation du style. Ce sont notamment : Google Lighthouse ; Wix ADI (Artificial Design Intelligence) ; HubSpot AI Website Generator, Renderforest AI Website Builder ; Hostinger AI Website Builder ; Framer.
Cette tendance soulève des questions éthiques et socioéconomiques, notamment car l'IA se développe plus vite que sa régulation et son encadrement (alors que des cybercriminels utilisent des modèles d'IA pour créer des sites ou des publicités convaincantes imitant des services officiels ou légitimes (qui doivent être détectés par d'autres IA) ; et Selon une étude menée par Mandiant (filiale de Google spécialisée en cybersécurité), plus de 2,3 millions d'internautes européens ont déjà été exposés à ces publicités frauduleuses, notamment sur Linkedin et Facebook (Meta), utilisant des malwares comme STARKVEIL, qui cible les extensions de navigateur liées aux cryptomonnaies, et XWORM, qui enregistre les frappes clavier des victimes). De plus, avec la forte réduction des coûts de production, cette tendance a déjà commencé à bouleverser la structure du marché et les métiers du Web (avec une montée en compétence vers des rôles plus stratégiques et analytiques), tout en augmentant la pléthore d'information redondante, de désinformation, de publicité mensongère et de sites-piège à clics et/ou conçus pour générer du contenu trompeur, addictif, destiné à manipuler les internautes et/ou à collecter leurs données personnelles ; par exemple, selon une étude d'Ernst & Young (EY), 99 % des entreprises interrogées ont déjà investi dans l'IA, et 40 % d'entre elles y consacrent de 1 à 5 % de leur chiffre d'affaires. La régulation et l'encadrement de ces technologies restent des enjeux majeurs pour garantir une utilisation responsable et bénéfique à l'ensemble du secteur.
Étapes de la création En fonction du type de site, du contexte et des moyens disponibles pour sa mise en œuvre, certaines de ces étapes sont optionnelles voire inutiles. À chaque étapes correspondent des compétences spécialisées (ergonomie ; ergonomie des interfaces informatiques ; architecture de l'information ; accessibilité du web ; référencement ; rédaction Web, etc.), qui, depuis l'émergence de l'IAg tendent à être réalisées par des IA.
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 Choix d'une agence Web (dans le cas d'une sous-traitance du projet) 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 (exemples : SPIP, TYPO3, Drupal, Joomla!, Wiki, Wordpress, ...) ou d'un éditeur de site Web de type WYSIWYG (exemples : Adobe Dreamweaver, phpDesigner, Microsoft FrontPage, NVU, KompoZer, Webself, iziSpot) [Les exemples donnés sont obsolète étant donné que ces éditeurs de site Web n'existent plus!] ou texte (exemples : Bluefish, Emacs, Notepad++...). Conception : Création et rédaction du cahier des charges É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. Pour bien séparer la structure de la présentation, les feuilles de styles CSS sont utilisées. Éventuels développements dynamiques (formulaire, services, etc.) Tests unitaires 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... La mise à jour : la mise à jour est une action fondamentale de la vie d’un site web. Elle consiste à actualiser, à modifier et à faire évoluer le contenu graphique, textuel, visuel et même la structure et les fonctionnalités du site web.