La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

CURSUS DE FORMATION AUX NOUVELLES TECHNOLOGIES DE DEVELOPPEMENT UV Java / XML Module XML.

Présentations similaires


Présentation au sujet: "CURSUS DE FORMATION AUX NOUVELLES TECHNOLOGIES DE DEVELOPPEMENT UV Java / XML Module XML."— Transcription de la présentation:

1 CURSUS DE FORMATION AUX NOUVELLES TECHNOLOGIES DE DEVELOPPEMENT UV Java / XML Module XML

2 Module UV Java / XML Page 2 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Module XML n Introduction : eXtensible Markup Language n Premiers pas en XML n Le langage de base n XML par lexemple n Les DTD n Les liens n les feuilles de styles n CSS et XSL

3 Module UV Java / XML Page 3 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Introduction n Buts de cet exposé –présentation de XML : un nouveau paradigme internet –parallèle avec SGML et HTML n Applications –publications de documents sur le web –préparation de corpus pour le TAL –exemple : le corpus prématurés (HTML -> XML) –présentations d outils XML

4 Module UV Java / XML Page 4 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Références bibliographiques n Manuels de référence –« XML, langage et applications », Alain Michard, Editions Eyrolles, 1999 (noté désormais [XML 99]) –« GUIDEXPRESS XML », Andréas Petrausch, Editions Micro Application, 2000 (noté désormais [XML 00]) n Autres manuels –http://tecfa.unige.ch/guides/xml/slides/xml.pdfhttp://tecfa.unige.ch/guides/xml/slides/xml.pdf

5 Module UV Java / XML Page 5 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Liens (1) n Pages sur le site TAL-Paris3 www.cavi.univ-paris3.fr/ilpga/ilpga/tal/cours/parcours/cours/cours9.htm n Pages officielles sur l hypertoile –www.xml.orgwww.xml.org –www.w3.orgwww.w3.org –www.softwareag.com/xml/www.softwareag.com/xml/ –www.xmlsoftware.comwww.xmlsoftware.com –www.xml.com/pubwww.xml.com/pub –etc.

6 Module UV Java / XML Page 6 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Liens (2) n Pages sur l hypertoile à voir absolument pour commencer –XML expliqué aux débutantsXML expliqué aux débutants http://www.chez.com/xml/initiation/ –Le langage XMLLe langage XML http://www.citeweb.net/apetitje/xml/ Plus qu'un tutoriel ce site donne l'essentiel (centré MicroSoft)

7 Module UV Java / XML Page 7 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Logiciels/Utilitaires pour XML n Cf Site TAL pour un répertoire complet et adresses des outils à tester –Navigateurs/Editeurs : IE 5, Netscape 6, XML Notepad, XML-Spy, Amaya, Exml, Zveno Swish XML Editor etc. adresses sur le site TAL –Voir aussi : Majix : programme Java pour convertir documents WORD (i.e RTF) vers XML –www.tetrasix.comwww.tetrasix.com

8 Module UV Java / XML Page 8 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Un peu d histoire : rappels n SGML (ISO standard 1986) –norme internationale pour la représentation des documents –langage trop complexe pour le WEB n HTML (1990…) –application « pauvre » de SGML pour le WEB –langage sémantiquement figé n XML (1997…) –une version simplifiée de SGML adaptée au WEB –standardisation en cours, langage ouvert –disponible avec IE 5, Netscape 5, 6 (?)

9 Module UV Java / XML Page 9 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Les limites HTML n HTML ne permet pas de "marquer" les informations en fonction de leur signification. –si l'on souhaite présenter des informations concernant la chimie ou la météorologie pas de balises ATOM ou MOLECULE pour les chimistes, ni de balises CARTE ou TEMPERATURE pour les météorologues. –Il est hors de question de songer à intégrer de telles balises dans la norme HTML : la prise en compte des spécificités de tous les métiers et de toutes les spécialisations est impossible

10 Module UV Java / XML Page 10 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle –HTML est fait pour être affiché dans un « browser » pas pour échanger de l information entre programmes –HTML est faible pour l hypertexte n HTML ne respecte pas de sémantique formelle –on peut sans aucune contraintes, construire un document avec des balises H2, et sans balises H1. –Si ceci est acceptable en terme de rendu final du document, ce ne l'est en aucun cas en termes de sémantique du langage. –HTML est faible pour décrire le contenu d information en HTML on ne sait faire que de la recherche « full-text » => beaucoup de bruit

