Listing du fichier l2.php
00001 <?php
00002 error_reporting(E_ALL | E_NOTICE | E_STRICT) ;
00003
00004 # (gH) -_- l2.php ; TimeStamp (unix) : 11 Mars 2012 vers 10:34
00005 include("../std.php") ;
00006 debutPage("DEVELOPPEMENT WEB L2","strict") ;
00007 debutSection() ;
00008 h1("Développement Web L2 : XHTML, CSS et Javascript") ;
00009 h1("(Faculté des Sciences d'Angers)") ;
00010 #########################################################
00011 #########################################################
00012
00013 p("grouge droite") ;
00014 echo "gilles.hunault \"at\" univ-angers.fr" ;
00015 finp() ;
00016
00017 #########################################################
00018
00019 h2("1. Objectifs de l'enseignement ") ;
00020
00021 #########################################################
00022
00023 p("texte") ;
00024 echo "Les objectifs de cet enseignement sont de vous apprendre à savoir " ;
00025 echo " écrire des ".s_span(em("pages Web XHTML"),"gvert")." qui seront ".s_span("valides","gvert") ;
00026 echo " et ".s_span("interactives","gvert")." à l'aide " ;
00027 echo " de ".s_span("programmes Javascript","gvert").". " ;
00028 echo "Les notions de ".s_span(em("grammaire d'éléments"),"gvert").", de ".s_span(em("feuilles de style"),"gvert").", " ;
00029 echo "l'utilisation du modèle ".s_span(em("DOM"),"gvert")." pour décrire l'arbre étiqueté des éléments " ;
00030 echo " et la technologie ".s_span(em("XML"),"gvert")." " ;
00031 echo " seront également traitées. " ;
00032 finp() ;
00033
00034 p("texte") ;
00035 echo "Il n'y a aucune difficulté théorique ni conceptuelle dans cet enseignement. Toutefois, une forte pratique " ;
00036 echo " informatique est conseillée : vous devez vous entraîner sur ordinateur jusqu'à tant que vous " ;
00037 echo " maitrisiez les ".b("concepts")." d'évènements et de structure hiérarchique des documents Web, " ;
00038 echo " le ".b("vocabulaire").", la ".b("syntaxe")." et la ".b("sémantique")." des éléments, attributs et balises " ;
00039 echo s_span("XHTML","gbleuf").", " ;
00040 echo " des propriétés, classes et styles ".s_span("CSS","gbleuf")." et " ;
00041 echo " des fonctions ".s_span("Javascript","gbleuf")." " ;
00042 echo " liées aux noeuds et aux structures. Aucun effort de mémoire particulier n'est nécessaire, mais bien connaitre ces " ;
00043 echo " différents éléments vous fera gagner du temps. Des aides-mémoire sont indiquées ci-dessous." ;
00044 finp() ;
00045
00046 #########################################################
00047
00048 h2("2. Supports et documents de cours, td, tp et examens" ) ;
00049
00050 #########################################################
00051
00052 ul() ;
00053 li(ancre("l2_crs.php","supports de cours")." ; ") ;
00054 li(ancre("l2_tds.php","supports de td avec exercices corrigés")." ; ") ;
00055 li(ancre("l2_tps.php","supports de tp avec solutions détaillées").". ") ;
00056 $cc2010 = href("l2web2010_1.pdf","CC2010") ;
00057 $fi2010 = href("l2web2010_2.pdf","XM2010") ;
00058 $so2010 = href("l2web2010_2.php","solution") ;
00059 $cc2011 = href("l2web2011cc.pdf","CC2011") ;
00060 $so2011a = href("l2web2011cc1.php","initial") ;
00061 $so2011b = href("l2web2011cc2.php","solution") ;
00062 $xm2011 = href("l2web2011_1.pdf","XM2011_1") ;
00063 $sp2011 = href("l2web2011_1.php","solution") ;
00064 $xm2011_2 = href("l2web2011_2.pdf","XM2011_2") ;
00065 $sp2011_2 = href("l2web2011_2.php","solution") ;
00066 $cc2012 = href("l2web2012cc.pdf","CC2012") ;
00067 $xm2012 = href("l2web2012_1.pdf","XM2012_1") ;
00068 $sp2012 = href("l2web2012_1.php","solution") ;
00069 $xm2012_2 = href("l2web2012_2.pdf","XM2012_2") ;
00070 $sp2012_2 = href("l2web2012_2.php","solution") ;
00071 #li("examens : $cc2010 et $fi2010 ($so2010) ; $cc2011 ($so2011a, $so2011b) et $xm2011 ($sp2011) ; session 2 : $xm2011_2 ($sp2011_2)") ;
00072 debutli() ;
00073 echo "examens passés :" ;
00074 table(0,5,"collapse") ;
00075 tr() ;
00076 td() ; echo $cc2010 ; fintd() ;
00077 td() ; echo "$fi2010 ($so2010)" ; fintd() ;
00078 fintr() ;
00079 tr() ;
00080 td() ; echo "$cc2011 ($so2011a, $so2011b)"; fintd() ;
00081 td() ; echo "$xm2011 ($sp2011)" ; fintd() ;
00082 td() ; echo "$xm2011_2 ($sp2011_2)" ; fintd() ;
00083 fintr() ;
00084 tr() ;
00085 td() ; echo "$cc2012 "; fintd() ;
00086 td() ; echo "$xm2012 ($sp2012) " ; fintd() ;
00087 td() ; echo "$xm2012_2 ($sp2012_2)" ; fintd() ;
00088 fintr() ;
00089 fintable() ;
00090 finli() ;
00091 finul() ;
00092
00093 #########################################################
00094
00095 h2("3. Organisation des cours 2011/2012") ;
00096
00097 #########################################################
00098
00099 p("texte") ;
00100 echo "Le développement Web pour l'année L2 de la licence comporte : " ;
00101 finp() ;
00102
00103 ul() ;
00104 li(s_span("4 cours de 2 h","gvert")." ; ") ; # le mercredi de 13 h 30 à 15 h 30 ;") ;
00105 li(s_span("3 td de 1 h 40","gvert")." ; ") ;
00106 li(s_span("5 tp de 2 h","gvert").".") ;
00107 finul() ;
00108
00109 #########################################################
00110 #########################################################
00111
00112 p("texte") ;
00113 $gh = s_span("gilles hunault","gbleuf") ;
00114 echo em("Vous pouvez retrouver cette page et le site de votre enseignant en tapant $gh dans un moteur de recherche comme ".b("Google")) ;
00115 echo " ou en recherchant le mot composé des 6 lettres g i l u n o ." ;
00116 finp() ;
00117
00118 #########################################################
00119
00120 h2("Outils conseillés sous Windows :") ;
00121
00122 #########################################################
00123
00124 blockquote() ;
00125
00126 p("texte") ;
00127 echo "- Navigateur : ".href("http://www.mozilla-europe.org/fr/firefox/","Firefox")." ; " ;
00128 br() ;
00129 echo "- Editeur de textes : ".href('http://notepad-plus.sourceforge.net/fr/site.htm',"notepad++")." ; " ;
00130 br() ;
00131 echo "- Transfert de fichiers : ".href('http://winscp.net/eng/docs/lang:fr',"winscp")."." ;
00132 finp() ;
00133
00134 p("texte") ;
00135 echo "Voir également les conseils pour les navigateurs et pour Linux dans mon cours " ;
00136 echo href('pdc.php',"Technologie Internet")." ; " ;
00137 br() ;
00138 echo " en particulier, il vaut mieux utiliser ".s_span("Firefox","grouge")." -- avec les extensions " ;
00139 echo href("http://users.skynet.be/mgueury/mozilla/download_090.html","Htmlvalidator")." et " ;
00140 echo href("https://addons.mozilla.org/fr/firefox/addon/1843","Firebug")." -- ou " ;
00141 echo s_span("Opera","grouge")." plutôt que ". s_span("Internet Explorer","grouge")."." ;
00142 finp() ;
00143
00144 finblockquote() ;
00145
00146 #########################################################
00147
00148 h2("Ouvrages recommandés :") ;
00149
00150 #########################################################
00151
00152 $txt = "" ;
00153 $txt .= "(collection ".href("http://www.pearson.fr/collections/leguidedesurvie/","le guide de survie").", " ;
00154 $txt .= " éditions ".href("http://www.pearson.fr/","Pearson France").")" ;
00155 h3($txt) ;
00156
00157 blockquote() ;
00158
00159 div("centre") ;
00160 table(0,1) ;
00161
00162 tr() ;
00163 td() ; nbsp(5) ; fintd() ;
00164
00165 td("C") ;
00166 p() ;
00167 echo href('http://www.pearson.fr/livre/?GCOI=27440100331050',img('martin_xhtml.gif')) ;
00168 finp() ;
00169 fintd() ;
00170
00171 td() ; nbsp(15) ; fintd() ;
00172 td("C") ;
00173 p() ;
00174 echo href('http://www.pearson.fr/livre/?GCOI=27440100993180',img('wenz_js.gif')) ;
00175 finp() ;
00176 fintd() ;
00177 td() ; nbsp(15) ; fintd() ;
00178
00179 td("C") ;
00180 p() ;
00181 echo href('http://www.pearson.fr/livre/?GCOI=27440100242490',img('martin2.gif')) ;
00182 finp() ;
00183 fintd() ;
00184
00185 fintr() ;
00186
00187 tr() ;
00188 td() ; nbsp(5) ; fintd() ;
00189 td("C") ;
00190 p() ;
00191 echo href('http://www.pearson.fr/livre/?GCOI=27440100331050',"XHTML et CSS2") ;
00192 finp() ;
00193 fintd() ;
00194 td() ; nbsp(15) ; fintd() ;
00195 td("C") ;
00196 p() ;
00197 echo href('http://www.pearson.fr/livre/?GCOI=27440100993180',"Javascript") ;
00198 finp() ;
00199 fintd() ;
00200 td() ; nbsp(5) ; fintd() ;
00201 td("C") ;
00202 p() ;
00203 echo href('http://www.pearson.fr/livre/?GCOI=27440100242490',"XHTML5 et CSS3") ;
00204 finp() ;
00205 fintd() ;
00206 fintr() ;
00207
00208 tr() ;
00209 td() ; nbsp(5) ; fintd() ;
00210 td("C") ;
00211 p() ;
00212 echo "Michel Martin" ;
00213 finp() ;
00214 fintd() ;
00215 td() ; nbsp(15) ; fintd() ;
00216 td("C") ;
00217 p() ;
00218 nbsp(15) ;
00219 echo "Christian Wenz" ;
00220 nbsp(15) ;
00221 finp() ;
00222 fintd() ;
00223 td() ; nbsp(5) ; fintd() ;
00224 td("C") ;
00225 p() ;
00226 echo "Michel Martin (2)" ;
00227 finp() ;
00228 fintd() ;
00229 fintr() ;
00230
00231 fintable() ;
00232 findiv() ;
00233
00234 finblockquote() ;
00235
00236 #########################################################
00237
00238 h2("Aides-mémoire (format PDF) :") ;
00239
00240 #########################################################
00241
00242 ul() ;
00243
00244 debutli() ;
00245 echo href("../refcards/html-cheat-sheet.pdf","XHTML")." " ;
00246 nbsp(3) ;
00247 echo href("../refcards/htmlcss.pdf","HTML et CSS")." ; " ;
00248 finli() ;
00249
00250 debutli() ;
00251 echo href("../refcards/css1.pdf","CSS")." niveau 1 ;" ;
00252 finli() ;
00253
00254 debutli() ;
00255 echo href("../refcards/css2.pdf","CSS")." niveau 2 ;" ;
00256 finli() ;
00257
00258 debutli() ;
00259 echo href("../refcards/javascript_cheat_sheet.pdf","Javascript")."." ;
00260 finli() ;
00261
00262 finul() ;
00263
00264 #########################################################
00265
00266 h2("Sites conseillés") ;
00267
00268 #########################################################
00269
00270 ul() ;
00271
00272 debutli() ;
00273 echo href("http://fr.selfhtml.org/","SELFHTML")." (en français) dont les fameux panneaux " ;
00274 echo href("http://actuel.fr.selfhtml.org/supplements/panneau-xhtml.htm","XHTML")." et " ;
00275 echo href("http://actuel.fr.selfhtml.org/supplements/panneau-css.htm","CSS")." ; " ;
00276 finli() ;
00277
00278 debutli() ;
00279 echo href("http://www.alsacreations.com/","Alsa Créations ")." (en français) ; " ;
00280 finli() ;
00281
00282 debutli() ;
00283 echo href("http://www.w3schools.com/","W3 Schools")." (en anglais)." ;
00284 finli() ;
00285
00286 finul() ;
00287
00288 pvide() ;
00289
00290 p() ;
00291 echo href("montresource.php?nomfic=l2.php","Code-source de cette page","orange_stim nou") ;
00292 finp() ;
00293
00294 #########################################################
00295 finSection() ;
00296 finPage() ;
00297 ?>
La coloration syntaxique est réalisée par un enrobage de la function php nommée highlight_file
mais si vous préférez, vous pouvez utiliser celle de SyntaxHighlighter ou même celle de geshi.
Pour ne pas voir les numéros de ligne, ajoutez &nl=non à la suite du nom du fichier.
Retour à la page principale de (gH)