ETUDE COMPRATIVE DES LANGUAGE WEB.docx

7/21/2019 ETUDE COMPRATIVE DES LANGUAGE WEB.docx

1/21

ETUDE COMPRATIVE DES LANGUAGE WEB

Bennadi abdelkhalek

Chmimo yaine

Page 1


2/21

!"#i$oi%e de l&in$e%ne$

Lhi$oi%e d&In$e%ne$remonte au dveloppement des premiers rseauxde tlcommunication. Lide dun rseau informatique, permettant aux

utilisateurs de dirents ordinateursde communiquer, se dveloppa parde nombreuses tapes successives. La somme de tous cesdveloppements conduisit au rseau des rseaux network ofnetworks1! que nous connaissons au"ourd#ui en tant qu$%nternet. %l est lefruit & la fois de dveloppements tec#nologiques et du regroupementdinfrastructuresrseau existantes et de s'st(mes detlcommunications.

Les premi(res versions mettant en place ces ides apparurent & la )n desannes 1*+. Lapplication pratique de ces concepts commen-a & la )ndes annes 1*. /(s les annes 1*0, les tec#niquesque nous

reconnaissons maintenant comme les fondements d%nternet modernecommenc(rent & se rpandre autour du globe. /ans les annes 1**, sapopularisation passa par lapparition du orld ide eb.

Linfrastructure d%nternet se rpandit autour du monde pour crer le largerseau mondial dordinateurs que nous connaissons au"ourd#ui. %l serpandit au travers des pa's occidentauxpuis frappa & la porte des pa'sen voie de dveloppement, crant ainsi un acc(s mondial & linformationet aux communications sans prcdent ainsi quune fracture numrique.%nternet contribua & modi)er fondamentalement lconomie mondiale, 'compris avec les retombes de la bulle %nternet.

Chronologie slective

Les principales dates qui ont marqu l'histoire d'Internet sont :

Anne vnement

1958Les Laboratoires Bellcre le premier Modem permettant de transmettre des

donnes binaires sur une simple ligne tlphonique4

19!1

Leonard "leinroc#duMassachusetts Institute o$ %echnolog&publie une

premire thorie sur l'utilisation de lacommutation de paquetspour trans$rer

des donnes4

19!(

)but de la recherche par *+,*- une agence du dpartement de la )$ense

amricain- o. /0+ Lic#lider& d$end aec succs ses ides relaties 2 un

rseau global d'ordinateurs

19!4Leonard "leinroc#du MI% publie un lire sur la communication par

commutation de paquetspour raliser un rseau4

19!3 ,remire con$rence sur *+,*%

19!90onne6ion des premiers ordinateurs entre 4 uniersits amricaines ia

l'Interface Message Processorde Leonard "leinroc#

1931

(7 ordinateurs sont relis sur *+,*% noi du premier courriel par +a&

%omlinson

193( aissance du Interetor#ing or#ing roup- organisme charg de la gestion

Page 2
http://fr.wikipedia.org/wiki/Ordinateurhttp://fr.wikipedia.org/wiki/Histoire_d'Internet#cite_note-internationaloriginsandcollaborativevision-1http://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/Infrastructurehttp://fr.wikipedia.org/wiki/T%C3%A9l%C3%A9communicationhttp://fr.wikipedia.org/wiki/Ann%C3%A9es_1950http://fr.wikipedia.org/wiki/Ann%C3%A9es_1960http://fr.wikipedia.org/wiki/Ann%C3%A9es_1980http://fr.wikipedia.org/wiki/Techniquehttp://fr.wikipedia.org/wiki/Ann%C3%A9es_1990http://fr.wikipedia.org/wiki/World_Wide_Webhttp://fr.wikipedia.org/wiki/Pays_occidentauxhttp://fr.wikipedia.org/wiki/Fracture_num%C3%A9rique_(g%C3%A9ographique)http://fr.wikipedia.org/wiki/Bulle_Internethttp://fr.wikipedia.org/wiki/Laboratoires_Bellhttp://fr.wikipedia.org/wiki/Histoire_d'Internet#cite_note-Gandon-4http://fr.wikipedia.org/wiki/Histoire_d'Internet#cite_note-Gandon-4http://fr.wikipedia.org/wiki/1961http://fr.wikipedia.org/wiki/Leonard_Kleinrockhttp://fr.wikipedia.org/wiki/Massachusetts_Institute_of_Technologyhttp://fr.wikipedia.org/wiki/Massachusetts_Institute_of_Technologyhttp://fr.wikipedia.org/wiki/Massachusetts_Institute_of_Technologyhttp://fr.wikipedia.org/wiki/Commutation_de_paquetshttp://fr.wikipedia.org/wiki/Commutation_de_paquetshttp://fr.wikipedia.org/wiki/Histoire_d'Internet#cite_note-Gandon-4http://fr.wikipedia.org/wiki/Histoire_d'Internet#cite_note-Gandon-4http://fr.wikipedia.org/wiki/Defense_Advanced_Research_Projects_Agencyhttp://fr.wikipedia.org/wiki/D%C3%A9partement_de_la_D%C3%A9fensehttp://fr.wikipedia.org/wiki/D%C3%A9partement_de_la_D%C3%A9fensehttp://fr.wikipedia.org/wiki/J.C.R._Lickliderhttp://fr.wikipedia.org/wiki/Leonard_Kleinrockhttp://fr.wikipedia.org/wiki/Commutation_de_paquetshttp://fr.wikipedia.org/wiki/Histoire_d'Internet#cite_note-Gandon-4http://fr.wikipedia.org/wiki/Histoire_d'Internet#cite_note-Gandon-4http://fr.wikipedia.org/wiki/ARPANEThttp://fr.wikipedia.org/wiki/Interface_Message_Processorhttp://fr.wikipedia.org/wiki/Leonard_Kleinrockhttp://fr.wikipedia.org/wiki/Ray_Tomlinsonhttp://fr.wikipedia.org/wiki/Ray_Tomlinsonhttp://fr.wikipedia.org/wiki/Histoire_d'Internet#cite_note-internationaloriginsandcollaborativevision-1http://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/Infrastructurehttp://fr.wikipedia.org/wiki/T%C3%A9l%C3%A9communicationhttp://fr.wikipedia.org/wiki/Ann%C3%A9es_1950http://fr.wikipedia.org/wiki/Ann%C3%A9es_1960http://fr.wikipedia.org/wiki/Ann%C3%A9es_1980http://fr.wikipedia.org/wiki/Techniquehttp://fr.wikipedia.org/wiki/Ann%C3%A9es_1990http://fr.wikipedia.org/wiki/World_Wide_Webhttp://fr.wikipedia.org/wiki/Pays_occidentauxhttp://fr.wikipedia.org/wiki/Fracture_num%C3%A9rique_(g%C3%A9ographique)http://fr.wikipedia.org/wiki/Bulle_Internethttp://fr.wikipedia.org/wiki/Laboratoires_Bellhttp://fr.wikipedia.org/wiki/Histoire_d'Internet#cite_note-Gandon-4http://fr.wikipedia.org/wiki/1961http://fr.wikipedia.org/wiki/Leonard_Kleinrockhttp://fr.wikipedia.org/wiki/Massachusetts_Institute_of_Technologyhttp://fr.wikipedia.org/wiki/Commutation_de_paquetshttp://fr.wikipedia.org/wiki/Histoire_d'Internet#cite_note-Gandon-4http://fr.wikipedia.org/wiki/Defense_Advanced_Research_Projects_Agencyhttp://fr.wikipedia.org/wiki/D%C3%A9partement_de_la_D%C3%A9fensehttp://fr.wikipedia.org/wiki/D%C3%A9partement_de_la_D%C3%A9fensehttp://fr.wikipedia.org/wiki/J.C.R._Lickliderhttp://fr.wikipedia.org/wiki/Leonard_Kleinrockhttp://fr.wikipedia.org/wiki/Commutation_de_paquetshttp://fr.wikipedia.org/wiki/Histoire_d'Internet#cite_note-Gandon-4http://fr.wikipedia.org/wiki/ARPANEThttp://fr.wikipedia.org/wiki/Interface_Message_Processorhttp://fr.wikipedia.org/wiki/Leonard_Kleinrockhttp://fr.wikipedia.org/wiki/Ray_Tomlinsonhttp://fr.wikipedia.org/wiki/Ray_Tomlinsonhttp://fr.wikipedia.org/wiki/Ordinateur


3/21

d;Internet

1937L'*ngleterreet laorgere$orums de discussion? par des tudiants amricains

1987 *doption du protocole %0,=I,et du mot @InternetA

1987 ,remier sereur de noms de sites

1984 1 ordinateurs connects

1983 1 ordinateurs connects

1989 1 ordinateurs interCconnects

199 )isparition d'*+,*%

199 *nnonce publique du orld ide eb

199( 1 ordinateurs connects

1997 *pparition duaigateur eb0D* Mosaic

199! 7! ordinateurs connects( 6plosion de labulle internet>7!8 54 ordinateurs connects?

'"#i$oi%e d( )eb

Le World Wide Web(WWW), littralement la toile (daraigne) mondiale , communment

appel le Web, et parfois la Toile, est un systmehypertextepublic fonctionnant surInternet Le

!eb permet de consulter, a"ec un na"igateur, des pagesaccessibles sur dessitesLimage dela toile d#araigne"ient des hyperliens$ui lient les pages %eb entre elles note &

Le !eb nest $u#une des applications dInternet ' distincte dautres applications comme le courrier

lectroni$ue, la messagerie instantane, et le partage de fichiers en pair pair Le !eb a t

in"ent par im *erners+Leeet obert -ailliauplusieurs annes aprsInternet,mais cest lui $ui

a rendu les mdiasgrand public attentifs Internet .epuis, le !eb est fr$uemment confondu

a"ec Internet&' en particulier, le mot Toileest sou"ent utilis dans les textes non techni$ues sans

$uil dsigne clairement le !eb ouInternet

*"Le na+i,a$e(%

En navigateur webest un logicielconFu pour consulter le orld ide eb %echniquement-c'est au minimum un client G%%,

Il e6iste de nombreu6 naigateurs eb- pour toutes sortes de matriels >ordinateur personnel-

tablette tactile-tlphones mobiles- etc? et pour di$$rents s&stmes d'e6ploitation

>E=Linu6- indos-Mac HD- iHDet *ndroid? Les plus utiliss 2 l'heure actuelle sont-

oogle 0hrome- Moilla Jire$o6-Internet 6plorer- Da$ariet Hpera1

Page 3
http://fr.wikipedia.org/wiki/Angleterrehttp://fr.wikipedia.org/wiki/Angleterrehttp://fr.wikipedia.org/wiki/Norv%C3%A8gehttp://fr.wikipedia.org/wiki/Norv%C3%A8gehttp://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/TCP/IPhttp://fr.wikipedia.org/wiki/TCP/IPhttp://fr.wikipedia.org/wiki/TCP/IPhttp://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/World_Wide_Webhttp://fr.wikipedia.org/wiki/Navigateur_webhttp://fr.wikipedia.org/wiki/Navigateur_webhttp://fr.wikipedia.org/wiki/NCSA_Mosaichttp://fr.wikipedia.org/wiki/Bulle_internethttp://fr.wikipedia.org/wiki/Hypertextehttp://fr.wikipedia.org/wiki/Hypertextehttp://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/Navigateur_webhttp://fr.wikipedia.org/wiki/Page_webhttp://fr.wikipedia.org/wiki/Page_webhttp://fr.wikipedia.org/wiki/Site_webhttp://fr.wikipedia.org/wiki/Site_webhttp://fr.wikipedia.org/wiki/Toile_d'araign%C3%A9ehttp://fr.wikipedia.org/wiki/Hyperlienhttp://fr.wikipedia.org/wiki/World_Wide_Web#cite_note-1http://fr.wikipedia.org/wiki/Courrier_%C3%A9lectroniquehttp://fr.wikipedia.org/wiki/Courrier_%C3%A9lectroniquehttp://fr.wikipedia.org/wiki/Messagerie_instantan%C3%A9ehttp://fr.wikipedia.org/wiki/Partage_de_fichiers_en_pair_%C3%A0_pairhttp://fr.wikipedia.org/wiki/Tim_Berners-Leehttp://fr.wikipedia.org/wiki/Robert_Cailliauhttp://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/M%C3%A9diahttp://fr.wikipedia.org/wiki/World_Wide_Web#cite_note-2http://fr.wikipedia.org/wiki/World_Wide_Web#cite_note-2http://fr.wikipedia.org/wiki/World_Wide_Web#cite_note-2http://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/Logicielhttp://fr.wikipedia.org/wiki/World_Wide_Webhttp://fr.wikipedia.org/wiki/Client_HTTPhttp://fr.wikipedia.org/wiki/Client_HTTPhttp://fr.wikipedia.org/wiki/Ordinateur_personnelhttp://fr.wikipedia.org/wiki/Tablette_tactilehttp://fr.wikipedia.org/wiki/T%C3%A9l%C3%A9phones_mobileshttp://fr.wikipedia.org/wiki/T%C3%A9l%C3%A9phones_mobileshttp://fr.wikipedia.org/wiki/GNU/Linuxhttp://fr.wikipedia.org/wiki/Windowshttp://fr.wikipedia.org/wiki/Mac_OShttp://fr.wikipedia.org/wiki/Mac_OShttp://fr.wikipedia.org/wiki/IOS_(Apple)http://fr.wikipedia.org/wiki/Androidhttp://fr.wikipedia.org/wiki/Google_Chromehttp://fr.wikipedia.org/wiki/Mozilla_Firefoxhttp://fr.wikipedia.org/wiki/Internet_Explorerhttp://fr.wikipedia.org/wiki/Internet_Explorerhttp://fr.wikipedia.org/wiki/Safari_(logiciel)http://fr.wikipedia.org/wiki/Operahttp://fr.wikipedia.org/wiki/Navigateur_web#cite_note-1http://fr.wikipedia.org/wiki/Angleterrehttp://fr.wikipedia.org/wiki/Norv%C3%A8gehttp://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/TCP/IPhttp://fr.wikipedia.org/wiki/TCP/IPhttp://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/World_Wide_Webhttp://fr.wikipedia.org/wiki/Navigateur_webhttp://fr.wikipedia.org/wiki/NCSA_Mosaichttp://fr.wikipedia.org/wiki/Bulle_internethttp://fr.wikipedia.org/wiki/Hypertextehttp://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/Navigateur_webhttp://fr.wikipedia.org/wiki/Page_webhttp://fr.wikipedia.org/wiki/Site_webhttp://fr.wikipedia.org/wiki/Toile_d'araign%C3%A9ehttp://fr.wikipedia.org/wiki/Hyperlienhttp://fr.wikipedia.org/wiki/World_Wide_Web#cite_note-1http://fr.wikipedia.org/wiki/Courrier_%C3%A9lectroniquehttp://fr.wikipedia.org/wiki/Courrier_%C3%A9lectroniquehttp://fr.wikipedia.org/wiki/Messagerie_instantan%C3%A9ehttp://fr.wikipedia.org/wiki/Partage_de_fichiers_en_pair_%C3%A0_pairhttp://fr.wikipedia.org/wiki/Tim_Berners-Leehttp://fr.wikipedia.org/wiki/Robert_Cailliauhttp://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/M%C3%A9diahttp://fr.wikipedia.org/wiki/World_Wide_Web#cite_note-2http://fr.wikipedia.org/wiki/Internethttp://fr.wikipedia.org/wiki/Logicielhttp://fr.wikipedia.org/wiki/World_Wide_Webhttp://fr.wikipedia.org/wiki/Client_HTTPhttp://fr.wikipedia.org/wiki/Ordinateur_personnelhttp://fr.wikipedia.org/wiki/Tablette_tactilehttp://fr.wikipedia.org/wiki/T%C3%A9l%C3%A9phones_mobileshttp://fr.wikipedia.org/wiki/GNU/Linuxhttp://fr.wikipedia.org/wiki/Windowshttp://fr.wikipedia.org/wiki/Mac_OShttp://fr.wikipedia.org/wiki/IOS_(Apple)http://fr.wikipedia.org/wiki/Androidhttp://fr.wikipedia.org/wiki/Google_Chromehttp://fr.wikipedia.org/wiki/Mozilla_Firefoxhttp://fr.wikipedia.org/wiki/Internet_Explorerhttp://fr.wikipedia.org/wiki/Safari_(logiciel)http://fr.wikipedia.org/wiki/Operahttp://fr.wikipedia.org/wiki/Navigateur_web#cite_note-1


4/21

-"le .di$e(% )eb /

/n diteur !eb est un logiciel con0u pour faciliter la prparation et la modification dedocuments crits en 1ypertext mar2up language (13L) /n document 13L est leprincipal composant d#une page %eb Il existe deux catgories d#diteur 4

Les diteurs tel+tel (!56I!57) Les diteurs de texte

L#dition des images, des animations ou du son sont effectues a"ec les logicielsappropris /n diteur 13L ne sert $u# disposer ces ressources dans une page

!eb

Les pages offrant des ser"ices en plus de simples informations sont gnralementgnres la demande par des logiciels propres au site %eb -es logiciels utilisentfr$uemment les technologies 818, 968, :68, -7I ou 8erl et sont dits a"ec leslogiciels appropris

45156diteurs de t'pe 78%79 seul :

;n diteur 78%79 permet d$diter une page eb & peu pr(s tellequ$elle appara


5/21

4525 6diteurs de t'pe de t'pe mode texte seul :

Ces diteurs ditent directement en langage =>?L : le code ' appara?L, fonctionnant sur les s'st(mesd$exploitation indoAs. ;ne version ?acintos# a galement t publie en1**0.

/epuis dcembre 2, il a t remplac par ?icrosoft Bxpression eb et?icrosoft INce 8#arePoint /esigner.

Page +


6/21

;ront8age fut cr par la socit tre mis en "idence d#une fa0on asse?

facile gr@ce aux prfixes_vti_$ui figurent sur les noms des fichiers et dossiers crs par

;ront8age pour un site %eb tre utilis a"ec un systme d#exploitation du type D EF (6er"er ou

!or2station) ou encore !indo%s AG,et le but tait de permettre aux administrateurs

informati$ues de crer des sites %eb "olus de la m>me fa0on $ue s#ils utilisaient 3icrosoft!ord

;ront8age utilisait un groupe d#extensions connus sous le nom de II6 -es extensions furent

amliores par une nou"elle srie d#extensions pour permettre l#intgration de ;ront8age dans la

suite 3icrosoft Cffice ds &AAH -es nou"elles extensions furent appeles FrontPage Server

Extensions(;86) -es deux groupes d#extensions de"aient obligatoirement >tre installs sur la

machine cliente pour permettre le fonctionnement de ;ront8age

/ne "ersion pour 3ac C6a t publie en &AAJ, et bien $ue cette "ersion intgrait $uel$uesfonctionnalits supplmentaires par rapport la "ersion !indo%s, celle+ci ne fut Kamais mise

Kour

n FFB, 3icrosoft a annonc $ue 3icrosoft Cffice ;ront8age allait >tre remplac par deux

nou"eaux produits43icrosoft Cffice 6hare8oint .esigner$ui permet aux professionnels de

conce"oir des applications bases sur la technologie 6hare8oint et3icrosoft xpression !eb$ui

permet aux crateurs de sites %eb professionnels de crer de "ritables sites %eb 6uite cela,

le d"eloppement de 3icrosoft Cffice ;ront8age a t arr>t

?icrosoft INce FrontPage ore un environnement facilitant la cration, denouveaux outils de disposition et de cration, des mod(les, en plus de t#(mesoptimiss crs a)n de permettre de raliser un site Aeb sans avoir & conna?L!. ;ne certaine connaissance du code est parfois pratique etmme ncessaire dans certains cas.

Les utilisateurs de ?icrosoft INce ne seront pas trop dboussols lorsqu$ils seretrouveront dans FrontPage, l$interface de c#acun des produits de la suite?icrosoft INce tant relativement semblable, seules les fonctions propres auxprogrammes di(rent.

Page
http://fr.wikipedia.org/wiki/Cambridgehttp://fr.wikipedia.org/wiki/Massachusettshttp://fr.wikipedia.org/wiki/Massachusettshttp://fr.wikipedia.org/wiki/%C3%89tats-Unishttp://fr.wikipedia.org/wiki/%C3%89tats-Unishttp://fr.wikipedia.org/wiki/What_you_see_is_what_you_gethttp://fr.wikipedia.org/wiki/Hypertext_Markup_Languagehttp://fr.wikipedia.org/wiki/Hypertext_Markup_Languagehttp://fr.wikipedia.org/wiki/Windows_NT_4.0http://fr.wikipedia.org/wiki/Windows_NT_4.0http://fr.wikipedia.org/wiki/Windows_NT_4.0http://fr.wikipedia.org/wiki/Windows_95http://fr.wikipedia.org/wiki/Windows_95http://fr.wikipedia.org/wiki/Microsoft_Wordhttp://fr.wikipedia.org/wiki/Microsoft_Wordhttp://fr.wikipedia.org/wiki/Microsoft_Wordhttp://fr.wikipedia.org/wiki/Mac_OShttp://fr.wikipedia.org/wiki/Microsoft_Office_SharePoint_Designerhttp://fr.wikipedia.org/wiki/Microsoft_Office_SharePoint_Designerhttp://fr.wikipedia.org/wiki/Microsoft_Expression_Webhttp://fr.wikipedia.org/wiki/Microsoft_Expression_Webhttp://fr.wikipedia.org/wiki/Microsoft_Expression_Webhttp://fr.wikipedia.org/wiki/Cambridgehttp://fr.wikipedia.org/wiki/Massachusettshttp://fr.wikipedia.org/wiki/%C3%89tats-Unishttp://fr.wikipedia.org/wiki/What_you_see_is_what_you_gethttp://fr.wikipedia.org/wiki/Hypertext_Markup_Languagehttp://fr.wikipedia.org/wiki/Windows_NT_4.0http://fr.wikipedia.org/wiki/Windows_95http://fr.wikipedia.org/wiki/Microsoft_Wordhttp://fr.wikipedia.org/wiki/Microsoft_Wordhttp://fr.wikipedia.org/wiki/Mac_OShttp://fr.wikipedia.org/wiki/Microsoft_Office_SharePoint_Designerhttp://fr.wikipedia.org/wiki/Microsoft_Expression_Web


7/21

;ne des nouvelles particularits de ?icrosoft INce FrontPage 23 estl$utilisation de couc#es, nous permettant ainsi de dvier des alignementsstandard gauc#e, centre, droit!. Les couc#es permettent de placer des lmentsde fa-on moins statique sur la page.

In retrouve aussi un grand c#oix de boutons interactifs a)n de raliser desmenus d'namiques.

D%eam)ea+e% /

Dreamweaverest un diteur de site ebKDIKpourMicroso$t indos-et Mac HD cr en 1993- commercialis parMacromediapuis *dobe D&stemssouslicence utilisateur

$inal

)reameaer $ut l'un des premiers diteurs G%MLde t&pe @ tel a$$ichage- tel rsultat A- mais

galement l'un des premiers 2 intgrer un gestionnaire de site >0&berDtudiooLietant lepremier? 0es innoations l'imposrent rapidement comme l'un des principau6 diteurs de site

eb- aussi bien utilisable par le noph&te que par le pro$essionnel

)reameaer o$$re deu6 modes de conception par son menu a$$ichage

L'utilisateur peut choisir entre un mode cration permettant d'e$$ectuer la mise en page

directement 2 l'aide d'outils simples- comparables 2 un logiciel de traitement de te6te

>insertion de tableau- d'image- etc? Il est galement possible d'a$$icher et de modi$ier

directement le code >G%ML ou autre? qui compose la page Hn peut passer trs $acilement

d'un mode d'a$$ichage 2 l'autre- ou opter pour un a$$ichage mi6te 0ette dernire option est

particulirement intressante pour les dbutants qui- 2 terme- souhaitent se $amiliariser aec le

langage G%ML

)reameaer a olu aec les technologies de l'internet

Il o$$re au


8/21

BlueGrifonest un logiciel libred$dition de pages Aeb78%79, successeur de?oGilla Composeret Hvu. C$est un logiciel libremultiplateformesous triplelicence ?PLQ9PLQL9PLdvelopp par /aniel 9laGmanet fond sur la plateforme?oGilla.

Il se dmarque notamment par son support du0DD7et duG%ML5 Don moteur de rendusupporte la plupart des lments G%ML5 et les proprits 0DD7 compatibles aec Moilla

Jire$o6-mme si l'diteur gnre galement des rgles de st&le pour les autres naigateurs

eb- lorsque cela est possible Il propose de nombreuses inter$aces isuelles permettant

d'utiliser les proprits 0DD7 sans en connaitre la s&nta6e prcise- ce qui en $ait un e6cellent

compagnon pour le deloppeur- surtout lorsque la s&nta6e des proprits e6primentales

arie selon les naigateurs

Blueri$$on a pris en compte les endescription longue?

pour les images- etc

Il intgre galement l'diteurDPCedit>en?permettant de crer ou modi$ier des images

ectorielles au $ormatDPet de les embarquer directement dans les pages eb cres

-3-Le )yi)y, /

