Vous êtes sur la page 1sur 5

Site web

3 Organisation d'un projet web

Site internet redirige ici. Pour les autres signications, voir Internet et Internet Exchange Point.

Cette section doit tre recycle. Une rorganisation et


une clarication du contenu sont ncessaires. Discutez
des points amliorer en page de discussion.

Un site[1] , site web (de l'anglais website, littralement


site de la toile d'araigne en franais) est un ensemble
de pages web et de ressources lies et accessible par une
adresse web. Un site web est hberg sur un serveur web,
lui-mme accessible via un rseau internet ou intranet. Le
site web contient textes et multimdia.

Les direntes tapes de la conduite d'un projet web


peuvent tre rsumes ainsi[3] :
1. lancement : tude des besoins, de la concurrence
et de l'existant pour l'tablissement d'un cahier des
charges ;

Histoire

2. conception : laboration de la structure (arborescence), du contenu des pages web, du graphisme, qui
font partie du cahier des charges fonctionnel ;

Le World Wide Web (WWW) a t cr en 1989 par lingnieur anglais du CERN Tim Berners-Lee. Le web a t
basiquement conu pour partager automatiquement des
informations entre les scientiques, universits et instituts
du monde entier. info.cern.ch fut le premier site web mis
en ligne, fonctionnant sur un ordinateur NeXT au CERN.
Ce site est toujours accessible sur internet[2] .

3. ralisation : voir ci-dessous ;


4. production : le site est mis en ligne, devient accessible au public cibl ;

5. exploitation : phase de maintenance et de promotion


Avant lintroduction de HTML et HTTP, dautres protodu site, avec notamment le rfrencement naturel
coles tels que FTP et Gopher taient utiliss pour obtenir
(Netlinking) ou payant (Google Adwords, Microsoft
des chiers depuis un serveur. Ces protocoles oraient
Adcenter, ou autres).
une organisation hirarchique de rpertoires dans lesquels
lutilisateur naviguait et choisissait les chiers tlchar- L'tape de ralisation comprend :
ger. Les documents taient principalement des chiers
texte sans mise en page et des chiers encods par un
la rservation et gestion d'un nom de domaine
traitement de texte.
(ladresse web laquelle le site est accessible) ;

la mise en uvre d'une infrastructure d'hbergement


du site (serveurs web, base de donnes...) ;

Dnition

le dveloppement de l'interface utilisateur (frontend), la partie visible dans le navigateur ; les difAujourdhui, le Web est accessible via le protocole HTTP
frentes pages sont dcrites en langages connus des
(HyperText Transfer Protocol) et les URL (Uniform Renavigateurs web, principalement HTML, CSS et
source Locator). Les chiers hbergs sur le site web reJavaScript.
Les lments graphiques sont intgrs
posent sur du HTML (HyperText Markup Language) +
dans
ces
pages
;
d'autres langages complmentaires. Le protocole HTTP
permet au client (gnralement via un navigateur web)
le dveloppement de l'arrire plan (backend), la pard'accder des ressources par un URL. HTML et de
tie qui fonctionne ct serveur.
structurer les donnes ou lier les ressources entre elles,
notamment avec des liens hypertexte.
La cration d'un site peut tre cone une agence web
On parle parfois de site internet au lieu de site web. ou faite soi-mme. Si la cration est cone une agence
On devrait parler de website destination d'internet, mais web il est important en amont d'avoir dni un premier
par abus de langage, l'expression site internet reste sou- cadrage ou cahier des charges du projet[4] . Pour dvevent utilise. Les websites ne sont pas forcment ac- lopper un site web soi-mme, il est possible d'utiliser un
cessibles sur internet. Par exemple, les intranet peuvent diteur de pages web ; pour les dveloppeurs web avertis,
contenir un ou plusieurs sites web non accessibles via in- un simple diteur de texte peut sure. On peut aussi avoir
recours un systme de gestion de contenu.
ternet.
1

Systmes de gestion de contenu

Les systmes de gestion de contenu (initiales SGC,


CMS en anglais) permettent de fabriquer des sites internet en utilisant des modles pr tablis faits par des
programmeurs ou des communauts de programmeurs
(voir Liste de systmes de gestion de contenu). Ces logiciels sont disponibles pour les dbutants et simplient certaines tapes comme la programmation informatique ou
l'architecture du site. Les procdures de demande du nom
de domaine, d'hbergement du site et de rfrencement
sont semblables aux sites personnaliss classiques.

Structure des pages

Un site web est un ensemble de pages qui peuvent tre


consultes en suivant des hyperliens l'intrieur du site.
L'adresse web d'un site correspond en fait l'URL d'une
page web, prvue pour tre la premire consulte : la page
d'accueil. La consultation des pages d'un site sappelle
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, particulirement
lorsque son URL est donne par un moteur de recherche.
Techniquement, rien ne distingue la page d'accueil d'une
autre page.

NOMBRE

Le CSS permet de la dcorer ;


JavaScript permet d'ajouter du dynamisme, mais
uniquement du ct du navigateur (par exemple des
animations graphiques).

6.2 Sites dynamiques


Au contraire ces sites orent un contenu qui peut voluer
dans le temps. Des programmes tournent du ct des serveurs, l'arrire plan, (backend) pour gnrer les pages
du site. Ces programmes peuvent se servir de bases de
donnes ou autres sources de donnes pour composer les
pages qui seront aches dans le navigateur.
Ce dynamisme apporte des fonctionnalits que ne
peuvent orir les sites dits statiques. Par exemple les visiteurs peuvent y participer (commentaires sur un blog,
changement du contenu des pages d'un wiki...). Pour les
raliser, on a galement besoin de HTML, de CSS et de
JavaScript, mais les programmes qui tournent du ct serveur utilisent d'autres langages qui peuvent crer dynamiquement les pages. Il existe plusieurs langages pour crer
ces pages (Java, C#, PHP, Ruby, Python, etc.). Leurs
rles est d'analyser les requtes des visiteurs pour ensuite
fabriquer une rponse adapte.

7 Nombre
6

Sites statiques et dynamiques

Le nombre de sites web est en progression constante[5],[6] :

Cette section doit tre recycle. Une rorganisation et


une clarication du contenu sont ncessaires. Discutez
7.1
des points amliorer en page de discussion.

En fonction de la taille et du type


d'entreprise

On distingue deux types de sites : les sites statiques et les Le nombre de sites a augment rapidement en 2005 et en
sites dynamiques.
2006 grce la popularit croissante des blogs, des pages
personnelles et des sites de petites entreprises.[rf. ncessaire]

6.1

Sites statiques

Ces sites ont le mcanisme de fonctionnement le plus 7.2 Selon les pays
simple : les URL correspondent un chier renvoy par
[8]
le serveur web. Le contenu des pages d'un site statique En juillet 2002, les statistiques , en nombre de sites par
ne dpend donc pas de variables telles que la date ou de habitant, montrent une disparit trs forte entre les pays :
bases de donnes. Pour changer le contenu d'une page, il
est ncessaire de changer le contenu du chier.

Allemagne : 85
En outre, les visiteurs peuvent seulement voir le contenu du site mais pas y participer. Pour les raliser, seuls

Danemark : 72
les langages dits de d'interface utilisateur (frontend) sont
ncessaires, c'est--dire HTML, CSS et JavaScript (en

Royaume-Uni : 64
thorie, il est toutefois possible d'utiliser uniquement le
HTML).

tats-Unis : 64
Le HTML permet d'crire le contenu de sa page ;

France : 11

Technologies

9 Maintenance de site web

Les technologies mises en uvre pour un site web sont La maintenance dun site web consiste en gnral sassumultiples. On peut les classer ainsi :
rer de son bon fonctionnement ; on peut distinguer quatre
types de maintenances :

8.1

Protocoles de communication
9.1 La maintenance corrective

Hypertext Transfer Protocol (HTTP)


Hypertext Transfer Protocol Secured (HTTPS)

8.2

Elle consiste corriger les problmes et les dfauts de fonctionnement ayant survenu dune manire
inattendue[9] .

Formats de contenus web


9.2 La maintenance prventive

Formats de documents :
Hypertext Markup Language (HTML) ;
Extensible
(XHTML).

HyperText

Markup

Language

Cascading Style Sheets (En franais : Feuilles de


style en cascade) (CSS).

Un problme a t identi, mais nest pas apparu ; alors,


pour prvenir le dysfonctionnement dun site web, on va
corriger le bug lavance.

9.3 La maintenance volutive

La maintenance volutive consiste amliorer les services dun site web et dajouter de nouvelles fonctionnaFormats d'images graphiques. Utiliss pour agrmenter lits pour quil soit adapt aux nouvelles exigences des
les pages et sont reconnus par tous les navigateurs web.
utilisateurs.
Graphics Interchange Format (GIF)

9.4 La maintenance adaptative

JPEG File Interchange Format (JFIF)


La maintenance adaptative consiste amliorer le contenu dun site web pour quil soit compatible avec les nouvelles contraintes technologiques (navigateurs, taille des
Autres formats souvent utiliss, requirent un module crans).
d'extension, ou plug-in, sur le navigateur pour fonctionner :
Portable Network Graphics (PNG) ;

10 Rglementation en France
Applets Java
Macromedia Flash

Article dtaill : Obligations lgales sur Internet en


France.

SVG

8.3

Technologies serveur

Les contenus mis en ligne par l'intermdiaire d'un site


web doivent respecter les rgles lgales et en particulier :

Server Side Includes (SSI) ;

les droits d'auteur ;

PHP : Hypertext Preprocessor (PHP) ;

les droits l'image et la vie prive de chacun ;

JavaServer Pages (JSP) ;

la loi informatique et liberts (sur les donnes personnelles) ;

JavaServer Faces (JSF) ;


Common Gateway Interface (CGI) ;
Base de donnes ;
Active server pages (ASP).

la loi pour la conance dans l'conomie numrique ;


le droit de la presse ;
la loi relative la protection pnale de la proprit
littraire et artistique sur internet.

12

Un certain nombre de mentions lgales doivent galement 12


gurer sur les sites dans une rubrique du mme nom an
de donner aux internautes les informations obligatoires
12.1
prvues par les dirents textes de loi.
Depuis la rforme du droit d'auteur en 2006[10] , il existe
un dpt lgal de l'Internet[11] . Dans une logique de continuit des collections, la loi DADVSI prvoit le partage de
l'archivage du web entre deux institutions dpositaires :
l'Institut National de l'Audiovisuel gre le dpt lgal des
sites du web mdiatique tandis que la Bibliothque nationale de France est charg d'archiver l'ensemble des
autres sites du web franais. Elles collectent essentiellement les .fr mais aussi l'ensemble des noms de domaine dont l'diteur est install en France, quelle que soit
l'extension[12] .

Voir aussi
Articles connexes

Catgorie:Site web
Portail web
Page web
Page d'accueil
Conception de sites web / Web design
Programmation web
World Wide Web
Rfrencement

11

Notes et rfrences

Monitoring de site web


Web 2.0

Cet article est partiellement ou en totalit issu de


l'article intitul Maintenance de site web (voir
la liste des auteurs).
[1] Terme recommand par la Commission gnrale de terminologie et de nologie. Journal ociel du 8 dcembre
2002. Voir : FranceTerme.
[2]
[3] Vincent Hiard, Gestion d'un projet web : Planication,
pilotage et bonnes pratiques, ditions ENI, 2011 (ISBN
2746068273).
[4] Le modle de cahier des charges de site Internet ,
cdcsiteinternet, 2013
[5] En juillet 2009, l'occasion des 20 ans du Web, une
tude du CERN recense cette volution. Source :Jean-Paul
Pinte, Le Web invisible : l'antre du cybercrime , Pour
la Science, no 70, janvier-mars 2011, p. 100
[6] Source : Netcraft
[7] http://news.netcraft.com/archives/category/
web-server-survey/
[8] Nombre de sites web par pays - Achats-industriels.com
[9] Christophe AUBRY, Crez votre premier site web, Editions ENI, juin 2015, 500 p. (ISBN 978-2746095656)
[10] Lgifrance LOI no 2006-961 du 1er aot 2006 relative
au droit d'auteur et aux droits voisins dans la socit de
l'information.
[11] Lgifrance Code du patrimoine - Article L. 131-2.
[12] Lgifrance Code du patrimoine - Article R. 132-23.

Humans.txt

Portail de linformatique

Portail dInternet

VOIR AUSSI

13
13.1

Sources, contributeurs et licences du texte et de limage


Texte

Site web Source : https://fr.wikipedia.org/wiki/Site_web?oldid=120236634 Contributeurs : Med, Hemmer, Treanna, Kelson, Oz, ChristopheDucamp, Jusjih, Koyuki, P-e, FoeNyx, Deelight, Sebjarod, Michel BUZE, Tieno, Spooky, Phe, Marc Mongenet, MedBot, Iznogood,
VIGNERON, Oblic, Tomdesp, Phe-bot, JB, Elguht, Romainhk, Lachaume, Spone, Escaladix, Foxandpotatoes, Comte0, Keriluamox, Jonathaneo, Hbbk, NeMeSiS, Ayin, Remi~frwiki, Chris a liege, Kyle the hacker, Baronnet, Nicolas Ray, Bob08, Eden2004, Ork, Sherbrooke,
Padawane, Gdgourou, DocteurCosmos, Chobot, Gribeco, Seb35, Stanlekub, Lgd, Dereckson, Inisheer, A3nm, Arnaud.Serander, MaThQc, Gzen92, Toujri, Neustradamus, Pfv2, Ash Crow, ThierryMallard, Zelda, Tieum512, Ico, MMBot, Litlok, Mi Ga, Rudlo, Loveless,
Tiretdu8, DonCamillo, Shawn, Benjism89, Oxo, Boretti, Dadu, Freewol, Martinwilke1980, Pautard, Alex54~frwiki, Goelano, Fabrice Ferrer, Gonioul, Papa6, Esprit Fugace, Jmax, IP 84.5, Wakdo, Asclepias, Epsilon0, Descartes, Ton1, Erwan Corre, Zyxwvut-Bot, Kertraon,
Bahanix, Acer11, Coccico2345, Chaoborus, Grimlock, Jarfe, En passant, Creasy, Megane Lavou, Sebk, Troover, Laurent Nguyen, Sub,
JAnDbot, Calcineur, Thesupermat, IAlex, Jimmy, Auxerroisdu68, Nono64, Sebleouf, Alchemica, Matrix76, Zawer, Simon Villeneuve,
Chinox, Bilel Hawari, Wikig, Salebot, Pamputt, Akeron, Speculos, Zorrobot, Stef48, Samsa, Isaac Sanolnacov, Idioma-bot, Shiningfm,
Vortesteur, Bapti, VolkovBot, Tognopop, Theoliane, Mikay, AmaraBot, Melkor73, -Nmd, Synthebot, Aclan, AMNESYAS, Ekeller,
Vl.fr.25, SieBot, Arnoldo18, Pilone~frwiki, Groumphy, Punx, JLM, Felixggenest, Kyro, Udufruduhu, Marek2, Gareldairlines, Hercule,
Gnieark, DumZiBoT, Caramel49, Fatabbot, Alphos, Balougador, Chatsam, Mateo731, Kolossus, Eee, Misterjohns, Kintaro, Letartean, Linedwell, USER75, Komercia, Bubs wikibot, Lamelou64, JackPotte, Mickaelgodart, JeanBono, Swek60, CarsracBot, Mr.ilias, Mr. Frank,
Luckas-bot, Amirobot, Sky3RN, Tchapim, GrouchoBot, Nakor, Dr Brains, Talabot, Moipaulochon, Danielpremier, Liondefeu, Meomari, Wiki-User03, Laurgir, Cantons-de-l'Est, F4lco, Xqbot, Reclame, Rubinbot, Kanabiz, AStarBot, Lomita, Nadyalogie, RedBot, Fabizor,
Visite fortuitement prolonge, Bebelsan, LaurentFR, Soldatryan59, TjBot, EmausBot, Salsero35, Poiree445, Ediacara, Kilith, ZroBot,
Erasmus.new, Wm phil, Yziprod, Sandrinet, Jtribal, Trocjack, Pato5127, WikitanvirBot, Jules78120, Mathdub, Avinain, 0x010C, BenjaminPB, Mamadoupaolokader, Indushugo, OrlodrimBot, Le pro du 94 :), Vagobot, Lepicier, Mathis B, FDo64, Minsbot, Vindro, Titlutin,
Mattho69, Masterjoa, Metamorforme42, Gogo123456789, Bilibret56, Loup Solitaire 81, StarusBot, X-immo, Kagaoua, Addbot, Pbaronet,
Thibaut120094, Mathis73, Rayen Ben ALI, Megzari manal, Do not follow, MAXpit37, Djoulgarnayni bobbo, Editorial board II, Amadou
Nasrou Dicko et Anonyme : 247

