Site web

5
7/21/2019 Site web http://slidepdf.com/reader/full/site-web-56da5b9cb4478 1/5 Site web « Site internet » redirige ici. Pour les autres signifi- cations, voir Internet et Internet Exchange Point. Un  site [1] ,  site web  (de l'anglais  website, littéralement « site de la toile d'araignée » en français) est un ensemble de pages web et de ressources liées et accessible par une adresse web. Un site web est hébergé sur un serveur web, lui-même accessible viaun réseau internet ou intranet . Le site web contient textes et multimédia. 1 Histoire Le World Wide Web (WWW) a été créé en 1989 par l’in- génieur anglais du CERN Tim Berners-Lee . Le web a été basiquement conçu pour partager automatiquement des informations entre lesscientifiques,universitésetinstituts 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] . Avant l’introduction de HTML et HTTP, d’autres proto- coles tels que FTP et Gopher étaient utilisés pour obtenir des fichiers depuis un serveur. Ces protocoles offraient une organisation hiérarchique derépertoiresdanslesquels l’utilisateur naviguait et choisissait les fichiers à téléchar- ger. Les documents étaient principalement des fichiers texte sans mise en page et des fichiers encodés par un traitement de texte. 2 Définition Aujourd’hui, le Web est accessible via le protocole HTTP ( HyperText Transfer Protocol ) et les URL ( Uniform Re- source Locator ). Les fichiers hébergés sur le site web re- posent sur du HTML ( HyperText Markup Language) + d'autres langages complémentaires. Le protocole HTTP permet au client (généralement via un navigateur web) d'accéder à des ressources par un URL. HTML et de structurer les données ou lier les ressources entre elles, notamment avec des liens hypertexte. On parle parfois de “site internet” au lieu de “site web”. On devrait parlerdewebsite à destination d'internet,mais par abus de langage, l'expression site internet reste sou- vent utilisée. Les websites ne sont pas forcément ac- cessibles sur internet. Par exemple, les intranet peuvent contenir un ou plusieurs sites web non accessibles via in- ternet. 3 Organisation d'un projet web Cette section doit être  recyclée. Une réorganisation et une clarification du contenu sont nécessaires. Discutez des points à améliorer en page de discussion. Les différentes étapes de la conduite d'un projet web peuvent être résumées ainsi [3] : 1. lancement : étude des besoins, de la concurrence et de l'existant pour l'établissement d'un cahier des charges ; 2. conception : élaboration de la structure (arbores- cence),ducontenudes pages web, du graphisme, qui font partie du cahier des charges fonctionnel ; 3. réalisation : voir ci-dessous; 4. production : le site est mis en ligne, devient acces- sible au public ciblé; 5. exploitation : phase de maintenance et de promotion du site, avec notamment le référencement naturel (Netlinking )oupayant(Google Adwords , Microsoft Adcenter, ou autres). L'étape de réalisation comprend :  la réservation et gestion d'un nom de domaine (l’adresse web à laquelle le site est accessible);  la miseenœuvre d'uneinfrastructured'hébergement du site (serveurs web, base de données...);  le développement de l'interface utilisateur (  fron- tend ), la partie visible dans le navigateur; les dif- férentes pages sont décrites en langages connus des navigateurs web, principalement HTMLCSS et JavaScript . Les éléments graphiques sont intégrés dans ces pages;  le développement de l'arrière plan (backend ), la par- tie qui fonctionne côté serveur. La création d'un site peut être confiée à une agence web ou faite soi-même. Si la création est confiée à une agence web il est important en amont d'avoir défini un premier cadrage ou cahier des charges du projet [4] . Pour déve- lopper un site web soi-même, il est possible d'utiliser un éditeur de pages web ; pour les développeurs web avertis, un simple éditeurdetexte peut suffire. On peut aussi avoir recours à un système de gestion de contenu. 1

description

web

Transcript of Site web

Page 1: Site web

7/21/2019 Site web

http://slidepdf.com/reader/full/site-web-56da5b9cb4478 1/5

Site web

« Site internet » redirige ici. Pour les autres signifi-cations, voir Internet et Internet Exchange Point.

Un   site[1],   site web (de l'anglais  website, littéralement« site de la toile d'araignée » en français) est un ensemblede pages web et de ressources liées et accessible par uneadresse web. Un site web est hébergé sur un serveur web,lui-même accessible via un réseau internet ou intranet. Lesite web contient textes et multimédia.