;n 78%79 est une interface utilisateur qui permet de composer visuellementle rsultat voulu, t'piquement pour un logiciel de mise en page, un traitement detexte ou dimage. C$est une interface intuitive : lutilisateur voit directement &lcran & quoi ressemblera le rsultat )nal.

78%79 est lacron'me de la locution anglaise #at 'ou see is A#at 'ouget , signi)ant littralement en fran-ais ce que vous vo'eG est ce que vousobteneG ou de fa-on plus concise tel aNc#age, tel rsultat ou encore plussimplement tel quel.

/n logiciel !56I!57 est un logiciel $ui dispose d#une interface $ui donne l#utilisateurl#impression de "oir son document tel $u#il sera publi -es logiciels donnent de plus un accs

intuitif aux fonctionnalits et permettent de cette manire de raliser la mise en forme du

document sans a"oir mmoriser et utiliser des commandes spcifi$ues

Le rendu "isuel l#cran est adapt au support pri"ilgi, par exemple les logiciels de traitements

de texte affichent le texte tel $u#imprim sur une feuille 9E Les logiciels proposent parfois

plusieurs modes !56I!57, plus ou moins proches de la ralit 4 un mode Maper0uM, trs fidle

et d#autres modes affichant des informations supplmentaires comme les marges ou les

