Vous êtes sur la page 1sur 19

Dveloppement Web

INITITIATIONAUDEVELOPPEMENTWEBET PRESENTATIONDESDIFFERENTESSOLUTIONSPOSSIBLES POURLAMISEENPLACED'UNSITEWEB OlivierAllaert

Dveloppement Web

Dveloppement Web Principe du Web Quelle solution ? Dvelopper son site Dvelopper son site A la main Les standards HTML Les standards - CSS Dvelopper son site Editeur WYSIWYG Dvelopper son site Editeur - NVU CMS - Dfinition CMS - Quel CMS ? CMS Quelques exemples CMS - CMSMadeSimple CMS - Guppy Conclusion

Principe du Web

Codehtml

Navigateur

Hbergeur

Internet

Serveurweb

Principe du Web - 2

Code
ph p

Style

Navigateur

Internet

Serveurweb

Basede donnes

Quelle solution ?

Quellesolutionchoisir? Enfonctionde: quelleseralafrquentationdusite? queltempspeuttreinvesti? quellessontlescomptencesdisponibles? combiendepersonnestravaillerontsurlesiteetquelseraleurrle? CMSouSiteWebdvelopppersonnellement?

Dvelopper son site

Dveloppersesproprespagesweb(crirelecodepartird'unditeur) codeclair intressantsicontenurelativementstatique veillezrespecterlesnormesduW3C:WorldWideWebConsortium.

W3Cunorganismedenormalisationfondenoctobre1994 http://www.w3c.org

Dvelopper son site A la main

Quelditeurutiliser? Outils:unsimplediteurdetexte unditeurWYSIWYG

WYSIWYG=WhatYouSeeIsWhatYouGet

VeillezrespecterlesnormesduW3C ConnaissancedeslangagesHTML,XHTML,CSS(contenustatique) ConnaissancedeslangagesPHP,Perletc...(contenudynamique)

Les standards HTML

HTML=HyperTextMarkUpLanguage standardduwebdfinitparleWorldWideWebConsortium(W3C) contenustatique langagetypebalise

<HTML> <HEAD> <TITLE>Ma premire page en HTML</TITLE> </HEAD> <BODY> Bonjour, voici ma premire page web ! </BODY> </HTML>

Les standards - CSS

CSS=CascadingStyleSheetsoufeuillesdestyle

1uniquecodeHTML

CSS

Les standards - CSS

CSS=CascadingStyleSheetsoufeuillesdestyle dfinitlamiseenformedelapageweb(dusite) miseenformecentralise=modificationdustyledetoutunsiteenseulement quelqueschangements


uneplusgrandelisibilitduHTML,carlesstylessontdfinispart; deschargementsdepageplusrapides,pourlesmmesraisonsqueprcdemment; unpositionnementplusrigoureuxdeslments.

10

Les standards CSS - Exemple


body{ font:normalnormalnormal15pxarial; backgroundcolor:white; color:black; } a{color:blue;} img{float:left;} #cadre1{ width:200px; float:left; border:1pxsolidnavy; backgroundcolor:#B4C6DB; padding:10px; } #cadre2{ width:200px; marginleft:10px; clear:both; border:1pxsolid#DB0413; backgroundcolor:#DBA3A7; padding:10px; liststyletype:square; } 11

Dvelopper son site Editeur WYSIWYG

Utilisationd'unditeurWYSIWYG
WYSIWYG=WhatYouSeeIsWhatYouGet

diteurspayants(dreamweaver,frontpage...) diteursgratuits(nvu,amaya...)

12

Dvelopper son site Editeur - NVU

Fonctionnesurungrandnombredesystmesd'exploitation(MacOS,Linux,Windows...) Gratuit http://www.nvu.com/

13

CMS - Dfinition
C.M.S.:ContentManagementSystems systmedegestiondecontenu. sitewebdisposantdefonctionnalitsdepublication sitewebavecuneinterfaced'administration(backoffice)pourgrerarticles, rubriques contenudusitestockdansunbasededonnes templates(modlesdepages)pourlaforme

Style1 Style2 contenu auteurs + styles = Sitefinal

administrateur
14

CMS - Quel CMS ?

UnnormechoixdeCMSgratuitset performants! Voir:http://cmsmatrix.org

Quellessontmesbesoins? Statistiques? Gestionfinedesutilisateurs? Personnalisationjusqu'quelniveau? Mailing? Urlscurises?etc...

Quellestechnologiesmaitriseton? Php? Mysql? Perl?etc...

15

CMS Quelques exemples

Lesplusconnus SPIP Joomla Drupal eZPublish

Aijebesoindetoutescesfonctionnalits? Aijeletempsdem'investirdedans?

PlusleCMSestcomplet,plusilestcomplexe

16

CMS - CMSMadeSimple
CMSMadeSimple Php Mysql(basededonnes)

Administration Ajoutd'extensions Gestiondesutilisateurs Disposition(gabarits,modles,feuillesdestyle) Administrationdusite Dmonstrationde:http://demo.cmsmadesimple.fr/

Style1 Style2 contenu + styles


17

Sitefinal

CMS - Guppy
Administration Ajoutd'extensions Gestiondesutilisateurs Disposition(gabarits,modles,feuillesdestyle) Administrationdusite Php PASDEBASEDEDONNES

Siteofficiel:http://www.freeguppy.org

Style1 Style2 contenu + styles


18

Sitefinal

Conclusion
CMSsi contenudynamique plusieursauteurs sitecomplet CMSvitersi simplepageweb siteaucontenustatique Ncessiteunadministrateuraveccertainesconnaissancesinformatiques FairelebonchoixparmiletrsgrandnombredeCMS

Dveloppementsi Page(s)websimple(s) Contenustatique Dveloppementviter sicontenudynamique plusieursauteurs contenudynamique


19