Métiers de la Rédaction 2014-2015 - Déroulement réel des cours

La « pensée » du lundi 20 novembre 2017, 23h44m36s :
Les hommes naissent libres et égaux en droits, ensuite ils se mettent à boire.
  -- Cavanna

Semaine du credi 17 septemb' 2014 : CMTD n°1 (Cumul=3h)

Avant-propos (x)HTML
  • En-tête d'une page xHTML : pour passer les tests du W3C une page doit avoir la structure suivante :

        <?xml version="1.0" encoding="utf-8"?>
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                                   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
            <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
                <title>
                    Un titre personnel et si possible intelligent...
                </title>
            </head>
            <body>
    
                Votre texte...
    
            </body>
        </html>
    

    Tout doit être écrit tel quel, y compris les majuscules/minuscules. Faîtes du copier-coller.

  • Quelques balises de base (dans leur version la plus simple): <h1>, <h2>, etc., <p>, <ul>, <ol>, <li> (section 2.6 du poly).
  • Application directe : exercice du chapitre 3 du poly. Vos pages doivent absolument passer avec succès les tests du W3C.
Dernière modification : 25/8/2016

Semaine du credi 24 septemb' 2014 : CMTD n°2 (Cumul=6h)

Avant tout

Si l'extension WebDeveloper n'est pas/plus installée, la ré-installer (voir TD 1).
Vérifier également la présence du marque-page sur la page du cours.

(x)HTML
  • Finir les pages de l'exercice et ajouter des liens entre les pages.
Gestion des couleurs en HTML (et CSS) CSS
  • Feuille de style, séparation données-présentation, syntaxe d'une feuille de style.
  • Comme c'est beau les feuilles de style (chapitre 6 du poly).
  • Premier essai : sans CSS et avec CSS.
    Premières propriétés : background, color, margin, padding, text-align.
  • Appliquer un style de CSS : chapitre 7 du poly.
  • Liste des éléments : chapitre 8 du poly.
  • Inclusion d'une feuille de style dans une page web (version simplifiée) :
    <link rel="stylesheet" type="text/css" href="fichier" />
  • Formulaires pour générer des CSS : voir le chapitre 12 du poly, ou :
  • Positionnement et affichage avec les CSS : voir le chapitre 13 du poly.
  • Les bugs d'Internet Explorer, les contourner, les utiliser : voir le chapitre 14 du poly.
Exercice
  • Réaliser le site décrit au chapitre 10 du poly, en adaptant bien entendu à votre propre cas.
    Le résultat de votre travail devra réussir les tests du W3C pour HTML et CSS.
Dernière modification : 25/8/2016

Semaine du credi 1 octob' 2014 : CMTD n°3 (Cumul=9h)

Fin de l'exercice du TD précédent.
Dernière modification : 25/8/2016

Semaine du credi 8 octob' 2014 : CMTD n°4 (Cumul=12h)

Prévisions sur la suite du cours
  • Présentation de XML.
  • Application : DocBook.
  • Réalisation d'un document DocBook, avec plusieurs formats de sortie (HTML, PDF, RTF, etc.).
XML
Dernière modification : 25/8/2016

Semaine du credi 15 octob' 2014 : CMTD n°5 (Cumul=15h)

Le contrôle n°1 aura lieu le mercredi 22 octobre, à 9h, en salle A2.613, dans les conditions suivantes :
  • sur feuille,
  • tous documents PAPIER autorisés,
  • aucun document électronique (liseuse, tablette, ordinateur, téléphone, etc.).
XML DocBook
  • Transformer (Chavp;&nb =====Remp)acer cigspolltem>ollttre grâ===a.uitrexsltChuitreatnh===_age >n>">Chfr/posstyle=" olor.begnisolor.begni=======olor.SS>Para-toTD1 XML&nbclass="lys/fopp;<b va=pradu================austyles/xml-uitreUS styleSi&nbus&nbulez"> mee ist#ul at mnbus&npamez"lltstylelxemp). XML&nbclass="lys/mhapyyt;.xslp;<bommun/: ======panel-collan>Recopier olor: Tw3-lill1999/XSL/T========" ;DocBoo=" olor: olor: olor: Chfr/posstyle=" olor.begniss olorSi&nbus&hle/ulzmee cez/nt&,mnbus&leznez"ajce &r ci"> s olornbus&nbulez"/comm=persFi=tmisn> -DG/mees oloratnh=====sns an> olo=======re 6panel-colla/uln======dii">Duln=è=====diir/polysCliquer pour voir/cacher le texte. data-- fin de p-- fin de p-- fin de p-- fin de p-- fin de p--rce" s="panel-collapse collapse">
    
    CMTD n°6 (Cumul=18h)pan style="color: #007700">='1.0'&nCMTD/pan>Sr li   du"ctedi 22 octob' 2014CMTD n°6 (Cumul=18h)pah2>ivp;&nbvp;&nb
    =Ccoocbookx.e ====<======= -un    ===m=== citpan>< vp;&nbvp;&nb
    =
    nbsp;&l
    
    ->