NF92 TD 7 :

CSS, XML et DTD

Exercice 1 : familiarisation avec des outils de vrification pour XML

Un document XML est dit bien form s'il respecte certaines rgles. Il est dit valide s'il est en
plus conforme une DTD. Cet exercice va vous familiariser avec des outils de vrification.
Tapez dans un fichier l'exemple du cours de la bibliothque (avec le titre de livre "le temps
des cerises"), sauvegardez-le dans un fichier xml_biblio.xml.
Sous linux il existe le programme xmllint. Jetez un coup d'oeil au manuel (man xmllint). En
ligne de commande tapez : xmllint xml_biblio.xml, puis testez avec et sans l'option noout.
Testez la commande xmllint -- valid sur le fichier xml_biblio.xml. Commettez des erreurs de
faon avoir un document mal form et relancez la commande prcdente. Compltez votre
fichier en recopiant la DTD interne donne en cours, sauvegarder dans le fichier
xml_biblio_avecDTD.xml et testez nouveau sans et avec l'option dropdtd.
Sur le site du consortium w3c la page : http://validator.w3.org/#validate_by_upload permet
aussi de vrifier (attention l'encodage de caractres ...). Testez le service offert sur le site
avec les fichiers xml_biblio.xml et ml_biblio_avecDTD.xml. Qu'en concluez-vous ?
Exercice 2 : reprenez le CSS du cours et essayez-le sur l'exemple de la bibliothque du cours.
Exercice 3 : modlisation de donnes : catalogue des UVs de lUTC
1. Proposez la structure de donnes pour crer un catalogue des UVs de lUTC et donnez
quelques UVs en exemple.
2. Proposez la DTD correspondante. Faites simple n'utilisez que des noeuds lments
(pas d'attributs), et uniquement des donnes de type PCDATA.
3. Dessinez larbre de la DTD. Quel est votre lment racine ? Saisissez la DTD et les
donnes
dans
un
fichier
et
validez-le
avec
xmllint
et
http://validator.w3.org/#validate_by_upload.
4. Visualisez votre fichier XML dans un navigateur web. Comment se comporte le parser
xml de votre navigateur ? Liez votre fichier XML avec une feuille de style css et
visualisez-le de nouveau.
Exercice 4 : modlisation de donnes : Catalogue des tudiants de lUTC
1. Proposez la structure de donnes pour crer un catalogue des tudiants de lUTC
(identit, adresse, les UVs ). Donnez quelques tudiants en exemple.
2. Chaque tudiant possdera un attribut idetu unique, comment allez-vous procder ?
3. Proposez la DTD correspondante. Dessinez larbre de la DTD. Saisissez la DTD et des
donnes
dans
un
fichier
et
validez-le
avec
xmllint
et
http://validator.w3.org/#validate_by_upload.
4. Visualisez votre fichier XML dans un navigateur web. Liez votre fichier XML avec
une feuille de style css.

Exercice 5 : DTD externe et Dessin avec XML

Considrez la figure ci-aprs, proposez un fichier XML (sans lutilisation dattributs) pour un
fichier qui doit reprsenter cette figure compos de graphismes suivants : rectangle, rond,
droite, triangle. Incluez-y la notion POINT.

{4 cm}
x
[300, 200]

[100, 180]x
x
[400, 150]

[200, 130] (angle=0)

x

x
[150, 110]

[350, 110]
x

{3 cm}

x [130, 80]

x
[50, 50]

{5 cm}

x
[300, 50]

x
[370, 50]

Existe-t-il plusieurs solutions pour dfinir un triangle, un rectangle, un cercle ?

Proposez une DTD qui permettrait de modliser les graphismes point, rectangle, rond, droite,
triangle.
Exercice 6 : DTD externe et Dessin avec XML
Reprenez l'exemple du cours sur SVG, crez le fichier sauvegardez-le et visualisez-le dans
votre navigateur. Qu'est-ce qui permet (ou pas) au navigateur de visualiser le dessin ?