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

LE DTD qui donne la structure du document XML La feuille CSS pour afficher le XML La feuille XSL pour afficher le XML Lutilisation de style avec et CREATION.

Présentations similaires


Présentation au sujet: "LE DTD qui donne la structure du document XML La feuille CSS pour afficher le XML La feuille XSL pour afficher le XML Lutilisation de style avec et CREATION."— Transcription de la présentation:

1 LE DTD qui donne la structure du document XML La feuille CSS pour afficher le XML La feuille XSL pour afficher le XML Lutilisation de style avec et CREATION DE FEUILLE DE STYLE pour structuré le document XML

2 Exemple de structure de XML avec DTD

3 On déclare un élément actu de larbre XML conteneur dautre élément breve. On place entre Parenthèses les éléments enfants On place des indicateurs doccurrences: ? : 0 ou 1 fois * : 0 ou N fois + : au moins une fois Explication des éléments du DTD(1)

4 On déclare un élément breve de larbre XML conteneur dautre élément titre, texte, photo(0 ou 1 fois), url ( 0 ou N fois). On déclare un élément contenant des données Explication des éléments du DTD(2)

5 Pour la balise breve nous avons lattribut langue avec deux choix: soit fr (Français), soit en (Anglais) Pour lattribut theme nous avons plusieurs choix : actu|sport|bourse|media Description des Attributs

6 On peut utiliser des feuilles de style CSS en plaçant du style sur les balises XML Livre{ font-size:12pt; color:blue; } Les Feuilles de style

7 345 Livre 50 Un article très recherché NOKIA Exemple de feuille XSL( le xml)

8 Il sagit de créer une page HTML à partir du XML On crée un Modèle de page ou template NOUS PLACERONS ICI LE MODELE HTML(voir diapos suivante) Feuille de style xslt

9 Document XML NOUS PLACERONS ICI LES LIGNES EN DESIGNANT les VALEURS Numéro du produit : Continent : Nom du produit : Modèle Html avec xsl Création dune boucle sur le nœud produit

10 Prix du Produit : Modèle Html avec xsl, utilisation de style Intégration du nœud: prix et Attribut : monnaie Fin de boucle et fin de feuille de style

11 Document XML Numéro du produit : Continent : Nom du produit : Prix du Produit : Commentaire : Fournisseur : Document XML Numéro du produit : Continent : Nom du produit : Prix du Produit : Commentaire : Fournisseur : EXEMPLE DE FEUILLE DE STYLE COMPLETE

12 La balise est assez similaire à la balise pour ce qui concerne sa fonction, avec cependant une distinction importante : est une balise encadrant tout un "bloc" du document (block-level element).Elle occasionne un saut de ligne, contrairement à la balise. Elle peut contenir des paragraphes, des titres, des tableaux, et même d'autres divisions. Ce qui fait de, la balise idéale pour marquer différentes sortes de blocs tel qu'un chapitre, un résumé ou une note. La balise DIV est un conteneur qui peut inclure tous les tags html (paragraphes, tables..., et également d'autres divisions). Elle sert à structurer le document en plusieurs sections. Elle est l'alternative de la balise table pour ordonner les éléments dans une page et permet d'obtenir des présentations interressantes avec certains style CSS. L'attribut overflow peut par exemple implémenter automatiquement des scrollbars dans une div dont le contenu dépasse la taille. De même que la balise, elle s'avère particulièrement utile pour introduire des informations de styles brèves : phrases, groupes de mots ou même lettres isolées dans un mot. Utilisation de et pour introduire un style

13 Document XML Numéro du produit : Continent : Nom du produit : Prix du Produit : Commentaire : Fournisseur : Document XML Numéro du produit : Continent : Nom du produit : Prix du Produit : Commentaire : Fournisseur : EXEMPLE DE FEUILLE DE STYLE COMPLETE AVEC ET


Télécharger ppt "LE DTD qui donne la structure du document XML La feuille CSS pour afficher le XML La feuille XSL pour afficher le XML Lutilisation de style avec et CREATION."

Présentations similaires


Annonces Google