11 Module UV Java / XML Page 11 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle XML, version simplifiée de SGML pour le Web n La norme SGML n'a pas été retenue en raison de sa lourdeur et de sa complexité : –un très grand nombre de fonctionnalités qui sont très rarement utilisées –le support des différents jeux de caractères internationaux est quelque peu léger. n Le W3C a créé une norme plus simple, dérivée de SGML, et renforcée là ou SGML comporte des faiblesses. Cette norme est la norme XML.

12 Module UV Java / XML Page 12 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle HTML vs XML

13 Module UV Java / XML Page 13 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Normalisation des documents n Structurer l information –pour la retrouver facilement –l utiliser dans des applications n Faire des hypertextes efficaces n Afficher et imprimer de manière flexible n Un format normalisé pour –diffuser, échanger, stocker, chercher...

14 Module UV Java / XML Page 14 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Module XML n Introduction n Premiers pas en XML n Le langage de base n XML par lexemple n Les DTD n Les liens n les feuilles de styles n CSS et XSL

15 Module UV Java / XML Page 15 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Introduction par l exemple n Exemple : –Génération d un document XML –Affichage du document –Ajout d une feuille de style –raffinements...

16 Module UV Java / XML Page 16 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Création d un document XML avec WordPad

17 Module UV Java / XML Page 17 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Visualisation du document avec IE5

18 Module UV Java / XML Page 18 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Visualisation du document avec XML-Spy

19 Module UV Java / XML Page 19 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Ajout d une feuille de style (1) But : Ajout des attributs d affichage pour distinguer les éléments du document

20 Module UV Java / XML Page 20 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Ajout d une feuille de style (2) Création du fichier demo3.css

21 Module UV Java / XML Page 21 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Ajout d une feuille de style (3) Ajout de la spécification de la feuille de style demo3.css sur notre document

22 Module UV Java / XML Page 22 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Ajout d une feuille de style (4) Affichage avec IE5

23 Module UV Java / XML Page 23 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Ajout d une feuille de style (5) Affichage avec XML-Spy

24 Module UV Java / XML Page 24 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Module XML n Introduction n Premiers pas en XML n Le langage de base n XML par lexemple n Les DTD n Les liens n les feuilles de styles n CSS et XSL

25 Module UV Java / XML Page 25 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Introduction à XML n Deux types de documents XML –Document bien formé : obéit aux règles syntaxiques du langage XML (document correct) –Document valide : document bien formé qui obéit en outre à une structure type définie dans une DTD

26 Module UV Java / XML Page 26 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Structure d un document n Un prologue –facultatif mai conseillé n Un arbre d éléments –le contenu propre du document n Commentaires et instructions de traitement –facultatifs, présents dans le prologue ou dans l arbre d éléments

27 Module UV Java / XML Page 27 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Le prologue n Une déclaration XML n Instructions de traitement –cf [XML 1999, (Chap1, 4.4.7)] n Une déclaration de type de document –indique le type de document auquel se conforme le document en question

28 Module UV Java / XML Page 28 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle L arbre d éléments (1) n Un élément d un document XML –une balise d ouverture –le contenu de l élément –une balise de fermeture –Exemple : contenu de l élément

29 Module UV Java / XML Page 29 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle L arbre d éléments (2) n Tout élément fils de l arbre est complètement inclus dans son père –i.e. pas de recouvrement entre balises n Il existe un et un seul élément père qui contient tous les autres : l élément racine (root)

30 Module UV Java / XML Page 30 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Eléments et attributs n –une balise d ouverture se compose : < le nom de l élément un ou plusieurs attributs pour décrire certaines propriétés de l élément >

31 Module UV Java / XML Page 31 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle n Contenu d élément « visible » Serge Fleury ILPGA n Contenu d élément « invisible » <personne nom=« Serge Fleury » adresse=« ILPGA »

32 Module UV Java / XML Page 32 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Attribut prédéfini n Indication de langue aquarelle Water –la valeur de l attribut xml:lang est hérité dans l arbre des éléments

33 Module UV Java / XML Page 33 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Contenu d un élément n Un élément peut contenir –d autres éléments –des données –des références à des entités –des sections littérales –des instructions de traitement

