Scribd Logo
Upload

Welcome to Scribd!

  • Cours Web

    Uploaded by

    amiri1988
    54 views19 pages

    Original Title

    Cours-Web

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    54 views19 pages

    Cours Web

    Uploaded by

    amiri1988

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 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

    You might also like