caractres non imprimables

Page 0
http://fr.wikipedia.org/wiki/Logiciel_librehttp://fr.wikipedia.org/wiki/Page_Webhttp://fr.wikipedia.org/wiki/What_you_see_is_what_you_gethttp://fr.wikipedia.org/wiki/Mozilla_Composerhttp://fr.wikipedia.org/wiki/Nvuhttp://fr.wikipedia.org/wiki/Logiciel_librehttp://fr.wikipedia.org/wiki/Multiplateformehttp://fr.wikipedia.org/wiki/Mozilla_Public_Licensehttp://fr.wikipedia.org/wiki/Licence_publique_g%C3%A9n%C3%A9rale_GNUhttp://fr.wikipedia.org/wiki/Licence_publique_g%C3%A9n%C3%A9rale_limit%C3%A9e_GNUhttp://fr.wikipedia.org/wiki/Daniel_Glazmanhttp://fr.wikipedia.org/wiki/Plateforme_Mozillahttp://fr.wikipedia.org/wiki/Plateforme_Mozillahttp://fr.wikipedia.org/wiki/CSS3http://fr.wikipedia.org/wiki/CSS3http://fr.wikipedia.org/wiki/HTML5http://fr.wikipedia.org/wiki/HTML5http://fr.wikipedia.org/wiki/Mozilla_Firefoxhttp://fr.wikipedia.org/wiki/Mozilla_Firefoxhttp://fr.wikipedia.org/wiki/Mozilla_Firefoxhttp://fr.wikipedia.org/wiki/Navigateur_Webhttp://fr.wikipedia.org/wiki/Navigateur_Webhttp://fr.wikipedia.org/wiki/Accessibilit%C3%A9_du_Webhttp://fr.wikipedia.org/wiki/Accessibilit%C3%A9_du_Webhttp://fr.wikipedia.org/wiki/Accessible_Rich_Internet_Applicationshttp://fr.wikipedia.org/w/index.php?title=SVG-edit&action=edit&redlink=1http://fr.wikipedia.org/w/index.php?title=SVG-edit&action=edit&redlink=1http://en.wikipedia.org/wiki/SVG-edithttp://en.wikipedia.org/wiki/SVG-edithttp://fr.wikipedia.org/wiki/SVGhttp://fr.wikipedia.org/wiki/SVGhttp://fr.wikipedia.org/wiki/Logiciel_librehttp://fr.wikipedia.org/wiki/Page_Webhttp://fr.wikipedia.org/wiki/What_you_see_is_what_you_gethttp://fr.wikipedia.org/wiki/Mozilla_Composerhttp://fr.wikipedia.org/wiki/Nvuhttp://fr.wikipedia.org/wiki/Logiciel_librehttp://fr.wikipedia.org/wiki/Multiplateformehttp://fr.wikipedia.org/wiki/Mozilla_Public_Licensehttp://fr.wikipedia.org/wiki/Licence_publique_g%C3%A9n%C3%A9rale_GNUhttp://fr.wikipedia.org/wiki/Licence_publique_g%C3%A9n%C3%A9rale_limit%C3%A9e_GNUhttp://fr.wikipedia.org/wiki/Daniel_Glazmanhttp://fr.wikipedia.org/wiki/Plateforme_Mozillahttp://fr.wikipedia.org/wiki/Plateforme_Mozillahttp://fr.wikipedia.org/wiki/CSS3http://fr.wikipedia.org/wiki/HTML5http://fr.wikipedia.org/wiki/Mozilla_Firefoxhttp://fr.wikipedia.org/wiki/Mozilla_Firefoxhttp://fr.wikipedia.org/wiki/Navigateur_Webhttp://fr.wikipedia.org/wiki/Navigateur_Webhttp://fr.wikipedia.org/wiki/Accessibilit%C3%A9_du_Webhttp://fr.wikipedia.org/wiki/Accessible_Rich_Internet_Applicationshttp://fr.wikipedia.org/w/index.php?title=SVG-edit&action=edit&redlink=1http://en.wikipedia.org/wiki/SVG-edithttp://fr.wikipedia.org/wiki/SVG