34 Module UV Java / XML Page 34 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Données n Constituées par un flot de caractères –tous les caractères sont acceptés sauf le e commercial « & » et le caractère « plus petit que (<) »

35 Module UV Java / XML Page 35 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Références à des entités (1) n Entités prédéfinies –< => < –> => > –& => & –&apos; => –" => «

36 Module UV Java / XML Page 36 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Références à des entités (2) n Références à des caractères –références décimales < => < & => & –références hexadécimales &#003c; => < => & –utilisation des numéros que ces caractères ont dans les tables ISO 10646 ou Unicode

37 Module UV Java / XML Page 37 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Références à des entités (3) n Entités internes –il est possible de créer ses propres entités et d y faire référence dans le contenu des éléments

38 Module UV Java / XML Page 38 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Sections littérales n Si l on souhaite insérer une longue suite de caractères « spéciaux » il est préférable d utiliser une section littérale ou CDATA : S. Fleury & al. ]]> –réalisation : S. Fleury & al.

39 Module UV Java / XML Page 39 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Instructions de traitement n Une indication de traitement est destinée aux applications qui manipulent les documents XML –cible : nom de l application –arg1, arg2 : chaînes passées à l application

40 Module UV Java / XML Page 40 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Entités et notations (1) n Entités externes via URL <!DOCTYPE livre [ ]> Mon livre &SF; &chap1; &chap2;

41 Module UV Java / XML Page 41 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Entités et notations (2) n Entités externes via identificateur public –cf [XML 1999] n Entités non XML –cf [XML 1999]

42 Module UV Java / XML Page 42 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle XML et unicode n XML utilise le jeu de caractères de la norme ISO 10646 –les caractères alphabétiques, symboles, idéogrammes sont identifiés par un nombre codé sur 4 octets (32 bits) et sont décrits par une expression

43 Module UV Java / XML Page 43 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Stylistique XML : règle 1 n Il est recommandé d inclure dans un document XML des « métadonnées » qui pourront être utilisées par diverses applications : ces informations peuvent décrire le document ou une partie

44 Module UV Java / XML Page 44 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Stylistique XML : règle 2 n Il est recommandé de marquer toutes les constructions morpho-syntaxiques auxquelles devront être associées des règles de réalisation physique, typographique...

45 Module UV Java / XML Page 45 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Stylistique XML : règle 3 n Il est inutile d introduire dans un document des indications précises de réalisation physique

46 Module UV Java / XML Page 46 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Stylistique XML : règle 4 n Il est recommandé de marquer toutes les constructions morpho-syntaxiques qui ont une sémantique définie dans l univers du discours par un balisage spécifique –exemple : paragraphes, sections explicatives, notes supplémentaires, commentaires…

47 Module UV Java / XML Page 47 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Stylistique XML : règle 5 n Le choix de faire figurer une information comme valeur d attribut ou comme données dans un élément devra être mûrement réfléchi (cf supra).

48 Module UV Java / XML Page 48 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Module XML n Introduction n Premiers pas en XML n Le langage de base n XML par lexemple n Les DTD n Les liens n les feuilles de styles n CSS et XSL

49 Module UV Java / XML Page 49 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Exemple : une lettre

50 Module UV Java / XML Page 50 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Exemple : une lettre

51 Module UV Java / XML Page 51 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Ajout d attributs Exemple : une lettre

52 Module UV Java / XML Page 52 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Module XML n Introduction n Premiers pas en XML n Le langage de base n XML par lexemple n Les DTD n Les liens n les feuilles de styles n CSS et XSL

53 Module UV Java / XML Page 53 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Structure Type de document n Un document valide obéit à une structure type de document défini dans une DTD –un document valide est une instance de cette DTD n Une DTD est –l ensemble de toutes les déclarations contenues, soit directement ou par référence à des entités externes, dans une déclaration de type de document

54 Module UV Java / XML Page 54 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle <!DOCTYPE EXEMPLE [ ]> Texte de l instance de document correspondant à la DTD définie ci-dessus Structure Type de document

55 Module UV Java / XML Page 55 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Contenu d une DTD n Entités générales n Entités paramètres n Notations n Déclarations d éléments n Déclarations de listes d attributs n Commentaires

