XML Un format d'échange et un langage de présentation des données associé au HTML.

Présentation au sujet: "XML Un format d'échange et un langage de présentation des données associé au HTML."— Transcription de la présentation:

1 XML Un format d'échange et un langage de présentation des données associé au HTML

2 XML : philosophie Format d'échange des données :
Fichier de texte brut, sans caractères spéciaux. Structure indépendante de la mise en forme. Syntaxe simple, structurée et normalisée.

3 XML : définitions XML = eXtended Markup Language
CSS = Cascade Style Sheet XSL= XML Style Language Transformations (XSLT)

4 XML : philosophie Séparation des données et de la présentation de celles-ci Utilisation de scripts (php, asp, …)pour construire la feuille XML des données, Utilisation de feuille de style CSS pour définir la présentation, Utilisation de feuille de style XSL pour transformer les balises XML en HTML.

5 XML : Production d'une page HTML
Feuille HTML volumineuse Requête SQL Script de production de la feuille HTML Feuille de données HTML (virtuelle) envoyée au client Association du code html au style (par le navigateur) Extraction et présentation des données : volumineux et difficile à maintenir

6 XML : Production d'une page XML_
Script de présentation des données Requête SQL Script de production de la feuille XML Feuille de données XML (virtuelle) envoyée au client Feuille de style, script de mise en forme XSL envoyée au client Extraction contenant les données, uniquement. Facile à maintenir Extraction et présentation des données : volumineux et difficile à maintenir

7 XML : Des balises comme on veut
Pas de norme de nommage des balises Une seule contrainte : ouvrir et fermer les balises (comme en html) Exemple : <balise propriété=valeur> Contenu </balise> Balise de début Balise de fin : /balise Propriété de la balise Contenu de la balise

8 XML : Des balises comme on veut
Exemple <listeDesGroupes> <titreDeLaListe>Groupe</titreDeLaListe> <groupe id="g001"> <nom>Groupe folklorique du Bachkortostan</nom> <pays>Bachkirie</pays> </groupe> <groupe id="g002"> <nom>Marina Prudencio Chavez</nom> <pays>Bolivie</pays> … </listeDesGroupes> * * * (*) Notez l'entrelacement des balises, comme en html

9 XML : Ajouter une présentation
Entête "mime", arbre XML Définit que la feuille contient une structure de données XML, arbre=structure. CSS : Présentation par feuille de style Définit les styles de présentation : couleur, position, etc. … XSL : Feuille de style de transformation des balises Script de conversion des balises XML en balises HTML. DTD : Feuille de définition des balises Définit et fige les noms des balises et leur arborescence possible. Permet de fixer "l'orthographe et la syntaxe" de l'arbre.

10 XML : les exemples du TD XML1.php : texte brut
Produit un texte sans présentation : groupe(s) Groupe folklorique du Bachkortostan Bachkirie Marina Prudencio Chavez Bolivie Nangola Bahia de Salvador Brésil Bizone de Kawarma Bulgarie Groupe folklorique camerounais Cameroun Syoung Yaru Mask Dance Group Corée du Sud Pipe Band Ecosse Aira da Pedra Espagne The Jersey Caledonian Pipe Band Jersey Groupe …

11 + ou - : Possibilité de "plier" ou "déplier" les sous arbres.
XML : les exemples du TD XML2.php + type mime Affiche l'arbre XML : + ou - : Possibilité de "plier" ou "déplier" les sous arbres.

12 XML : les exemples du TD XML3.php : + feuille de style CSS
Affiche une page avec une présentation approximative :

13 XML : les exemples du TD XML4.php : + feuille de style XML
XML5.php : + feuilles de style XML et CSS