9/21

43 le lan,a,e /43!"lan,a,e 5a+a6%i1$

Qu'est-ce que le Javascript?

Le7a+a6%i1$est un langage de script incorpor dans un document =>?L.=istoriquement il s$agit mme du premier langage de script pour le eb.Ce langage est un langage de programmation qui permet d$apporter desamliorations au langage =>?L en permettant d$excuter des commandesdu cRt client, c$est5&5dire au niveau du navigateur et non du serveurAeb.

@insi le langage Savascript est fortement dpendant du navigateurappelant la page Aeb dans laquelle le script est incorpor, mais en

contrepartie il ne ncessite pas de compilateur, contrairement au langageSava, avec lequel il a longtemps t confondu.

Savascript a t mis au point par Hetscape en 1**+. @ l$origine, il senommait Live8cript et tait destin & fournir un langage de script simpleau navigateur Netscape Navigator 2. %l a & l$poque longtemps t critiqupour son manque de scurit, son dveloppement peu pouss et l$absencede messages d$erreur explicites rendant dure son utilisation. Le 4dcembre 1**+, suite & une association avec le constructeur 8un,Hetscape rebaptise son langageJavascriptun clin d$oeil au langageSava

dvelopp par 8un!. @ la mme poque, ?icrosoft mit au point le langageJscript, un langage de script tr(s similaire. @insi, pour viter des drives depart et d$autre, un standard a t d)ni pour normaliser les langages descript, il s$agit de l$ECMA 262, cr par l$organisation du mme nomBC?@, European Computer Manufactures Association!.