56 Module UV Java / XML Page 56 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Déclaration d élément n –ordre spécifié : –ordre libre : –Indicateur d occurrence d un élément : ID? : l élément ID peut apparaître 0 ou 1 fois ID* : l élément ID peut apparaître 0 ou n fois ID+ : l élément ID peut apparaître 1 ou n fois

57 Module UV Java / XML Page 57 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle –Données dans un élément les données sont constituées par un flot de caractères –Modèle mixte dans cet exemple l élément mixte est composé de données et d éléments, le caractère de répétition est obligatoirement l étoile –Contenu libre –Elément vide Déclaration d élément

58 Module UV Java / XML Page 58 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Déclaration de listes d attributs ex : –Type d attributs : CDATA : chaîne de caractères prise telle quelle ID ou IDREF : renvoi dans le document ENTITY ou ENTITIES : entité externe non XML NMTOKEN : noms symboliques formés de caractère alphanumériques NOTATION : attribut de notation

59 Module UV Java / XML Page 59 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle –Valeur par défaut : la valeur en question #REQUIRED : attribut obligatoirement présent et valeur spécifié par le créateur de l instance #IMPLIED : présence de l attribut facultative #FIXED Valeur : l attribut prend toujours cette valeur Déclaration de listes d attributs

60 Module UV Java / XML Page 60 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Déclaration d entités paramètres n Les entités déclarées dans un document sont appelées « générales » n Les entités déclarées dans une DTD sont appelées « paramètres » –Référence à l entité par %nom;

61 Module UV Java / XML Page 61 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle n Les entités paramètres peuvent être déclarées librement dans la partie externe de la DTD n Dans la partie interne (entre les crochets [ et ] de DOCTYPE), elles sont déclarées librement mais ne peuvent pas être référencées dans une autre déclaration Déclaration d entités paramètres

62 Module UV Java / XML Page 62 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Des exemples de documents XML n Sur le site TAL –Œuvres de Shakespeare Jon Bosak (bosak@eng.sun.com) July 15, 1999 –Un manuel XML, des textes divers... This is shaksper.200, a set of the plays of William Shakespeare marked up for electronic publication. The set began as ASCII files put into the public domain by Moby Lexical Tools in 1992. They were marked up in 1992 as a beginner's exercise in SGML DTD and stylesheet design (originally using the DynaText proprietary stylesheet language) and in 1996 were released along with a companion set of publicly available religious texts as the earliest examples of real documents marked up in (early) XML. The current distribution conforms to the XML 1.0 Recommendation released February 8, 1998.

63 Module UV Java / XML Page 63 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Module XML n Introduction n Premiers pas en XML n Le langage de base n XML par lexemple n Les DTD n Les liens n les feuilles de styles n CSS et XSL

64 Module UV Java / XML Page 64 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Les liens : lien interne n Liens hypertextuels internes via ID ou IDREF : –Dans la DTD –Dans l instance contenu référence à la section

65 Module UV Java / XML Page 65 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Les liens : lien externe n Ressources cibles –URL –pointeur XML position absolue suivie d une cascade de renvoi relatifs qui spécifient la cible renvoi absolu : –http://foo.bar.fr/foobar.xml#root() (la racine de la cible) –http://foo.bar.fr/foobar.xml#id(t132) (l élément contenant l attribut ID) –http://foo.bar.fr/foobar.xml#html(perso) (un élément ayant un attribut name qui a pour valeur perso)

66 Module UV Java / XML Page 66 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Renvoi relatif sur nœud : –vise un nœud de l arbre localisé par rapport au nœud identifié dans le renvoi absolu –types : child, descendant, ascendant, psibling, fsibling, preceding, following Renvoi sur valeur d attribut –renvoi vers une valeur d attribut désigné par son nom Renvoi sur chaîne –renvoi vers une chaîne de caractères Renvoi sur intervalles –permet de un intervalles d éléments (les 3 premiers fils) d un élément obtenu par le renvoi initial Les liens : lien externe

67 Module UV Java / XML Page 67 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Syntaxe des liens n URL : –http://foo.bar.fr/cible.xml n URL+pointeur : –http://foo.bar.fr/cible.xml#root().child(1,titre) la résolution du pointeur est faite par l application cliente –http://foo.bar.fr/cible.xml|root().child(1,titre) la résolution du pointeur est faite par l application cliente ou par le serveur n Pointeur : –#root().child(1,titre)

