Valid XHTML     Valid CSS2    

Listing du fichier l2.php avec syntaxhighlighter


        <?php
        error_reporting(E_ALL | E_NOTICE | E_STRICT) ;
        
        #    (gH)   -_-  l2.php  ;  TimeStamp (unix) : 11 Mars 2012 vers 10:34
        include("../std.php") ;
        debutPage("DEVELOPPEMENT WEB L2","strict") ;
        debutSection() ;
        h1("Développement Web L2&nbsp;: XHTML, CSS et Javascript") ;
        h1("(Faculté des Sciences d'Angers)") ;
        #########################################################
        #########################################################
        
        p("grouge droite") ;
        echo "gilles.hunault \"at\" univ-angers.fr" ;
        finp() ;
        
        #########################################################
        
        h2("1. Objectifs de l'enseignement ") ;
        
        #########################################################
        
        p("texte") ;
        echo "Les objectifs de cet enseignement sont de vous apprendre à savoir " ;
        echo " écrire des ".s_span(em("pages Web XHTML"),"gvert")." qui seront ".s_span("valides","gvert") ;
        echo " et ".s_span("interactives","gvert")." à l'aide " ;
        echo " de ".s_span("programmes Javascript","gvert").". " ;
        echo "Les notions de ".s_span(em("grammaire d'éléments"),"gvert").", de ".s_span(em("feuilles de style"),"gvert").", " ;
        echo "l'utilisation du modèle ".s_span(em("DOM"),"gvert")." pour décrire l'arbre étiqueté des éléments " ;
        echo " et la technologie ".s_span(em("XML"),"gvert")." " ;
        echo " seront également traitées. " ;
        finp() ;
        
        p("texte") ;
        echo "Il n'y a aucune difficulté théorique ni conceptuelle dans cet enseignement. Toutefois, une forte pratique " ;
        echo " informatique est conseillée : vous devez vous entra&icirc;ner sur ordinateur jusqu'à tant que vous " ;
        echo " maitrisiez les ".b("concepts")." d'évènements et de structure hiérarchique des documents Web, " ;
        echo " le ".b("vocabulaire").", la ".b("syntaxe")." et la ".b("sémantique")." des éléments, attributs et balises " ;
        echo s_span("XHTML","gbleuf").", " ;
        echo " des propriétés, classes et styles ".s_span("CSS","gbleuf")." et " ;
        echo " des fonctions ".s_span("Javascript","gbleuf")." " ;
        echo " liées aux noeuds et aux structures. Aucun effort de mémoire particulier n'est nécessaire, mais bien connaitre ces " ;
        echo " différents éléments vous fera gagner du temps. Des aides-mémoire sont indiquées ci-dessous." ;
        finp() ;
        
        #########################################################
        
        h2("2. Supports et documents de cours, td, tp et examens" ) ;
        
        #########################################################
        
        ul() ;
        li(ancre("l2_crs.php","supports de cours")." ; ") ;
        li(ancre("l2_tds.php","supports de td avec exercices corrigés")." ; ") ;
        li(ancre("l2_tps.php","supports de tp avec solutions détaillées").". ") ;
        $cc2010   = href("l2web2010_1.pdf","CC2010") ;
        $fi2010   = href("l2web2010_2.pdf","XM2010") ;
        $so2010   = href("l2web2010_2.php","solution") ;
        $cc2011   = href("l2web2011cc.pdf","CC2011") ;
        $so2011a  = href("l2web2011cc1.php","initial") ;
        $so2011b  = href("l2web2011cc2.php","solution") ;
        $xm2011   = href("l2web2011_1.pdf","XM2011_1") ;
        $sp2011   = href("l2web2011_1.php","solution") ;
        $xm2011_2 = href("l2web2011_2.pdf","XM2011_2") ;
        $sp2011_2 = href("l2web2011_2.php","solution") ;
        $cc2012   = href("l2web2012cc.pdf","CC2012") ;
        $xm2012   = href("l2web2012_1.pdf","XM2012_1") ;
        $sp2012   = href("l2web2012_1.php","solution") ;
        $xm2012_2 = href("l2web2012_2.pdf","XM2012_2") ;
        $sp2012_2 = href("l2web2012_2.php","solution") ;
        #li("examens : $cc2010 et $fi2010 ($so2010) ; $cc2011 ($so2011a, $so2011b) et $xm2011 ($sp2011) ; session 2 : $xm2011_2 ($sp2011_2)") ;
        debutli() ;
          echo "examens passés :" ;
          table(0,5,"collapse") ;
            tr() ;
              td() ; echo $cc2010 ;  fintd() ;
              td() ; echo "$fi2010 ($so2010)" ;  fintd() ;
            fintr() ;
            tr() ;
              td() ; echo "$cc2011 ($so2011a, $so2011b)";  fintd() ;
              td() ; echo "$xm2011 ($sp2011)" ;  fintd() ;
              td() ; echo "$xm2011_2 ($sp2011_2)" ;  fintd() ;
            fintr() ;
            tr() ;
              td() ; echo "$cc2012 ";  fintd() ;
              td() ; echo "$xm2012 ($sp2012) " ;  fintd() ;
              td() ; echo "$xm2012_2 ($sp2012_2)" ;  fintd() ;
            fintr() ;
          fintable() ;
        finli() ;
        finul() ;
        
        #########################################################
        
        h2("3. Organisation des cours 2011/2012") ;
        
        #########################################################
        
        p("texte") ;
        echo "Le développement Web pour l'année L2 de la licence comporte : " ;
        finp() ;
        
        ul() ;
        li(s_span("4 cours de 2 h","gvert")." ; ") ; # le mercredi de 13 h 30 à 15 h 30 ;") ;
        li(s_span("3 td de 1 h 40","gvert")." ; ") ;
        li(s_span("5 tp de 2 h","gvert").".") ;
        finul() ;
        
        #########################################################
        #########################################################
        
        p("texte") ;
        $gh = s_span("gilles hunault","gbleuf") ;
        echo em("Vous pouvez retrouver cette page et le site de votre enseignant en tapant $gh dans un moteur de recherche comme ".b("Google")) ;
        echo " ou en recherchant le mot composé des 6 lettres g&nbsp;i&nbsp;l&nbsp;u&nbsp;n&nbsp;o&nbsp;." ;
        finp() ;
        
        #########################################################
        
        h2("Outils conseillés sous Windows :") ;
        
        #########################################################
        
        blockquote() ;
        
        p("texte") ;
        echo "- Navigateur : ".href("http://www.mozilla-europe.org/fr/firefox/","Firefox")." ; " ;
        br() ;
        echo "- Editeur de textes : ".href('http://notepad-plus.sourceforge.net/fr/site.htm',"notepad++")." ; " ;
        br() ;
        echo "- Transfert de fichiers : ".href('http://winscp.net/eng/docs/lang:fr',"winscp")."." ;
        finp() ;
        
        p("texte") ;
        echo "Voir également les conseils pour les navigateurs et pour Linux dans mon cours " ;
        echo href('pdc.php',"Technologie Internet")." ; " ;
        br() ;
        echo " en particulier, il vaut mieux utiliser ".s_span("Firefox","grouge")." -- avec les extensions " ;
        echo href("http://users.skynet.be/mgueury/mozilla/download_090.html","Htmlvalidator")." et " ;
        echo href("https://addons.mozilla.org/fr/firefox/addon/1843","Firebug")." -- ou " ;
        echo s_span("Opera","grouge")." plut&ocirc;t que ". s_span("Internet Explorer","grouge")."." ;
        finp() ;
        
        finblockquote() ;
        
        #########################################################
        
        h2("Ouvrages recommandés :") ;
        
        #########################################################
        
        $txt  = "" ;
        $txt .= "(collection ".href("http://www.pearson.fr/collections/leguidedesurvie/","le guide de survie").", " ;
        $txt .= " éditions ".href("http://www.pearson.fr/","Pearson France").")" ;
        h3($txt) ;
        
        blockquote() ;
        
        div("centre") ;
        table(0,1) ;
        
        tr() ;
        td() ; nbsp(5) ; fintd() ;
        
        td("C") ;
        p() ;
        echo href('http://www.pearson.fr/livre/?GCOI=27440100331050',img('martin_xhtml.gif')) ;
        finp() ;
        fintd() ;
        
        td() ; nbsp(15) ; fintd() ;
        td("C") ;
        p() ;
        echo href('http://www.pearson.fr/livre/?GCOI=27440100993180',img('wenz_js.gif')) ;
        finp() ;
        fintd() ;
        td() ; nbsp(15) ; fintd() ;
        
        td("C") ;
        p() ;
        echo href('http://www.pearson.fr/livre/?GCOI=27440100242490',img('martin2.gif')) ;
        finp() ;
        fintd() ;
        
        fintr() ;
        
        tr() ;
        td() ; nbsp(5) ; fintd() ;
        td("C") ;
        p() ;
        echo href('http://www.pearson.fr/livre/?GCOI=27440100331050',"XHTML et CSS2") ;
        finp() ;
        fintd() ;
        td() ; nbsp(15) ; fintd() ;
        td("C") ;
        p() ;
        echo href('http://www.pearson.fr/livre/?GCOI=27440100993180',"Javascript") ;
        finp() ;
        fintd() ;
        td() ; nbsp(5) ; fintd() ;
        td("C") ;
        p() ;
        echo href('http://www.pearson.fr/livre/?GCOI=27440100242490',"XHTML5 et CSS3") ;
        finp() ;
        fintd() ;
        fintr() ;
        
        tr() ;
        td() ; nbsp(5) ; fintd() ;
        td("C") ;
        p() ;
        echo "Michel Martin" ;
        finp() ;
        fintd() ;
        td() ; nbsp(15) ; fintd() ;
        td("C") ;
        p() ;
        nbsp(15) ;
        echo "Christian Wenz" ;
        nbsp(15) ;
        finp() ;
        fintd() ;
        td() ; nbsp(5) ; fintd() ;
        td("C") ;
        p() ;
        echo "Michel Martin (2)" ;
        finp() ;
        fintd() ;
        fintr() ;
        
        fintable() ;
        findiv() ;
        
        finblockquote() ;
        
        #########################################################
        
        h2("Aides-mémoire (format PDF) :") ;
        
        #########################################################
        
        ul() ;
        
        debutli() ;
        echo href("../refcards/html-cheat-sheet.pdf","XHTML")."  " ;
        nbsp(3) ;
        echo href("../refcards/htmlcss.pdf","HTML et CSS")." ; " ;
        finli() ;
        
        debutli() ;
        echo href("../refcards/css1.pdf","CSS")." niveau 1 ;" ;
        finli() ;
        
        debutli() ;
        echo href("../refcards/css2.pdf","CSS")." niveau 2 ;" ;
        finli() ;
        
        debutli() ;
        echo href("../refcards/javascript_cheat_sheet.pdf","Javascript")."." ;
        finli() ;
        
        finul() ;
        
        #########################################################
        
        h2("Sites conseillés") ;
        
        #########################################################
        
        ul() ;
        
        debutli() ;
        echo href("http://fr.selfhtml.org/","SELFHTML")." (en français) dont les fameux panneaux " ;
        echo href("http://actuel.fr.selfhtml.org/supplements/panneau-xhtml.htm","XHTML")." et " ;
        echo href("http://actuel.fr.selfhtml.org/supplements/panneau-css.htm","CSS")." ; " ;
        finli() ;
        
        debutli() ;
        echo href("http://www.alsacreations.com/","Alsa Créations ")." (en français) ; " ;
        finli() ;
        
        debutli() ;
        echo href("http://www.w3schools.com/","W3 Schools")." (en anglais)." ;
        finli() ;
        
        finul() ;
        
        pvide() ;
        
        p() ;
        echo href("montresource.php?nomfic=l2.php","Code-source de cette page","orange_stim nou") ;
        finp() ;
        
        #########################################################
        finSection() ;
        finPage() ;
        ?>
        

La coloration syntaxique est réalisée par : SyntaxHighlighter.

Si vous préférez, vous pouvez utiliser celle de geshi ou même celle construite autour de la fonction highlight_file.

 

 

retour gH    Retour à la page principale de   (gH)