1 Histoire

Le World Wide Web (WWW) a été créé en 1989 par l’in-génieur anglais du CERN Tim Berners-Lee. Le web a étébasiquement conçu pour partager automatiquement desinformations entre les scientifiques, universitéset institutsdu monde entier. info.cern.ch fut le premier site web misen ligne, fonctionnant sur un ordinateur NeXT au CERN.Ce site est toujours accessible sur internet[2].

Avant l’introduction de HTML et HTTP, d’autres proto-

coles tels que FTP et Gopher étaient utilisés pour obtenirdes fichiers depuis un serveur. Ces protocoles offraientune organisation hiérarchique de répertoires dans lesquelsl’utilisateur naviguait et choisissait les fichiers à téléchar-ger. Les documents étaient principalement des fichierstexte sans mise en page et des fichiers encodés par untraitement de texte.

2 Définition

Aujourd’hui, le Web est accessible via le protocole HTTP

(HyperText Transfer Protocol ) et les URL (Uniform Re-source Locator ). Les fichiers hébergés sur le site web re-posent sur du HTML (HyperText Markup Language) +d'autres langages complémentaires. Le protocole HTTPpermet au client (généralement via un  navigateur web)d'accéder à des  ressources par un URL. HTML et destructurer les données ou lier les ressources entre elles,notamment avec des liens hypertexte.

On parle parfois de “site internet” au lieu de “site web”.On devrait parler de website à destination d'internet, maispar abus de langage, l'expression site internet reste sou-vent utilisée. Les websites ne sont pas forcément ac-

cessibles sur internet. Par exemple, les intranet peuventcontenir un ou plusieurs sites web non accessibles via in-ternet.

3 Organisation d'un projet web

Cette section doit être   recyclée. Une réorganisation etune clarification du contenu sont nécessaires. Discutezdes points à améliorer en page de discussion.

Les différentes étapes de la conduite d'un projet webpeuvent être résumées ainsi[3] :

1. lancement : étude des besoins, de la  concurrenceet de l'existant pour l'établissement d'un cahier descharges ;

2. conception : élaboration de la structure (arbores-

cence), du contenu des pages web, du graphisme, quifont partie du cahier des charges fonctionnel ;

3. réalisation : voir ci-dessous ;

4. production : le site est mis en ligne, devient acces-sible au public ciblé ;

5. exploitation : phase de maintenance et de promotiondu site, avec notamment le référencement naturel

(Netlinking) oupayant (Google Adwords, MicrosoftAdcenter, ou autres).

L'étape de réalisation comprend :

•   la réservation et gestion d'un   nom de domaine(l’adresse web à laquelle le site est accessible) ;

•   la miseen œuvre d'une infrastructure d'hébergementdu site (serveurs web, base de données...) ;

•   le développement de l'interface utilisateur   ( fron-

tend ), la partie visible dans le navigateur ; les dif-

férentes pages sont décrites en langages connus desnavigateurs web, principalement  HTML,  CSS   etJavaScript. Les éléments graphiques sont intégrésdans ces pages ;

•   le développement de l'arrière plan (backend ), la par-tie qui fonctionne côté serveur.

La création d'un site peut être confiée à une agence webou faite soi-même. Si la création est confiée à une agenceweb il est important en amont d'avoir défini un premiercadrage ou cahier des charges du projet[4]. Pour déve-lopper 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 textepeut suffire. On peut aussi avoirrecours à un système de gestion de contenu.

1

Page 2: Site web

7/21/2019 Site web

http://slidepdf.com/reader/full/site-web-56da5b9cb4478 2/5

2   7 NOMBRE 

4 Systèmes de gestion de contenu

Les   systèmes de gestion de contenu   (initiales   SGC ,CMS  en anglais) permettent de fabriquer des sites in-ternet en utilisant des modèles pré établis faits par desprogrammeurs ou des communautés de programmeurs(voir Liste de systèmes de gestion de contenu). Ces logi-ciels sontdisponiblespour lesdébutantset simplifient cer-taines étapes comme la programmation informatique oul'architecture du site. Les procédures de demande du nomde domaine, d'hébergement du site et de référencementsont semblables aux sites personnalisés classiques.