68 Module UV Java / XML Page 68 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Caractéristiques des liens n Liens multi-directionnels n Liens à multiples destinations n « Inlining » de contenus dans un document n Remplacement de contenus dans un document n Bases de données pour organiser des locations de liens

69 Module UV Java / XML Page 69 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Types de liens (1) n Lien simple inclus... –inclus dans le document d origine –une seule cible –unidirectionnel –on peut caractériser la cible (rôle, titre), l origine (idem), la sémantique du lien (comportement lorsque le lien est traversé)… [XML 1999]

70 Module UV Java / XML Page 70 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Types de liens (2) n Lien étendus –il s agit en fait de pouvoir créer un lien multicible et de laisser l application gérer la présentation des différentes cibles –cf [XML 1999]

71 Module UV Java / XML Page 71 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Module XML n Introduction n Premiers pas en XML n Le langage de base n XML par lexemple n Les DTD n Les liens n les feuilles de styles n CSS et XSL

72 Module UV Java / XML Page 72 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Feuilles de styles avec XML n Cascading Style Sheet (CSS) n eXtensible Stylesheet Language (XSL) –On utilisera [XML 1999] pour une présentation complet des notions associées à des langages de descriptions des feuilles de styles avec XML n La présentation faite infra reprend celle faite sur le site : http://www.citeweb.net/apetitje/xml

73 Module UV Java / XML Page 73 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Cascading Style Sheet CSS1/2 n Les Cascading Style Sheets ou Feuilles de Styles en Cascade ont été initialement conçues pour le langage HTML. n La première version du standard, dite CSS niveau 1 (CSS1), a été publiée en 1996

74 Module UV Java / XML Page 74 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle n Mai 1998, le W3 Consortium a publié une nouvelle version, dite CSS niveau 2 (CSS2). –Introduction de la notion de type de média qui permet de spécifier la mise en page d'un document en vue de son affichage sur écran, de son impression sur papier, ou d'indiquer les conditions de sa réalisation par synthèse vocale ou sur des terminaux braille. –Les spécifications complètes : http://www.w3c.org/TR/CSShttp://www.w3c.org/TR/CSS Cascading Style Sheet CSS1/2

75 Module UV Java / XML Page 75 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Création d une feuille CSS n plusieurs manières de procéder : en incluant en-tête de page HTML les styles que l'on souhaite employer dans la page en question. en écrivant une feuille de style dans un fichier séparé. n Cette seconde solution est celle qui a été retenue pour l'utilisation avec XML

76 Module UV Java / XML Page 76 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle n Cela s'écrit de la façon suivante : Création d une feuille CSS

77 Module UV Java / XML Page 77 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Concepts de base n Il est facile de concevoir des feuilles de style simples. n Exemple pour définir la couleur bleue à l'élément (ou balise) H1, on écrira : H1 { color: blue }

78 Module UV Java / XML Page 78 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle La règle de style n Une règle de style se compose –d'un sélecteur qui indique l'élément auquel elle s'applique, et d'une ou de plusieurs propriétés ainsi que leur valeur respective. –Le couple propriété: valeur forme ce que l'on appelle la déclaration. sélecteur {propriété1: valeur ; propriété2: valeur }

79 Module UV Java / XML Page 79 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle n On peut regrouper les sélecteurs en les séparant par une virgule. H1, H2, H3 { font-family: arial } n On peut regrouper les déclarations. H1 { font-weight: bold; font-size: 12pt; line-height: 14pt; font-family: arial; font-variant: normal; font-style: normal; } La règle de style

80 Module UV Java / XML Page 80 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Héritage Dans le premier exemple, nous avons spécifié la couleur bleue à l'élément H1. Supposons maintenant que nous avons un élément en italique à l'intérieur de celle-ci. n Le titre d'un document est très important !

81 Module UV Java / XML Page 81 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle n Si aucune couleur n'a été spécifiée pour l'élément EM, le mot en italique "est" héritera automatiquement de la couleur de son élément parent (H1), soit bleue pour notre exemple. n Il en va également de même pour toutes les autres propriétés à savoir font-family, font-size, etc... Héritage

82 Module UV Java / XML Page 82 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle n Pour définir un style "par défaut" pour tout un document il suffit de le définir sur l'élément parent à tous les autres - l élément racine - i.e en HTML, l'élément. –BODY { color : black; background: white; font-style: arial; } Héritage