le "avascript est aussi utilis cot serveur comme p#p.net ...etc mais dansnotre cas nous n$aborderons pas cette partie et nous limiterons au"avascript cot client

es navigateurs et le Javascript

!ersion "e Javascript #avigateurs/aaDcript 1 etscape aigator (- Internet 6plorer 7- Hpera- Moilla

/aaDcript 11 etscape aigator 7- Hpera- Moilla

/aascript 1( etscape aigator 4=45- Internet 6plorer 4- Hpera- Moilla

/aascript 17 etscape aigator 4!- Internet 6plorer 5- Hpera- Moilla

/aascript 14 etscape aigator !- Internet 6plorer !- Hpera- Moilla

/aascript 15 etscape aigator !- Moilla

/aascript 1! Jire$o6 15

Page *
http://www.commentcamarche.net/contents/222-environnement-client-serveurhttp://www.commentcamarche.net/contents/557-javahttp://www.commentcamarche.net/contents/557-javahttp://www.commentcamarche.net/contents/1351-introduction-a-phphttp://www.commentcamarche.net/contents/222-environnement-client-serveurhttp://www.commentcamarche.net/contents/557-javahttp://www.commentcamarche.net/contents/557-javahttp://www.commentcamarche.net/contents/1351-introduction-a-php


10/21

/aascript 13 Jire$o6 (

/aascript 18 Jire$o6 7 Hpera 115

/aascript 185 Jire$o6 4 Internet 6plorer 9 Hpera 11! 0hrome

%l ne faut pas confondre le Sava8cript et leSava. Bn eet contrairement aulangage Sava, le code est directement crit dans la page =>?L, c$est unlangage peu volu qui ne permet aucune con)dentialit au niveau descodes ceux5ci sont eectivement visibles!./$autre part l$applet Sava le programme! a t pralablement compile, etune mac#ine virtuelle permettant d$interprter le pseudo5code doit trec#arge en mmoire du cRt du client! & c#aque c#argement de la page,d$oT un important ralentissement pour les applets Sava contrairement auSava8cript.

Lan,a,e 5a+a e$ a di2e%en6e 8 5a+a6%i1$ /

Javascript Java

Langage interprtLangage pseudoCcompil

>chargement d'une machine irtuelle?

0ode intgr au G%ML0ode >applet? 2 part du document G%ML-

appel 2 partir de la page

Langage peu t&pLangage $ortement t&p >dclaration du t&pe

de ariable?

Liaisons d&namiques: les r$rences des oben $ranFaissensible la casse?- c'estC2Cdire qu'il $ait une

di$$rence entre un nom de ariable contenant ou non des ma


11/21


12/21


13/21

renoie les in$ormations oulues au script qui peut les e6ploiter >pour les

a$$icher par e6emple?

,G, continue de parser la page- puis retourne le $ichier dpouru du code ,G,

au sereur eb

Le sereur eb renoie donc un $ichier ne contenant plus de ,G,- donc

seulement du G%ML au naigateur qui l'interprte et l'a$$iche

Pous remarque donc que ,G, s'e6cute cNt sereur Il n'& a plus aucune trace du code ,G,

lorsque ous regarde le code source de la page dans otre naigateur ,G,

La base de donnes la plus couramment utilise aec ,G, est sans aucun doute M&DWL *

quoi sert une base de donnes X Lorsque ous alle produire des in$ormations dans otre

script ,G,- ous dee les stoc#er quelque part Di ce n'est pas le cas- elles seront alors

perdues lorsque le sereur renerra la page html au client >otre naigateur? ,our les stoc#er-

il e6iste deu6 solutions: la premire consiste 2 les enregistrer dans un $ichier te6te sur le

sereur >quelque part dans l'arborescence de otre hbergement?- la seconde 2 les enregistrer

dans une base de donnes La sauegarde dans un $ichier te6te n'est pas l'idal- notamment

lorsque ous souhaite chercher- modi$ier ou supprimer une partie de l'in$ormation que ous

stoc#e Les bases de donnes ont t conFues dans cette optiqueCl2 Pous erre dans

quelques e6ercices comment DWL permet de traiter l'in$ormation

434Lan,a,e 9ml

ML >!"tensible Mar#up $anguage- ou Langage 6tensible de Balisage? est le langage

destin 2 succder 2 G%ML sur le orld ide eb 0omme G%ML >%&perte"t Mar#up$anguage)c'est un langage de balisage >'ar#up?- c'estC2Cdire un langage qui prsente de

l'in$ormation encadre par des balisesMais contrairement 2 G%ML- qui prsente un titre- paragraphe- image- lien h&perte6te- etc?- ML

est un 'talangage qui a permettre d'inenter 2 olont de nouelles balises pour isoler

toutes les in$ormations lmentaires >titre d'ourage- pri6 d'article- numro de scurit sociale-

r$rence de piceY?- ou agrgats d'in$ormations lmentaires- que peut contenir une page

eb

e pr"cesseur "e +, sur le eb . */,

,our comprendre la philosophie de ML- rien de mieu6 qu'un petit e6emple ,renons pour ce

$aire une page numrant la >maigre? bibliographie en langue $ranFaise sur ML >2

rapprocher des diaines d'ourages e6istant en anglais sur le mme suaant interprtation par le logiciel de naigation- ou

ObutineurO? si elle tait code selon le langage actuel du eb- G%ML :

ZG([Bibliographie MLZ=G([

ZEL[

ZLI[ /eanC0hristophe Bernadac et JranFois "nab- ZI[0onstruire une application

MLZ=I[- ,aris- &rolles- 1999Z=LI[

ZLI[ *lain Michard- ZI[ML- Langage et *pplicationsZ=I[- ,aris- &rolles- 1998Z=LI[

Page 13
http://xml.chez.com/initiation/#balisehttp://xml.chez.com/initiation/#balisehttp://xml.chez.com/initiation/#balise


14/21

ZLI[ illiam / ,ardi- ZI[ML en *ctionZ=I[- ,aris- Microso$t ,ress- 1999- adapt

de l'anglais par /ames uerinZ=LI[

Z=EL[

+5 :=>?L

L='pertext ?ar[up Language, gnralement abrg =>?L, est le formatde donnes con-u pour reprsenter les pages Aeb. Cest un langage debalisage permettant dcrire de l#'pertexte, doT son nom. =>?L permetgalement de structurer smantiquement et de mettre en forme lecontenu des pages, dinclure des ressources multimdias dont des images,des formulaires de saisie, et des programmes informatiques. %l permet de

crer des documents interoprables avec des quipements tr(s varis demani(re conforme aux exigences de laccessibilit du Aeb. %l est souventutilis con"ointement avec des langages de programmation Sava8cript! etdes formats de prsentation feuilles de st'le en cascade!. =>?L estinitialement driv du 8tandard 9eneraliGed ?ar[up Language 89?L!.

Susqu& sa version 4.1 comprise, =>?L est formellement dcrit commeune application du 8tandard 9eneraliGed ?ar[up Language 89?L!.Cependant, les spci)cations successives admettent, par dirents biais,que les agents utilisateurs ne sont pas, en pratique, des anal'seurs 89?Lconformes. Les navigateurs eb nont "amais t capables de dc#irerlensemble des variations de s'ntaxe permises par 89?L\ en revanc#e ilssont gnralement capables de rattraper automatiquement denombreuses erreurs de s'ntaxe, suivant la premi(re partie de la loi dePostel : 8o'eG libral dans ce que vous accepteG, et conservateur dansce que vous envo'eG ]FC O*1!. /e fait, les dveloppeurs de pages ebet de navigateurs eb ont tou"ours pris beaucoup de libert avec lesr(gles s'ntaxiques de 89?L. Bn)n, la /ocument >'pe /e)nition/>/! de=>?L, soit la description tec#nique formelle de =>?L, na t crite par

/an Connoll' que quelques annes apr(s lintroduction de =>?L4.

?algr les liberts prises avec la norme, la terminologie propre & 89?L estutilise : document, lment, attribut, valeur, balise, entit, validit,application, etc. 9r^ce & la />/, il est possible de vri)erautomatiquement la validit dun document =>?L & laide dun parseur89?L.

_ lorigine, =>?L a t con-u pour baliser ou marquer! simplement letexte, notamment pour ' a"outer des #'perliens. In utilisait un minimum

de balises, comme dans le document =>?L suivant :

Page 14


15/21

U>%>LBXBxemple de =>?LUQ>%>LBX

Ceci est une p#rase avec un U@ =]BFVcible.#tmlX#'perlienUQ@X.

UPX

Ceci est un paragrap#e oùgrave\ il n' a pas d#'perlien.

-et exemple contient du texte, cin$ balises et une rfrence dentit 4

U>%>LBX est la balise ouvrante de llment >%>LB.

UQ>%>LBX est la balise fermante de llment >%>LB.

Bxemple de =>?L est le contenu de llment >%>LB.

U@ =]BFVcible.#tmlX est la balise ouvrante de llment @, avec :

=]BFVcible.#tml, lattribut =]BF dont la valeur est cible.#tml.

UPX est la balise ouvrante de llment P. >outefois, elle est utiliseici comme sil sagissait dun sparateur de paragrap#e, et cest mmeainsi quelle est souvent prsente dans les plus anciennesdocumentations de =>?L. %l sagit de la balise ouvrante du paragrap#edont le contenu est Ceci est un paragrap#e oùgrave\ il n' a pasd#'perlien. La balise fermante de llment P, qui est optionnelle, est iciomise. Llment P est implicitement termin lorsquun nouveau

paragrap#e commence ou que llment parent est ferm cas prsent!.

ùgrave\ est une rfrence dentit reprsentant le caract(re T .

Les balises peuvent tre indiremment crites en minuscules ouma"uscules. Lusage des minuscules devient plus courant car K=>?L lesimpose.

;n document =>?L valide est un document qui respecte la s'ntaxe 89?L,nutilise que des lments et attributs standardiss, et respecte

limbrication des lments dcrite par le standard. %l ne manque quunedclaration de t'pe de document & lexemple prcdent pour quil soit undocument =>?L 2. valide.

;n document valide nest cependant pas suNsant pour tre conforme & laspci)cation =>?L vise. Bn eet, outre lexigence de validit, undocument conforme est soumis & dautres contraintes qui ne sont pasexprimes par la d)nition de t'pe de document />/!, mais qui le sontpar la spci)cation elle5mme. Cest notamment le cas du t'pe de contenude certains attributs, comme celui de lattribut datetime : pour treconforme & =>?L4.1, celui5ci doit tre lui5mme conforme & un sous5

Page 1+


16/21

ensemble de la norme %8I 01. ;n parseur strictement 89?L tel que levalidateur =>?L du 3C ne peut donc dterminer la conformit dundocument =>?L.

6tructure des documents 13L

/ans les premi(res annes, les documents =>?L taient souventconsidrs comme des structures plates, et les balises comme descommandes de st'le. @insi la baliseUpX tait considre comme un sautde ligne, et la balise UQpX tait ignore. Iu encore lorsque Sava8cript 1.est apparu, il ne donnait acc(s quaux liens et formulaires du document &travers les tables document.forms et document.lin[s.

@vec lintroduction des Cascading 8t'le 8#eets et du /ocument Ib"ect?odel, il a fallu considrer que les documents =>?L ont une vritablestructure en arbre, avec un lment racine contenant tous les autreslments. Les balises ouvrantes et fermantes de ces lments restentdailleurs optionnelles. Cependant, au"ourd#ui, on a tendance & baliserc#aque lment et & indiquer la />/. C#aque lment fait partie ducontenu dexactement un autre lment \ cet arbre du document estnotamment utilis par la structure de formatage qui en est drive pourlapplication des feuilles de st'le en cascade oT c#aque lment peut avoir

un fond, un bord et une marge propres.

Structure dun document HTML

Source HTMLModle du

document

E&emple de .T0

Ceci est une phrase aec un


17/21

texte

p

texte

:l.men$ de #TML

La version 4 de =>?L dcrit *1 lments. Bn suivant la spci)cation de=>?L 4, les fonctionnalits implmentes par =>?L peuvent tre rpartiesainsi :

Structure gnrale dun document !M"

@u plus #aut niveau, un document =>?L est spar entre un en5tte et uncorps. Len5tte contient les informations sur le document, notamment sontitre et ventuellement des mtadonnes. Le corps contient ce qui estaNc#.

#nformations sur la langue

%l est possible dindiquer la langue de nimporte quelle partie du documentet de grer le mlange de texte scrivant de gauc#e & droite avec dutexte de droite & gauc#e.

Mar$uage smanti$ue

=>?L permet de direncier des contenus spci)ques tels que lescitations duvres externes, les extraits de code informatique, lespassages en emp#ase et les abrviations.

Certains de ces lments, con-us initialement pour permettre le supportde documentations tec#niques, sont tr(s rarement emplo'sdirenciation entre les lments de variable et dexemple de valeur dansun code informatique, par exemple, ou encore instance dun terme d)nidans le contexte!.

"istes

=>?L direncie des listes non ordonnes et des listes ordonnes, selonque lordre formel du contenu dans le code est en soi ou non uneinformation. /es listes de d)nition existent galement, mais sans queleur c#amp dapplication ne soit exactement dtermin.

>ables

Page 1O


18/21

Cette fonctionnalit a t dveloppe pour permettre la prsentation dedonnes tabulaires mais a t immdiatement exploite pour sespuissantes capacits de mise en page.

='perliens

La fonctionnalit premi(re de =>?L.

%nclusion dimages, dapplets et dob"ets divers

_ lorigine =>?L permettait seulement de donner des #'perliens sur lesmdias externes. Linvention dlments spcialiss pour le multimdia apermis linclusion automatique dimage, de musique, de vido, etc. dansles pages Aeb.

%lments de regroupement

He confrant pas de signi)cation au contenu quils balisent, ces lmentsgnriques permettent dappliquer des st'les de prsentation, de raliserdes traitements via des scripts ou tout autre opration ncessitant disolerune partie du contenu.

St&le de la prsentation

C#aque lment, voire tout le document, peut se voir appliquer des st'les.Les st'les sont d)nis dans le document ou proviennent de feuilles de

st'le en cascade C88! externes.

Mar$uage de prsentation du te'te

/velopp avant la gnralisation de C88 pour fournir rapidement desfonctionnalits aux grap#istes. /usage dsormais oNciellementdconseill pour la plus grande partie.

@ussi connu sous le nom de frames, une fonctionnalit souvent dcrie quipermet daNc#er plusieurs documents =>?L dans une mme fentre.

;"Le


19/21

Lorsque l$on saisit l$adresse d$un site Aeb 5 appele ;]L 5 dans sonnavigateur ou que l$on clique sur un lien #'pertexte, le navigateur envoieune requte au serveur qui va la traiter et lui renvo'er via %nternet lesdonnes demandes page Aeb, image, vido!. Le navigateur interpr(te

les donnes re-ues et les aNc#e & l$cran.

;n site Aeb est un ensemble de pages organises en structure#irarc#ique, disponible sur un serveur. %l peut tre construit avec despages statiques, des pages d'namiques ou un assemblage des deux.

Les pages statiques sont adquates pour prsenter une informationprenne, alors que les pages d'namiques se "usti)ent quand desmodi)cations frquentes doivent tre eectues, t'piquement mensuelles,#ebdomadaires ou quotidiennes. Pour des modi)cations annuelles ousemestrielles, les pages statiques sont prfrables car, tant plusdurables, elles peuvent tre mieux positionnes en rfrencement naturelsur les moteurs de rec#erc#e.

E9em1le de 1a,e $a$i=(e : prsentation d$une socit ou d$unorganisme, page de contact, prsentation d$un produit ou d$un service,conditions gnrales de vente

E9em1le de 1a,e dynami=(e: les neAs, les annonces derecrutement, la liste des points de vente, un blog, les pages produits d$unsite marc#and.

Les pages statiques requi(rent des comptences de spcialiste car ellessont WtraduitesW en langage Aeb. Blles sont crites en =>?L ou K=>?L etmises en forme & l$aide de feuilles de st'le C88 pour la disposition descontenus titres, blocs de texte, images!. /e plus, elles doivent treconformes aux normes de rfrence, par exemple K=>?L 1., C88 2, etvalides.

Page 1*


20/21

/ans une mme norme de langage =>?L ou K=>?L, les s'ntaxes strict outransitional, plus permissive, sont possibles, mais cela a une inuence surl$accessibilit de la page et sur sa rapidit d$aNc#age dans le navigateur.8i la page n$est pas valide, le navigateur bascule en mode quir[s, peuaccessible et beaucoup plus lent, car le temps d$anal'se de la page par le

navigateur est plus long.

Pour toutes ces raisons, les sites statiques sont gnralement mis & "ourpar une agence Aeb.

Les pages d'namiques, vues de l$utilisateur, ne sont pas direntes despages statiques. Cependant le mcanisme de transmission, plus complexe,est ralis en deux temps. @ partir de la demande du client, le serveurinterroge une base de donnes, rcup(re les donnes sou#aites,construit la page, la retranscrit en =>?L, puis la renvoie au client.

Par contre, une fois la mise en page cre par l$agence Aeb, la mise & "ourdes donnes, tr(s simple, se fait dans un espace priv appel bac[5oNcemis & la disposition du client, qui bn)cie alors d$une autonomiecompl(te pour sa gestion quotidienne.

Page 2


21/21

@ partir d$un simple acc(s %nternet, le client peut crer, mettre & "our,supprimer ses donnes au mo'en d$un formulaire qui alimentera la basede donnes. Les donnes peuvent tre un article, une petite annonce, unproduit ou une famille de produits de site marc#and

Les langages =>?L et C88 sont & la base du fonctionnement de tous lessites Aeb. Muand vous consulteG un site avec votre navigateur, il fautsavoir que, en coulisses, des rouages s$activent pour permettre au site

Aeb de s$aNc#er. L$ordinateur se base sur ce qu$on lui a expliqu en =>?Let C88 pour savoir ce qu$il doit aNc#er, comme le montre la )guresuivante.

Documents

ETUDE COMPRATIVE DES LANGUAGE WEB.docx