5 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'unepageweb, prévue pour être la première consultée : la paged'accueil. La consultation des pages d'un site s’appelleune « visite », car les hyperliens devraient permettre deconsulter toutes les pages du site sans le  quitter  (sans de-voir consulter une page web hors du site). Une visite peutcommencer par n'importe quelle page, particulièrementlorsque son URL est donnée par un moteur de recherche.Techniquement, rien ne distingue la page d'accueil d'uneautre page.

6 Sites statiques et dynamiques

Cette section doit être  recyclée. Une réorganisation etune clarification du contenu sont nécessaires. Discutezdes points à améliorer en page de discussion.

On distingue deux types de sites : les sites statiques et lessites dynamiques.

6.1 Sites statiques

Ces sites ont le mécanisme de fonctionnement le plussimple : les URL correspondent à un fichier renvoyé parle serveur web. Le contenu des pages d'un site statiquene dépend donc pas de variables telles que la date ou debases de données. Pour changer le contenu d'une page, ilest nécessaire de changer le contenu du fichier.

En outre, les visiteurs peuvent seulement voir le conte-nu du site mais pas y participer. Pour les réaliser, seulsles langages dits de d'interface utilisateur ( frontend ) sontnécessaires, c'est-à-dire HTML, CSS  et   JavaScript (enthéorie, il est toutefois possible d'utiliser uniquement le

HTML).

•  Le HTML permet d'écrire le contenu de sa page ;

•  Le CSS permet de la décorer ;

•   JavaScript permet d'ajouter du dynamisme, maisuniquement du côté du navigateur (par exemple desanimations graphiques).

6.2 Sites dynamiques

Au contraire ces sites offrent un contenu qui peut évoluerdans le temps. Des programmes tournent du côté des ser-veurs, à l'arrière plan, (backend ) pour générer les pagesdu site. Ces programmes peuvent se servir de bases dedonnées ou autres sources de données pour composer lespages qui seront affichées dans le navigateur.