83 Module UV Java / XML Page 83 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Sélecteur de classe n Afin d'accroître le contrôle de granularité sur les éléments, un nouvel attribut a été ajouté à HTML : 'CLASS'. n Tous les éléments contenus dans l'élément racine peuvent être regroupés par classe. Ces classes seront définies dans la feuille de style.

84 Module UV Java / XML Page 84 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Titre H1.citation { font-style: italic; font-weight: bold } La vie est trop courte pour se faire la guerre Sélecteur de classe

85 Module UV Java / XML Page 85 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle n Cas 1 : dans l exemple précédent, l'élément H1 est « surchargé » dans le document HTML. n Cas 2 : on aurait pu aussi écrire une feuille de style de la façon suivante :.citation { font-style: italic; font- weight: bold } Sélecteur de classe

86 Module UV Java / XML Page 86 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle n Il existe une méthode plus élégante pour utiliser les classes sans avoir surcharger des éléments prédéfinis. Il s'agit de l'élément DIV qui a été réservé à cet effet. Ce texte apparaîtra avec les propriétés définies dans la classe aspect1... Sélecteur de classe

87 Module UV Java / XML Page 87 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Commentaires Les commentaires utilisés à l'intérieur des feuilles de style sont similaires à ceux que l'on utilise en langage C. EM { color: red } /* rouge, vraiment rouge !! */