13.2

Images

Fichier:Applications-internet.svg Source : https://upload.wikimedia.org/wikipedia/commons/7/70/Applications-internet.svg Licence :


Public domain Contributeurs : The Tango ! Desktop Project Artiste dorigine : The people from the Tango ! project
Fichier:Confusion_colour.svg Source : https://upload.wikimedia.org/wikipedia/commons/6/6f/Confusion_colour.svg Licence : Public
domain Contributeurs : Travail personnel Artiste dorigine : Bubs
Fichier:Crystal_mycomputer.png Source : https://upload.wikimedia.org/wikipedia/commons/e/e3/Crystal_mycomputer.png Licence :
LGPL Contributeurs : All Crystal icons were posted by the author as LGPL on kde-look Artiste dorigine : Everaldo Coelho (YellowIcon) ;
Fichier:Disambig_colour.svg Source : https://upload.wikimedia.org/wikipedia/commons/3/3e/Disambig_colour.svg Licence : Public domain Contributeurs : Travail personnel Artiste dorigine : Bubs
Fichier:Flag_of_Denmark.svg Source : https://upload.wikimedia.org/wikipedia/commons/9/9c/Flag_of_Denmark.svg Licence : Public
domain Contributeurs : Travail personnel Artiste dorigine : User:Madden
Fichier:Flag_of_France.svg Source : https://upload.wikimedia.org/wikipedia/commons/c/c3/Flag_of_France.svg Licence : Public domain Contributeurs : http://www.diplomatie.gouv.fr/de/frankreich_3/frankreich-entdecken_244/portrat-frankreichs_247/
die-symbole-der-franzosischen-republik_260/trikolore-die-nationalfahne_114.html Artiste dorigine : This graphic was drawn by SKopp.
Fichier:Flag_of_Germany.svg Source : https://upload.wikimedia.org/wikipedia/commons/b/ba/Flag_of_Germany.svg Licence : Public
domain Contributeurs : ? Artiste dorigine : ?
Fichier:Flag_of_the_United_Kingdom.svg Source : https://upload.wikimedia.org/wikipedia/commons/a/ae/Flag_of_the_United_
Kingdom.svg Licence : Public domain Contributeurs : Travail personnel per data at http://flagspot.net/flags/gb.html Artiste dorigine :
Original ag by Acts of Union 1800
Fichier:Flag_of_the_United_States.svg Source : https://upload.wikimedia.org/wikipedia/commons/a/a4/Flag_of_the_United_States.
svg Licence : Public domain Contributeurs : SVG implementation of U. S. Code : Title 4, Chapter 1, Section 1 [1] (the United States
Federal Flag Law). Artiste dorigine : Dbenbenn, Zscout370, Jacobolus, Indolences, Technion.

13.3

Licence du contenu

Creative Commons Attribution-Share Alike 3.0