Ce dynamisme apporte des fonctionnalités que nepeuvent offrir les sites dits statiques. Par exemple les vi-siteurs peuvent y participer (commentaires sur un blog,changement du contenu des pages d'un wiki...). Pour lesréaliser, on a également besoin de HTML, de CSS et deJavaScript,mais les programmes qui tournent du côté ser-veur utilisent d'autres langages qui peuvent créer dynami-quement les pages. Il existe plusieurs langages pour créerces pages (Java, C#, PHP, Ruby, Python, etc.). Leursrôles est d'analyser les requêtes des visiteurs pour ensuitefabriquer une réponse adaptée.

7 Nombre

Le nombre desitesweb est enprogression constante[5],[6] :

7.1 En fonction de la taille et du type

d'entreprise

Le nombre de sites a augmenté rapidement en 2005 et en2006 grâce à la popularité croissante des blogs, des pagespersonnelles et des sitesde petites entreprises.[réf. nécessaire]

7.2 Selon les pays

En juillet 2002, les statistiques[8], en nombre de sites parhabitant, montrent une disparité très forte entre les pays :

•   Allemagne : 85 ‰

•   Danemark : 72 ‰

•   Royaume-Uni : 64 ‰

•   États-Unis : 64 ‰

•   France : 11 ‰

Page 3: Site web

7/21/2019 Site web

http://slidepdf.com/reader/full/site-web-56da5b9cb4478 3/5

3

8 Technologies

Les technologies mises en œuvre pour un site web sontmultiples. On peut les classer ainsi :

8.1   Protocoles de communication

•  Hypertext Transfer Protocol (HTTP)

•  Hypertext Transfer Protocol Secured (HTTPS)

8.2   Formats de contenus web

Formats de documents :

•  Hypertext Markup Language (HTML);

•  Extensible HyperText Markup Language(XHTML).

•  Cascading Style Sheets   (En français :   Feuilles de

style en cascade) (CSS).

Formats d'images graphiques. Utilisés pour agrémenterles pages et sont reconnus par tous les navigateurs web.

•  Graphics Interchange Format (GIF)

•  JPEG File Interchange Format (JFIF)

•  Portable Network Graphics (PNG);

Autres formats souvent utilisés, requièrent un  moduled'extension, ou plug-in, sur le navigateur pour fonction-ner :

•  Applets Java

•  Macromedia Flash

•   SVG

8.3 Technologies serveur

•  Server Side Includes (SSI);

•  PHP : Hypertext Preprocessor (PHP);

•  JavaServer Pages (JSP);

•  JavaServer Faces (JSF) ;

•  Common Gateway Interface (CGI);

•  Base de données ;

•  Active server pages (ASP).

9 Maintenance de site web

La maintenance d’un site web consiste en général à s’assu-rer de son bon fonctionnement ; on peut distinguer quatretypes de maintenances :

9.1 La maintenance corrective

Elle consiste à corriger les problèmes et les dé-fauts de fonctionnement ayant survenu d’une manièreinattendue[9].

9.2 La maintenance préventive

Un problème a été identifié, mais n’est pas apparu ; alors,pour prévenir le dysfonctionnement d’un site web, on va

corriger le bug à l’avance.

9.3 La maintenance évolutive

La maintenance évolutive consiste à améliorer les ser-vices d’un site web et d’ajouter de nouvelles fonctionna-lités pour qu’il soit adapté aux nouvelles exigences desutilisateurs.

9.4 La maintenance adaptative

La maintenance adaptative consiste à améliorer le conte-nu d’un site web pour qu’il soit compatible avec les nou-velles contraintes technologiques (navigateurs, taille desécrans…).

10 Réglementation en France

Article détaillé :   Obligations légales sur Internet enFrance.

Les contenus mis en ligne par l'intermédiaire d'un siteweb doivent respecter les règles légales et en particulier :

•   les droits d'auteur ;

•   les droits à l'image et à la vie privée de chacun;

•   la loi informatique et libertés (sur les données per-sonnelles) ;

•   la loi pour la confiance dans l'économie numérique ;

•   le droit de la presse ;

•   la loi relative à la protection pénale de la propriétélittéraire et artistique sur internet.

Page 4: Site web

7/21/2019 Site web

http://slidepdf.com/reader/full/site-web-56da5b9cb4478 4/5

4   12 VOIR AUSSI 

Un certain nombre de mentions légales doivent égalementfigurer sur les sites dans une rubrique du même nom afinde donner aux internautes les informations obligatoiresprévues par les différents textes de loi.

Depuis la réforme du droit d'auteur en 2006[10], il existe

un dépôt légal de l'Internet

[11]

. Dans une logique de conti-nuité des collections, la loi DADVSI prévoit le partage del'archivage du web entre deux institutions dépositaires :l'Institut National de l'Audiovisuel gère le dépôt légal dessites du web médiatique tandis que la Bibliothèque na-tionale de France est chargé d'archiver l'ensemble desautres sites du web français. Elles collectent essentiel-lement les   .fr mais aussi l'ensemble des noms de do-maine dont l'éditeur est installé en France, quelle que soitl'extension[12].

11 Notes et références

•  Cet article est partiellement ou en totalité issu del'article intitulé « Maintenance de site web »  (voirla liste des auteurs).

[1] Terme recommandé par la Commission générale de ter-minologie et de néologie.  Journal officiel  du 8 décembre2002. Voir : FranceTerme.

[2]

[3] Vincent Hiard, Gestion d'un projet web : Planification,pilotage et bonnes pratiques, Éditions ENI, 2011 (ISBN2746068273).

[4]  « Le modèle de cahier des charges de site Internet »,cdcsiteinternet, 2013

[5] En juillet 2009, à l'occasion des 20 ans du Web, uneétudeduCERN recensecetteévolution. Source :Jean-PaulPinte, « 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, Créez votre premier site web, Edi-tions ENI, juin 2015, 500 p. (ISBN 978-2746095656)

[10]   Légifrance LOI no 2006-961 du 1er août 2006 relativeau droit d'auteur et aux droits voisins dans la société del'information.

[11]   Légifrance Code du patrimoine - Article L. 131-2.

[12]   Légifrance Code du patrimoine - Article R. 132-23.

12 Voir aussi

12.1 Articles connexes

•  Catégorie:Site web

•  Portail web

•  Page web

•  Page d'accueil

•  Conception de sites web / Web design

•  Programmation web

•  World Wide Web

•  Référencement

•  Monitoring de site web

•  Web 2.0

•  Humans.txt

•   Portail de l’informatique

•   Portail d’Internet

Page 5: Site web

7/21/2019 Site web

http://slidepdf.com/reader/full/site-web-56da5b9cb4478 5/5

5

13 Sources, contributeurs et licences du texte et de l’image

13.1 Texte

•   Site web Source :  https://fr.wikipedia.org/wiki/Site_web?oldid=120236634 Contributeurs :  Med, Hemmer, Treanna, Kelson, Oz, Christo-pheDucamp, Jusjih, Koyuki, P-e, FoeNyx, Deelight, Sebjarod, Michel BUZE, Tieno, Spooky, Phe, Marc Mongenet, MedBot, Iznogood,VIGNERON, Oblic, Tomdesp, Phe-bot, JB, Efilguht, Romainhk, Lachaume, Spone, Escaladix, Foxandpotatoes, Comte0, Keriluamox, Jo-nathaneo, 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, MaTh-Qc, Gzen92, Toujri, Neustradamus, Pfv2, Ash Crow, ThierryMallard, Zelda, Tieum512, Ico, MMBot, Litlok, Mi Ga, Rudloff, Loveless,Tiretdu8, DonCamillo, Shawn, Benjism89, Oxo, Boretti, Dadu, Freewol, Martinwilke1980, Pautard, Alex54~frwiki, Goelano, Fabrice Fer-rer, 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, Acélan, AMNESYAS, Ekeller,Vl.fr.25, SieBot, Arnoldo18, Pilone~frwiki, Groumphy, Punx, JLM, Felixggenest, Kyro, Udufruduhu, Marek2, Garfieldairlines, Hercule,Gnieark, DumZiBoT, Caramel49, Fatabbot, Alphos, Balougador, Chatsam, Mateo731, Kolossus, Eee, Misterjohns, Kintaro, Letartean, Li-nedwell, USER75, Komercia, Bub’s wikibot, Lamelou64, JackPotte, Mickaelgodart, JeanBono, Swek60, CarsracBot, Mr.ilias, Mr. Frank,Luckas-bot, Amirobot, Sky3RN, Tchapim, GrouchoBot, Nakor, Dr Brains, Talabot, Moipaulochon, Danielpremier, Liondefeu, Meoma-ri, Wiki-User03, Laurgir, Cantons-de-l'Est, F4lco, Xqbot, Reclame, Rubinbot, Kanabiz, AStarBot, Lomita, Nadyalogie, RedBot, Fabizor,Visite fortuitement prolongée, Bebelsan, LaurentFR, Soldatryan59, TjBot, EmausBot, Salsero35, Poiree445, Ediacara, Kilith, ZéroBot,

Erasmus.new, Wm phil, Yziprod, Sandrinet, Jtribal, Trocjack, Pato5127, WikitanvirBot, Jules78120, Mathdub, Avinain, 0x010C, Benja-minPB, 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, AmadouNasrou 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 d’origine :  The people from the Tango ! project

•   Fichier:Confusion_colour.svg  Source :  https://upload.wikimedia.org/wikipedia/commons/6/6f/Confusion_colour.svg  Licence :  Publicdomain  Contributeurs :  Travail personnel Artiste d’origine :  Bub’s

•   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 d’origine :  Everaldo Coelho (YellowIcon) ;

•   Fichier:Disambig_colour.svg Source :  https://upload.wikimedia.org/wikipedia/commons/3/3e/Disambig_colour.svg Licence :  Public do-main Contributeurs :  Travail personnel Artiste d’origine :  Bub’s

•   Fichier:Flag_of_Denmark.svg  Source :  https://upload.wikimedia.org/wikipedia/commons/9/9c/Flag_of_Denmark.svg  Licence :  Publicdomain  Contributeurs :  Travail personnel Artiste d’origine :  User:Madden

•   Fichier:Flag_of_France.svg   Source :   https://upload.wikimedia.org/wikipedia/commons/c/c3/Flag_of_France.svg   Licence :   Pu-blic 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 d’origine :  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 :  Publicdomain  Contributeurs : ? Artiste d’origine : ?

•   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 d’origine : 

Original flag 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 StatesFederal “Flag Law”). Artiste d’origine :  Dbenbenn, Zscout370, Jacobolus, Indolences, Technion.

13.3 Licence du contenu

•   Creative Commons Attribution-Share Alike 3.0