88 Module UV Java / XML Page 88 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle body {font-family: arial, helvetica; font-size:9pt} td {font-family: arial, helvetica; font-size:9pt} H1 {font-family: arial, helvetica; font-size:12pt; font-style:italic} a {font-family: arial, helvetica; font-size:9pt; font-weight:bold; color:#b80000} a:hover {font-family: arial, helvetica; color:#FF0000} a.main {font-family: arial, helvetica; font-size:9pt; font-weight:bold; color:#b80000} a.sub {font-family: arial, helvetica; font-size:9pt; color:#b80000} p {font-size:12pt; text-align: justify} UL {text-align: justify} LI {list-style-image: url(./images/pucerouge.gif) } CODE {font-size:11pt} Exemple de feuille de style utilisée pour toutes les pages du site : http://www.citeweb.net/a petitje/xml Exemple de feuille de style

89 Module UV Java / XML Page 89 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle eXtensible Stylesheet Language (XSL) n IMPORTANT : la norme XSL n'étant pas encore achevée n Présentation faite sur la base du document de travail du W3C de Juillet 1998

90 Module UV Java / XML Page 90 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Généralités n Pour définir une règle de style il faut : –1. décrire le squelette ou arbre du document –2. décrire le style que l'on veut appliquer à chaque articulation du squelette ou à chaque de noeud de l'arbre

91 Module UV Java / XML Page 91 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle n un document XML est une structure arborescente Structure arborescente

92 Module UV Java / XML Page 92 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Les règles n template rule –décrit la structure de chaque noeud de l'arbre ainsi que le style à appliquer à ce noeud. n Une feuille de style XSL est tout simplement un document XML qui contient tout un ensemble de règles.

93 Module UV Java / XML Page 93 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle n Une règle se décompose en deux parties : –on associe un motif (pattern) au patron (template) afin d'identifier chaque noeud de l'arbre –on associe une action, une mise en forme, un formatage ou une transformation au noeud résultant –Un motif sélectionne un noeud en utilisant un ou plusieurs des critères suivants : un nom l'ancêtre de l'élément un identifiant unique (ID) des jokers un attribut de l'élément source sa position relative par rapport à ses éléments voisins ou frères Les règles

94 Module UV Java / XML Page 94 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Le formatage de l'arbre n Dans l'ancienne spécification, la mise en forme des noeuds de l'arbre se fait en utilisant les balises du jeu d'instruction de HTML; c'est actuellement ce qui fonctionne avec Internet Explorer 5.0.

95 Module UV Java / XML Page 95 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle n Dans la nouvelle spécification, la mise en forme ressemble plus à la syntaxe de CSS à laquelle quelques éléments on été scindés pour d'augmenter la précision du formatage des documents. Le formatage de l'arbre

96 Module UV Java / XML Page 96 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Le formatage de l'arbre

97 Module UV Java / XML Page 97 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle n le document XML : n Bonjour monde ! n le fichier XSL – n le résultat : –Bonjour monde ! Le formatage de l'arbre

98 Module UV Java / XML Page 98 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Module XML n Introduction : eXtensible Markup Language n Premiers pas en XML n Le langage de base n XML par lexemple n Les DTD n Les liens n les feuilles de styles n CSS et XSL

99 Exemple 1 « bonjour le monde »

100 Module UV Java / XML Page 100 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Utilisation de CSS (1 : le doc) Bonjour monde !

101 Module UV Java / XML Page 101 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Utilisation de XSL (1 : le doc) Bonjour monde !

102 Module UV Java / XML Page 102 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Utilisation de CSS/XSL (2 : la DTD)

103 Module UV Java / XML Page 103 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Utilisation de CSS (3 : la feuille de style) document{font-family: arial, helvetica} salutation{font-size:16pt; font-style:italic; font-weight:bold}

104 Module UV Java / XML Page 104 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Utilisation de XSL (3 : la feuille de style)

105 Module UV Java / XML Page 105 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Rendu avec IE 5 sans CSS

106 Module UV Java / XML Page 106 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Rendu avec IE 5 avec CSS

107 Module UV Java / XML Page 107 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Rendu avec IE 5 avec XSL

108 Exemple 2 Une pièce de Ionesco

109 Module UV Java / XML Page 109 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle I. Expérience du théâtre Quand on me pose la question : « Pourquoi écrivez vous des pièces de théâtre ? » je me sens toujours très embarrasé, je ne sais quoi répondre. Il me semble parfois que je me suis mis à écrire du théâtre parce que je le détestais. Je lisais des œuvres littéraires, des essais, j'allais au cinéma avec plaisir. J'écoutais de temps à autre de la musique, je visitais les galeries d'art, mais je n'allais pour ainsi dire jamais au théâtre. II. Controverses et témoignages Je suis paraît-il, un auteur dramatique d'avant-garde. La chose me paraît même évidente puisque je me trouve ici, aux entretiens sur le théâtre d'avant-garde. Cela est tout à fait officiel. Maintenant, que veut dire avant-garde ? Je ne suis pas docteur en théâtralogie, ni en philosophie de l'art, à peine ce qu'on appelle un homme de théâtre. Notes et contre-notes Eugène Ionesco Le doc

110 Module UV Java / XML Page 110 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle

111 Module UV Java / XML Page 111 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle document {font-family: times new roman, helvetica; float: right; border-style: solid; width: auto; border-width: 2px; margin-left: 10%; margin-right: 10%; padding-left: 10px; padding-right: 10px;} titre{display: block; font-family: arial, helvetica; font-size:12pt; font-style:italic; font-weight:bold; margin-top: 3mm; margin-bottom: 5mm} para{display: block; text-align: justify; margin-bottom: 5mm;} livre,auteur{display: block; font-size:10pt; font-style: italic} Feuille de style CSS

112 Module UV Java / XML Page 112 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle

113 Module UV Java / XML Page 113 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle A{} document { float: right; border-style: solid; width: auto; border-width: 2px; margin-left: 10%; margin-right: 10%; padding-left: 10px; padding-right: 10px; background-image: url(../../images/foggy.png); } titre{display: block; font-family: arial, helvetica; font-size:12pt; font-style:italic; font-weight:bold; margin-top: 3mm; margin-bottom: 5mm} auteur{display: block; font-size:10pt; font-style:italic; } livre { font-size: 10pt; font-weight:bold; margin-left: 80%;} para{display: block; text-align: justify; margin-bottom: 5mm;} Feuille de style CCS

114 Module UV Java / XML Page 114 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle

115 Module UV Java / XML Page 115 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Chapitre Feuille de style XSL

116 Module UV Java / XML Page 116 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle

117 Module UV Java / XML Page 117 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle Sommaire Chapitre Chapitre Feuille de style XSL

118 Module UV Java / XML Page 118 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle

119 Module UV Java / XML Page 119 / 119 Deruelle Laurent Copyright © 2002 Laurent Deruelle XML : une norme qui évolue n Des modifications sont à prévoir n En attendant, il faut s y préparer… avec ce qui est déjà disponible


Télécharger ppt "CURSUS DE FORMATION AUX NOUVELLES TECHNOLOGIES DE DEVELOPPEMENT UV Java / XML Module XML."

Présentations similaires


Annonces Google