XML. Initiation. ou comment décrypter ce langage cla ssé X

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimension: px
Commencer à balayer dès la page:

Download "XML. Initiation. ou comment décrypter ce langage cla ssé X"

Transcription

1 Dr Jean-Charles Dufour LERTIM, Service du P r Fieschi Faculté de Médecine Marseille Université de la Méditerranée Novembre 2009 XML Initiation ou comment décrypter ce langage cla ssé X

2 Objectifs Énumérer les avantages et les inconvénients de XML Citer des applications utilisant XML Créer un document XML bien formé (wellformed) Créer une DTD et un document XML valide Afficher un document XML grâce à une feuille de style CSS

3 extensible Markup Language Langage de marquage extensible Un exemple vite! Exemple de document XML <?xml version="1.0" encoding="iso "?> <cours> <titre>initiation à XML</titre> <enseignant>jean-charles Dufour</enseignant> <date>01 avril 2004</date> </cours>

4 XML HTML? XML n'est pas "la relève" de HTML XML seul ne présente aucune donnée XML est moins éprouvé que HTML XML est plus difficile à utiliser que HTML Pourtant : XML s est imposé!

5 Pourquoi XML? Standardisation des formats de documents Fédérer différentes applications Palier les inconvénients du HTML : Exclusivement conçu pour affichage Web Stock limité de balises Mélange structure et mise en page HTML : +/- une page HTML par affichage (écran, imprimante, WAP, PDA, ) XML : format de base identique quelle que soit l'utilisation finale

6 Avantages Séparation structure, contenu, présentation Lisibilité universelle : codage texte versus codage binaire Indépendant des plates-formes et des programmes Extensible Structure arborescence aisément compréhensible

7 Avantages Standard gratuit sans droit de licence Métalangage permettant de créer d'autres langages (SMIL, MathML, WML ) Internationalisable : XML peut utiliser n'importe quel jeu de caractères (Latin, Chinois, Arabe, Grec etc ) Assure la pérennité des documents (!? ) XML est particulièrement adapté pour l'échange des données et des documents

8 Inconvénients Espace de stockage plus important que le format binaire (petit inconvénient!) Mise en page nécessite un langage tiers (C'est aussi un avantages!)

9 Quelques applications du XML WAP XHTML Open Office FileMaker Microsoft Office (version XP, 2003, 2007)

10 L'histoire du XML Il était, encore une fois, le SGML GML : 1969 C.F. Goldfab, IBM SGML : 1986 standard ISO (Standardized Generalized Markup Language) WWW et HTML : 1989 T. Berners-Lee, Centre Rech. Nucléaire Zürich HTML = Stock limité de balises SGML + balise pour les liens hypertexte XML v1.0 : 1998 Recommandation du World Wide Web Consortium (W3C)

11 HTML : un beau B Bazard! HTML mélange : 1. Présentation <i> <u> <b> <font> 2. Structure <p> <h1> <h2> 3. Sémantique <title> <code> <cite> <q> 4. Interaction <form> <input> <button>

12 Structure Contenu - Présentation Langage HTML Langages XML Présentation Contenu Structure Présentation Contenu Structure XSL, CSS XML DTD, Schema Un contexte d'utilisation : Web Plusieurs contextes d'utilisations : Web, gestion, échange d'info, fédération,

13 XML seul n'est d'aucune utilité! Langage de structuration de données pur : XML ne donne aucune propriété de mise en page XML seul ne permet aucun traitement des données : stockage ou échange seulement

14 Principe d'utilisation(s) du XML 1 document XML n utilisations Utilisation1 <?xml version="1.0" encoding="iso ?> <cours> <titre>initiation à XML</titre> <enseignant>jean-charles Dufour</enseignant> <date>6 décembre 2002</date> <duree unite="heure">3</duree> <participants> <participant>pierre Dupond</participant> <participant>sylvie Dumas</participant> <participant>paul Martin</participant> <participant>paul Gontran</participant> <participant>henri Boultra</participant> <participant>eric Josse</participant> <participant>emile Triche</participant> <participant>claire Bennilla</participant> <participant>andré Grobo</participant> <participant>bill Gate</participant> </participants> </cours> Traitement(s) Utilisation2 Utilisation3

15 Ce que vous connaissez maintenant L'origine du XML Les avantages et inconvénients de XML Quelques applications utilisant XML Présentation Contenu XSL, CSS XML Structure DTD, Schema Contextes d'utilisations

16 Règles de base Jamais d'espace ni de caractères spéciaux pour nommer les balises <une balise>contenu</une balise> > Jamais de balise commençant par xml ou un chiffre <1balise> <xmlbalise> <balise1> <balisexml>

17 Règles de base XML est sensible à la casse <UneBalise> <unebalise> <UNEBALISE> Les balises sont toujours fermés <unebalise>contenu</unebalise> <unebalise></unebalise> OU <unebalise/> (si ne contient rien) Imbrication rigoureuse des balises Toujours une balise racine (root)

18 Règles de base Une balise peut avoir des attributs <unebalise attribut1="valeur 1" attribut2="valeur2"> La valeur d'un attribut : Toujours entourée de " ou ' (double ou simple cote) Toujours spécifiée (même si vide) <unebalise attribut1> <unebalise attribut1=> <unebalise attribut=""> <unebalise attribut1=''> 2 doubles cotes OU 2 simples cotes

19 Règles de base Document XML débute par le prologue <?xml version="1.0" encoding="iso "?> Respect des règles de bases = document bien formé (well-formed) Prologue Élément racine Éléments fils de cours <?xml version="1.0" encoding="iso "?> <cours niveau="1" durée="3 heures"> <titre>initiation à XML</titre> <enseignant>jean-charles Dufour</enseignant> <date>01 avril 2006</date> </cours>

20 Exercice 1. Créez un document XML décrivant un film de votre choix 2. Vérifiez qu'il est bien formé en l'affichant dans Internet Explorer (analyser ou parser) Une possibilité parmi une infinité! <?xml version="1.0" encoding="iso "?> <film type="cinéma"> <titre>psychose</titre> <annéeréalisation>1963</annéeréalisation> <réalisation>alfred Hitchcock</réalisation> <interprètes> <interprète>anthony Perkins</interprète> <interprète>janet Leigh</interprète> </interprètes> </film>

21 Exercice Ce document est-il bien formé? <?xml version="1.0" encoding="iso "?> <Lettre>Cher confrère, je vous adresse Mr <Nom>Dupond</Nom>, <Prénom>Jean</Prénom> qui se plaint d'une <Symptôme code="r060">dyspnée</symptôme> et d'une <Symptôme code="r05">toux</symptôme>. Je pense qu'il s'agit d'une <Diagnostic code="j42" statut="hypothèse">bronchite</diagnostic> mais il me faut votre avis pour éliminer un <Diagnostic code="j459" statut="hypothèse">asthme</diagnostic>. </Lettre>

22 Solution OUI! Il respecte la syntaxe XML La balise <Lettre> contient un succession de textes et de balises filles correctement imbriquées

23 Ce que vous savez faire maintenant Respecter la syntaxe XML pour créer un document bien formé Présentation Contenu Structure XSL, CSS XML DTD, Schema Contextes d'utilisations

24 Problème! Autant de structures XML film que d'étudiants Regroupement, travail collaboratif compromis!

25 Solution! 1. Donner des indications strictes pour structurer le document film 2. Puis, vérifier que chaque document film respecte ces règles

26 Contrôler la structure d'un document DTD : Document Type Definition DTD définit : Nom des balises autorisées L'ordre des balises Les imbrications Les attributs autorisés L'obligation ou non de spécifier des attributs Les valeurs possibles des attributs

27 Syntaxe d'une DTD Spécifier (déclarer) une balise (ELEMENT) : <!ELEMENT nomdelabalise (contenudelabalise)> Spécifier (déclarer) un ou plusieurs attributs : <!ATTLIST nomdelabalise nomattribut1 TYPE #OPTION nomattribut2 TYPE #OPTION>

28 Exemple Le document XML <?xml version="1.0" encoding="iso "?> <cours niveau="1" durée="3 heures"> <titre>initiation à XML</titre> <enseignant>jean-charles Dufour</enseignant> <date>6 décembre 2002</date> <participants> <participant>pierre Dupond</participant> <participant>sylvie Dumas</participant> <participant>paul Martin</participant> </participants> </cours> sa DTD <!ELEMENT cours (titre, enseignant, date, participants)> <!ATTLIST cours niveau CDATA #REQUIRED durée CDATA #REQUIRED> <!ELEMENT titre (#PCDATA)> <!ELEMENT enseignant (#PCDATA)> <!ELEMENT date (#PCDATA)> <!ELEMENT participants (participant+)> <!ELEMENT participant (#PCDATA)>

29 Comment définir le contenu d'une balise? <!ELEMENT nomdelabalise (contenudelabalise)> Symbole Signification Exemple () Regroupe le contenu <!ELEMENT cours (titre, enseignant, date)>, Liaison ET : tous les éléments doivent être présents et dans cet ordre Liaison OU EXCLUSIF : un seul des éléments doit être présent (titre, enseignant, date) (TP magistral TD) Aucun symbole L'élément doit être présent 1 seule fois (titre) + L'élément doit être présent 1 fois ou plus Le groupe doit être présent 1 fois ou plus? L'élément est optionnel. Il peut apparaître 0 ou 1 fois (enseignant+) (commentaire, description)+ (titre, enseignant, date?) * L'élément peut apparaître 0 ou plusieurs fois (participant*) #PCDATA L'élément peut contenir n'importe quelles chaînes de caractères(parsed Character Data) <!ELEMENT TP (#PCDATA)>

30 Comment définir l'existence d'un attribut? <!ATTLIST nomdelabalise nomattribut TYPE #OPTION> Définition de l'option de l'attribut Symbole Signification Exemple #REQUIRED L'attribut doit être présent <!ATTLIST cours durée CDATA #REQUIRED> #IMPLIED L'attribut est optionnel <!ATTLIST cours début CDATA #IMPLIED> #FIXED "valeur" Aucun symbole suivit de "valeur" La valeur de l'attribut est fixée L'attribut prend une valeur par défaut. <!ATTLIST cours durée CDATA #FIXED "3 h"> <!ATTLIST cours début CDATA "9 h">

31 Comment définir le contenu d'un attribut? <!ATTLIST nomdelabalise nomattribut TYPE #OPTION> Définition du type de l'attribut Symbole Signification Exemple CDATA (valeur1 valeur2) La valeur de l'attribut est une chaîne de caractères L'attribut peut avoir la valeur1 ou la valeur2 <!ATTLIST cours durée CDATA #REQUIRED> <!ATTLIST cours niveau (1 2 3) #REQUIRED>

32 Associer document XML et DTD - DTD Externe - <!DOCTYPE baliseracine SYSTEM "chemin/fichier.dtd"> Le chemin est absolu ou relatif Le document XML associé à <?xml version="1.0" encoding="iso "?> <!DOCTYPE cours SYSTEM "cours.dtd"> <cours niveau="2" duree="3h"> <titre>initiation à XML</titre> <enseignant>jean-charles Dufour</enseignant> <date>6 décembre 2002</date> <participants> <participant>pierre Dupond</participant> <participant>sylvie Dumas</participant> <participant>paul Martin</participant> </participants> </cours> sa DTD <!ELEMENT cours (titre, enseignant, date, participants)> <!ATTLIST cours niveau CDATA #REQUIRED duree CDATA #REQUIRED> <!ELEMENT titre (#PCDATA)> <!ELEMENT enseignant (#PCDATA)> <!ELEMENT date (#PCDATA)> <!ELEMENT participants (participant+)> <!ELEMENT participant (#PCDATA)>

33 Associer document XML et DTD - DTD Interne - <!DOCTYPE baliseracine [la_syntaxe_de_la_dtt]> La DTD est incluse directement dans le document XML <?xml version="1.0" encoding="iso "?> <!DOCTYPE Message [ <!ELEMENT Message (Expediteur, Destinataire, Titre, Texte)> <!ELEMENT Expediteur (#PCDATA)> <!ELEMENT Destinataire (#PCDATA)> <!ELEMENT Titre (#PCDATA)> <!ELEMENT Texte (#PCDATA)> ]> <Message> <Expediteur>Jean</Expediteur > <Destinataire>Pierre</Destinataire > <Titre>Salut</Titre> <Texte>Comment vas-tu depuis notre dernière rencontre?</texte> </Message>

34 Document XML Valide Document XML valide : sa structure correspond à la structure décrite dans sa DTD Valider un document Internet Explorer : parser non-validant Add-in de validation : Internet Explorer Tools for Validating XML and Viewing XSLT Output (iexmltls.exe) Puis : click droit sur msxmlval.inf Installer click droit sur mscmlvw.inf Installer Formulaire de validation online (DTD Interne seulement) (pour IE seulement) (pour IE et FireFox)

35 Exercice Créez un document XML valide pour cette DTD : <!ELEMENT Personne (Nom, Prenom?, Adresse*, Telephone+)> <!ELEMENT Nom (#PCDATA)> <!ELEMENT Prenom (#PCDATA)> <!ELEMENT Adresse (#PCDATA)> <!ELEMENT Telephone (#PCDATA)>

36 Une solution <?xml version="1.0" encoding="iso "?> <!DOCTYPE Personne SYSTEM "Personne.dtd"> <Personne> <Nom>Dupond</Nom> <Prenom>Jean</Prenom> <Telephone> </Telephone> <Telephone> </Telephone> </Personne>

37 Exercice Créez un document XML valide pour cette DTD : <!ELEMENT Parking (ListeDeVoitures)> <!ATTLIST Parking nombreniveaux ( ) #REQUIRED proprietaire CDATA #IMPLIED tarif CDATA #FIXED "1 euro / heure" > <!ELEMENT ListeDeVoitures (Voiture*)> <!ELEMENT Voiture (Marque, Proprietaire)> <!ELEMENT Marque (#PCDATA)> <!ELEMENT Proprietaire (#PCDATA)>

38 Une solution <?xml version="1.0" encoding="iso "?> <!DOCTYPE Parking SYSTEM "parking.dtd"> <Parking nombreniveaux="2"> <ListeDeVoitures> <Voiture> <Marque>Renault</Marque> <Proprietaire>Jean Dupond</Proprietaire> </Voiture> <Voiture> <Marque>BMW</Marque> <Proprietaire>Pierre Paul</Proprietaire> </Voiture> </ListeDeVoitures> </Parking>

39 Exercice Créez une DTD pour valider votre document XML décrivant un film Ma solution <!ELEMENT film (titre, annéeréalisation, réalisation, interprètes)> <!ATTLIST film type (cinéma télévision) #REQUIRED > <!ELEMENT titre (#PCDATA)> <!ELEMENT annéeréalisation (#PCDATA)> <!ELEMENT réalisation (#PCDATA)> <!ELEMENT interprètes (interprète+)> <!ELEMENT interprète (#PCDATA)>

40 Ce que vous savez faire maintenant Expliquer le rôle d'une DTD Pré-déterminer la structure d'un document XML grâce à une DTD Créer une DTD pour un document XML préexistant Vérifier qu'un document XML est valide pour une DTD donnée

41 Ce que vous savez faire maintenant Présentation Contenu Structure XSL, CSS XML DTD, Schema Contextes d'utilisations

42 Afficher du XML (une première utilisation) Principe : Appliquer une feuille de style CSS au document XML <?xml version="1.0" encoding="iso "?> <?xml-stylesheet href="feuillestyle.css" type="text/css"?> <Document> <Question>Comment afficher un message?</question> <Reponse>Simplement avec une feuille de style!</reponse> </Document> Méthode : 1 sélecteur CSS 1 balise XML

43 Modifier l'affichage : modifier la CSS! feuillestyle.css Reponse { font-family: Arial; font-weight: bold; color: red } feuillestyle.css Reponse { font-family: Arial; font-weight: bold; color: red } Question { display: block; font-family: Arial; background: yellow; font-size: 21px; }

44 Exercice Créer une feuille de style CSS pour afficher votre document XML décrivant un film

45 Une solution film.css titre { display : block; background-color : white; font-size: 40px; font-family: "Monotype Corsiva"; } anneerealisation { font-family : Arial; font-size: 20px; } realisation { font-family : Arial; font-size: 20px; font-style: italic; color: Blue; } Attention : Dans une feuille CSS, seules les balises sans accent peuvent être référencées interprete { display : block; background-color: #FFF8DC; border: 1px solid #D2691E; margin-right: 80%; margin-left: 20px; margin-bottom: 2px; font-family: Tahoma; font-size: 14px; font-variant: small-caps; font-weight: bold; }

46 Ce que vous savez faire maintenant Afficher un document XML à l'aide d'une feuille de style Modifier l'affichage sans modifier le document XML Présentation Contenu XSL, CSS XML Structure DTD, Schema Contextes d'utilisations

47 Ce que nous n'avons pas vu Les espaces de noms (NameSpace) Toutes les possibilités des DTD (ENTITY, NOTATION, ANY, combinaison de groupe, ) Schema XSL

48 Testez vos connaissances! Quiz du W3Schools [date d'accès 2/12/2002] Vous devez obtenir au moins 13/20, sinon revoyez ce cours et aidez-vous des références ci-après

49 Ressources XML pour débutants Johann-Christian Hancke Compétence Micro n 27 (5,80 ) Dispo. en kiosque ou sur commande ( Comment ça marche (cf. section XML) Jean-François PILLOU W3Schools.com (cf. section XML tutorials) Refsnes Data Exemples de pages Web entièrement développées avec XML Exemple d'un document xml plusieurs présentations (utilisation de XSL) (puis cliquez sur Demo)

XML. DTD Le schéma XSD

XML. DTD Le schéma XSD XML Structure d un dun document xml DTD Le schéma XSD Structure dun d un document XML Un document XML contient les éléments suivants: Le prologue Un arbre contenant

Plus en détail

XML versus SGML. SGML (Standard Genaralized Markup Language) Sépare les données et la mise en forme

XML versus SGML. SGML (Standard Genaralized Markup Language) Sépare les données et la mise en forme Formation XML Plan XML versus SGML La structure d un document XML Composantes d un document XML Document XML bien formé Document XML valide DTD (Définition Type Document) interne, externe Déclaration d

Plus en détail

Module BD et Sites Web. Cours 4 XML

Module BD et Sites Web. Cours 4 XML Module BD et Sites Web Cours 4 XML 1 Constat Les données du Web sont très hétérogènes (HTML, Word, pdf, données multimedia, données structurées, etc.) Interopérabilité des données? Les mêmes données sont

Plus en détail

Chapitre 5.5. Le langage xml. La numérisation suffit-elle à valoriser l information? Question 5. Chapitre 5.5 Le langage xml.

Chapitre 5.5. Le langage xml. La numérisation suffit-elle à valoriser l information? Question 5. Chapitre 5.5 Le langage xml. Sources : Manuel Fontaine Picard Réseau CERTA Page 1 / 6 1 Présentation du langage XML 1.1 Définition du langage XML XML est l acronyme de extensible Markup Language. Ce langage a été développé à partir

Plus en détail

Le format XML. 6 octobre Le format XML. Historique. permettre. Exemple. Mise en oeuvre. Structure.

Le format XML. 6 octobre Le format XML. Historique. permettre. Exemple. Mise en oeuvre. Structure. Le format Ce qu va Le format 6 octobre 2011 emeline.dorey@gmail.com 6 octobre 2011 Le format 1 / 30 Sommaire Le format Ce qu va 1 2 Ce qu va 3 4 5 6 6 octobre 2011 Le format 2 / 30 : de à Le format Ce

Plus en détail

UPMC/Licence/Info/2I013 Pentodroid XML

UPMC/Licence/Info/2I013 Pentodroid XML UPMC/Licence/Info/2I013 Pentodroid XML Janvier 2017 1 Structure XML Extensible Markup Language héritier de SGML (Standard Generalize Markup Language) est un language formel de description de documents

Plus en détail

Responsable : F. CHAKER-KHARRAT Niveau : 3 ème ESSAI Notes du cours :

Responsable : F. CHAKER-KHARRAT Niveau : 3 ème ESSAI Notes du cours : COURS PROGRAMMATION WEB ASCADING STYLE SHEETS CSS CASCADING Responsable : F. CHAKER-KHARRAT Niveau : 3 ème ESSAI Notes du cours : http://essai.rnu.tn/enseignants/fatmachaker2.htm Année Universitaire :

Plus en détail

Programmation XML. XML par l éxemple. Objectifs et plan du cours. Exemple : La fiche du film Gladiator. Bernd Amann. Objectifs:

Programmation XML. XML par l éxemple. Objectifs et plan du cours. Exemple : La fiche du film Gladiator. Bernd Amann. Objectifs: 1 3 Programmation XML Bernd Amann XML par l éxemple 2 4 Objectifs: Objectifs et plan du cours Apprendre les bases de XML Etudier et mettre en oeuvre deux langages (XPath et XSLT) conçues pour la programmation

Plus en détail

XML - Semaine 2. XML - Semaine 2. Pierre Nerzic. février-mars 2016. 1 / 54 Pierre Nerzic

XML - Semaine 2. XML - Semaine 2. Pierre Nerzic. février-mars 2016. 1 / 54 Pierre Nerzic XML - Semaine 2 Pierre Nerzic février-mars 2016 1 / 54 Pierre Nerzic Le cours de cette semaine présente la vérification d un document à l aide de deux techniques : Les Document Type Definitions (DTD) venant

Plus en détail

INSA - ASI TechnoWeb : XML 1/37. Technologie Web. XML et DTD. Alexandre Pauchet. INSA Rouen - Département ASI. BO.B.RC.18,

INSA - ASI TechnoWeb : XML 1/37. Technologie Web. XML et DTD. Alexandre Pauchet. INSA Rouen - Département ASI. BO.B.RC.18, INSA - ASI TechnoWeb : XML 1/37 Technologie Web XML et DTD Alexandre Pauchet INSA Rouen - Département ASI BO.B.RC.18, pauchet@insa-rouen.fr INSA - ASI TechnoWeb : XML 2/37 Plan 1 Introduction 2 Document

Plus en détail

CSS 3. Julien David. A101 - Julien David (A / 27

CSS 3. Julien David. A101 - Julien David (A / 27 CSS 3 Julien David A101 - david@lipn.univ-paris13.fr 2016 Julien David (A101 - david@lipn.univ-paris13.fr) 2016 1 / 27 Feuilles de styles Cascading Style Sheets CSS est un langage de feuilles de styles.

Plus en détail

Internet statique et dynamique XML. Programmation de sites web statiques et dynamiques. extended Markup Language (XML) Jean CARTIER MASTER INI

Internet statique et dynamique XML. Programmation de sites web statiques et dynamiques. extended Markup Language (XML) Jean CARTIER MASTER INI Programmation de sites web statiques et dynamiques extended Markup Language () Jean CARTIER MASTER INI jcartier@laposte.net 1 extented Markup Language () Le HTML est un langage très bien adapté à la diffusion

Plus en détail

Fiche TD n 1 Le langage HTML

Fiche TD n 1 Le langage HTML Fiche TD n 1 Le langage HTML 1 Introduction Le HTML est le langage utilisé pour formaliser l information échangée sur internet. Il est constitué de balises qui indiquent de quelle manière les informations

Plus en détail

Manuel d'instruction. Manuel d'instruction. Transmission électronique. du rapport mensuel. sous le format XML. Février 2015. Version 1.

Manuel d'instruction. Manuel d'instruction. Transmission électronique. du rapport mensuel. sous le format XML. Février 2015. Version 1. Manuel d'instruction Manuel d'instruction Transmission électronique du rapport mensuel sous le format XML Février 2015 Version 1.3 LE COMITÉ PARITAIRE DE L'INDUSTRIE DES SERVICES AUTOMOBILES DE LA RÉGION

Plus en détail

Dossier ISN : Tracés de fonctions mathématiques :

Dossier ISN : Tracés de fonctions mathématiques : Dossier ISN : Tracés de fonctions mathématiques : Par Crosetti Pauline et Depoers Quentin. Lycée Colbert Tourcoing. Année scolaire 2012/2013. Sommaire : - Recherches et étude du projet - Html - Css - Javascript

Plus en détail

HTML. HyperText Markup Language. Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises qui permettent :

HTML. HyperText Markup Language. Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises qui permettent : HTML HyperText Markup Language Objectifs : - s'initier au langage HTML - savoir lire un code source html simple Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises

Plus en détail

Université de Nice-Sophia Antipolis Jeudi 15 mars Création et Manipulation de documents

Université de Nice-Sophia Antipolis Jeudi 15 mars Création et Manipulation de documents Université de Nice-Sophia Antipolis Jeudi 15 mars 2007 Polytech CiP1 Durée: 1h30 Création et Manipulation de documents (Hélène Renard / Sylvain Schmitz) Travaux Dirigés Séance n o 6 1 Objectifs du TD Utiliser

Plus en détail

MODULE HTML CSS.

MODULE HTML CSS. MODULE HTML CSS David Tourel david.tourel@iut-tlse3.fr HTML : HyperText Markup Language Langage de description Interprété par les navigateurs Associé au CSS et JavaScript Métiers: développeur front end,

Plus en détail

UNIVERSITE DE M SILA BDDA 2014/2015. Base de données XML

UNIVERSITE DE M SILA BDDA 2014/2015. Base de données XML Base de données XML XML «extensible Markup Language» fut développé en 1996, et standardisé par le W3C en 1998. C est un sous-ensemble de SGML. Il s agit d un format de documents permettant de représenter

Plus en détail

ISN - HTML : Apprendre HTML5. M. Lagrave HTML5. Code source Site classique CSS Bluefish. M. Lagrave. Lycée Beaussier

ISN - HTML : Apprendre HTML5. M. Lagrave HTML5. Code source Site classique CSS Bluefish. M. Lagrave. Lycée Beaussier Lycée Beaussier 2012 2013 Sommaire Le HTML «HyperText Markup Language» est un langage de balisage pour la création de site internet, il sert à structurer votre document. D autres langages peuvent s ajouter

Plus en détail

XML DTD CSS Aide-mémoire

XML DTD CSS Aide-mémoire XML DTD CSS Aide-mémoire Bernard JACQUEMIN SCIMEC/CREM UHA Bernard (pt) Jacquemin (at) uha (pt) fr Langage XML Notions Le langage XML est un langage informatique strict qui permet de structurer des données

Plus en détail

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv> Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee

Plus en détail

TD n 5 : Feuilles de styles

TD n 5 : Feuilles de styles TD n 5 : Feuilles de styles 1. Préparation du site a. Récupérez le site avec liens internes et tableaux du TD4 et assurez vous qu il soit dans un dossier aide-memoire sous D:\et-l2. 2. Joindre une feuille

Plus en détail

Langages à balises : une introduction

Langages à balises : une introduction Langages à balises : une introduction Yannick Prié UFR Informatique Université Lyon UE2.2 Master SIB M 2004-2005 Objectif généraux du cours Comprendre les grands principes de la représentation de données

Plus en détail

Modélisation et interopérabilité : Semaine 39, TD-1

Modélisation et interopérabilité : Semaine 39, TD-1 Modélisation et interopérabilité : Semaine 39, TD-1 Benoît Valiron http://inf356.monoidal.net/ 1 Le Métalangage XML 2 Exercice : Bien formé? (6 choses)

Plus en détail

Chapitre 3 : Le langage HTML

Chapitre 3 : Le langage HTML Chapitre 3 : Le langage HTML 4 ème SI (TIC) I. Introduction : Le langage HTML (HyperText Markup Language) n'est pas un langage de programmation proprement dit. Il permet tout simplement de spécifier la

Plus en détail

<div id="nom_id" class="ma_classe">texte affiché</div>

<div id=nom_id class=ma_classe>texte affiché</div> Rappel - Les sélecteurs de base La syntaxe de CSS est simple, elle est composée de 3 éléments: un sélecteur des propriétés des valeurs sélecteur { Il existe 3 sélecteurs de base: le sélecteur de balise

Plus en détail

Les CSS et la gestion des différentes polices La police, la taille du texte, gras ou pas, tous ces paramètres sont réglables en CSS.

Les CSS et la gestion des différentes polices La police, la taille du texte, gras ou pas, tous ces paramètres sont réglables en CSS. La police, la taille du texte, gras ou pas, tous ces paramètres sont réglables en CSS. font-family: Famille de police font-size: Taille de votre police de caratère font-style: Le style de police. Gras,

Plus en détail

XML (extensible Markup Language)

XML (extensible Markup Language) XML (extensible Markup Language) Références : XML, Micro Application e-poche http://giles.chagnon.free.fr/cours/xml/base.html http://www.cgmatane.qc.ca/forgetj/formation/int4/xml.php 1. Qu est-ce que XML?

Plus en détail

Modélisation et interopérabilité : Technologie XML

Modélisation et interopérabilité : Technologie XML Modélisation et interopérabilité : Technologie XML Benoît Valiron http://inf356.monoidal.net/ Le problème Manipuler des données textuelles à travers Diverses applications

Plus en détail

> RETOUR A LA LIGNE. Pour forcer un retour à la ligne, insérez la balise <BR>. [BR comme BReak (rupture) en anglais]

> RETOUR A LA LIGNE. Pour forcer un retour à la ligne, insérez la balise <BR>. [BR comme BReak (rupture) en anglais] GUIDE HTML ADMINIS TRATIO N DE VO TRE SITE Ce document présente les principales balises HTML pour vous permettre d enrichir la présentation des textes gérés par formulaire d administration. > L usage de

Plus en détail

CARACTÉRISER, METTRE EN FORME ET ANALYSER DES DONNÉES

CARACTÉRISER, METTRE EN FORME ET ANALYSER DES DONNÉES CARACTÉRISER, METTRE EN FORME ET ANALYSER DES DONNÉES Encodage de caractère et fichier de texte Texte et informatique 1 En informatique on utilise beaucoup de texte, mais pas seulement pour représenter

Plus en détail

Petit manuel de prise en main de XML

Petit manuel de prise en main de XML LE PROGRAMMEUR Petit manuel de prise en main de XML Kevin Howard Goldberg Traduit par Éric Jacoboni, avec la contribution technique de Gilles Hunault Table des matières Introduction...........................

Plus en détail

Jean-Marc Lecarpentier - Introduction à XML. Echange de documents textuels. Echange de documents textuels. Echange de documents textuels

Jean-Marc Lecarpentier - Introduction à XML. Echange de documents textuels. Echange de documents textuels. Echange de documents textuels Jean-Marc Lecarpentier Introduction à XML GREYC - Université de Caen Echange de documents textuels Différents moyens Fichiers de type binaire : Word PostScript Fichiers de type texte : Texte brut Latex

Plus en détail

Introduction à XML. Parcours I3L L3

Introduction à XML. Parcours I3L L3 Introduction à XML Parcours I3L L3 SGML XML 1986 - Standard Generalised Mark-up Language (SGML) : Provient d'une idée de 1967 : séparation du contenu d'un et de son format 70's : structure vs. présentation

Plus en détail

XML-Bases. www.fenetresurtoile.com XHTML. Les bases. Jean-François Ramiara. INP-ENM 04/10/2012 Toulouse. Copyright J.F. Ramiara Tous droits réservés

XML-Bases. www.fenetresurtoile.com XHTML. Les bases. Jean-François Ramiara. INP-ENM 04/10/2012 Toulouse. Copyright J.F. Ramiara Tous droits réservés XHTML Les bases Jean-François Ramiara INP-ENM 04/10/2012 Toulouse 1 Généralités Jean-François Ramiara XML 2 jours Initiation à XML Contenu Cours Exercices Support PDF Horaires Tour de table 2 Sommaire

Plus en détail

Introduction à XML. Cours Licence Pro RT Web et Mobile Gérard Rozsavolgyi

Introduction à XML. Cours Licence Pro RT Web et Mobile Gérard Rozsavolgyi Introduction à XML Cours Licence Pro RT Web et Mobile 2016-2017 Gérard Rozsavolgyi roza@univ-orleans.fr Une histoire de Famille HTML : HyperText Markup Language (~1990) XML : extensible Markup Language

Plus en détail

CARACTÉRISER, METTRE EN FORME ET ANALYSER DES DONNÉES

CARACTÉRISER, METTRE EN FORME ET ANALYSER DES DONNÉES CARACTÉRISER, METTRE EN FORME ET ANALYSER DES DONNÉES Encodage de caractères Historique 1 Code de signaux maritimes Code morse pour le télégraphe dès 1836 initialement lettres et chiffres quelques symboles

Plus en détail

Arbres Mathématiques Informatique et Navigateurs Internet

Arbres Mathématiques Informatique et Navigateurs Internet Arbres Mathématiques Informatique et Navigateurs Internet Jacques Duma Présentation de la structure d arbre sur des exemples qui montrent où elle intervient en mathématique et en informatique. Application

Plus en détail

Technologies de l internet Date: 26 juillet 2011, 14h30 17h20

Technologies de l internet Date: 26 juillet 2011, 14h30 17h20 IFT3225-E2011 Examen Final Consignes Technologies de l internet Date: 26 juillet 2011, 14h30 17h20 Philippe Langlais Les calculatrices, téléphones, ordinateurs, etc. ne sont pas autorisés (vous pouvez

Plus en détail

par Philippe Poulard Présentation XML 1 Philippe.Poulard@sophia.inria.fr Philippe Poulard

par Philippe Poulard Présentation XML 1 Philippe.Poulard@sophia.inria.fr Philippe Poulard 1 Philippe.Poulard@sophia.inria.fr Philippe Poulard Mise en bouche Voici à quoi ressemble un document XML : Cours

Plus en détail

CSS CSS : Cascading Style Sheets (feuilles de styles en cascade ) Cas générale : La structure du code : Nom_balise { Propriété : valeur ;

CSS CSS : Cascading Style Sheets (feuilles de styles en cascade ) Cas générale : La structure du code : Nom_balise { Propriété : valeur ; CSS CSS : Cascading Style Sheets (feuilles de styles en cascade ) Cas générale : La structure du code : Nom_balise Pour les commentaires : /* un commentaire */ Classe : La construction d une classe :.ma_classe

Plus en détail

Plan Généralités Syntaxe CSS Appliquer un style Ressources CSS : Définir les couleurs Texte Arrière plan Exercices

Plan Généralités Syntaxe CSS Appliquer un style Ressources CSS : Définir les couleurs Texte Arrière plan Exercices Dreamweaver CSS Plan Généralités Syntaxe CSS Appliquer un style Ressources CSS : Définir les couleurs Texte Arrière plan Exercices CSS CSS - Cascading Style Sheets Servent à mettre en forme les éléments

Plus en détail

Compte rendu du TP3 (XML/XSL)!: le CV

Compte rendu du TP3 (XML/XSL)!: le CV Angebault Baptiste le 30/11/2009 Licence professionnelle flux numérique Compte rendu du TP3 (XML/XSL)!: le CV Xml et xsl? XML est un langage de structuration des données, et non de représentation des données.

Plus en détail

Les bases du HTML5/CSS3

Les bases du HTML5/CSS3 1 Les bases du HTML5/CSS3 Ce premier chapitre rappelle tout ce qu il est bon de connaître lorsqu on se lance dans le développement HTML5/CSS3, depuis la déclaration de type de document jusqu au regroupement

Plus en détail

Création de sites Web ~ Module 1 Introduction HTML - CSS

Création de sites Web ~ Module 1 Introduction HTML - CSS Création de sites Web ~ Module 1 Introduction HTML - CSS 1 Introduction : HTML, pour HyperText Markup Language, est le langage conçu pour représenter les pages Internet. C est un langage de balises permettant

Plus en détail

Organisation d un document XSLT

Organisation d un document XSLT Les comportements serveur XSLT CHAPITRE 6 375 tion, et générera un document résultat pouvant être une page XHTML, ou tout type de format selon le média visé (XML, WML, texte, etc.). Voir figure 6-5-a.

Plus en détail

Licence Pro SIL - IUT XML

Licence Pro SIL - IUT XML Licence Pro SIL - IUT Structure et échange d informations XML Julien Pinquier, pinquier@irit.fr Plan Organisation Introduction à XML Structure d un document XML Déclarations de Type de Documents (DTD)

Plus en détail

Réussir son site web avec XHTML et CSS

Réussir son site web avec XHTML et CSS Leçon 06 Réussir son site web avec XHTML et CSS CSS, le langage de mise en page du Web 1. Insérer du code CSS...1 Dans un fichier.css...1 Dans l en-tête du fichier XHTML...3 2. Appliquer un style à des

Plus en détail

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML, CSS Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML Pour le fond -> HTML Pour la forme ->CSS Les balises Les balises orphelines Attributs de balise LES BALISES PRINCIPALES HTML

Plus en détail

INTRODUCTION. méta-langage

INTRODUCTION. méta-langage INTRODUCTION renault twingo Bic 1999 etc.. XML : extensible

Plus en détail

XML & DTD. Aurélien Tabard, Université Lyon 1. Basé sur les cours de Yannick Prié. Aurélien Tabard - Université Claude Bernard Lyon 1

XML & DTD. Aurélien Tabard, Université Lyon 1. Basé sur les cours de Yannick Prié. Aurélien Tabard - Université Claude Bernard Lyon 1 XML & DTD Aurélien Tabard, Université Lyon 1 Basé sur les cours de Yannick Prié!1 Objectifs du cours Être capable de comprendre des documents XML et des DTD Être capable de construire des documents XML

Plus en détail

2. XML. Cours Web. extended Markup Language (XML) 2. XML 2. XML. extented Markup Language (XML) Lionel Seinturier. Université Pierre & Marie Curie

2. XML. Cours Web. extended Markup Language (XML) 2. XML 2. XML. extented Markup Language (XML) Lionel Seinturier. Université Pierre & Marie Curie Cours Web extended Markup Language (XML) Lionel Seinturier Université Pierre & Marie Curie Lionel.Seinturier@lip6.fr extented Markup Language (XML) Constat sur HTML langage très bien adapté à la diffusion

Plus en détail

Objectif : séparer le contenu de la présentation. Tout ce qui sera de la présentation sera géré par du CSS. Code dédié dans le <head> de la page :

Objectif : séparer le contenu de la présentation. Tout ce qui sera de la présentation sera géré par du CSS. Code dédié dans le <head> de la page : CSS La présentation Objectif : séparer le contenu de la présentation. Tout ce qui sera de la présentation sera géré par du CSS. Code dédié dans le de la page : body { background: orange;

Plus en détail

Résumé XML XML. XPATH SVG Schema XSL. VoiceXML. Figure 1 : évolution des langages à balises

Résumé XML XML. XPATH SVG Schema XSL. VoiceXML. Figure 1 : évolution des langages à balises XML, extensible Markup Language 1-Origine de XML On trouve l origine des langages à balises dans la nécessité d échanger des informations dont la structure est trop complexe pour être simplement mise sous

Plus en détail

XML. Nicolas Singer. Maître de conférence, université Champollion

XML. Nicolas Singer. Maître de conférence, université Champollion XML Nicolas Singer Maître de conférence, université Champollion XML? Langage de description de documents électroniques : Pour stocker et échanger des documents Par extension, pour représenter tout type

Plus en détail

Conception d'interfaces Web

Conception d'interfaces Web Conception d'interfaces Web Licence 1 2. Créer un site Web avec HTML5 et CSS3 Bruno Jobard I. Introduction Les langages HTML et CSS décrivent la structure et la présentation d'une page Web. HTML est un

Plus en détail

CREATION WEB DYNAMIQUE

CREATION WEB DYNAMIQUE CREATION WEB DYNAMIQUE II ) xhtml ET CSS II-1 ) Introduction Le xhtml, extensible HyperText Markup Language, est un langage identique au langage HTML mais respectant la syntaxe définie par XML Quant vous

Plus en détail

CHARGÉE DE COURS : N. VANASSCHE

CHARGÉE DE COURS : N. VANASSCHE CHARGÉE DE COURS : N. VANASSCHE WWW.NATHALIEVANASSCHE.BE DE NOMBREUSES PERSONNES CONFONDENT (À TORT) INTERNET ET LE WEB. le Web fait partie d'internet. Internet est donc un grand ensemble qui comprend,

Plus en détail

Partie HTML TD 1 : Les bases du HTML

Partie HTML TD 1 : Les bases du HTML Partie HTML TD 1 : Les bases du HTML 1 Introduction HTML = HyperText Marked Language HTML est un langage permettant de décrire des données affichables sous forme de page par un navigateur Web. HTML peut

Plus en détail

Bertrand DAVID : Interaction Humain-Machine

Bertrand DAVID : Interaction Humain-Machine Interaction Humain-Machine Xml La transformation avec Xslt Les parseurs les outils pour Xml Transformation de documents dans les applications multimédia 1 XML extensible Markup Langage Un langage universel

Plus en détail

NSY107 - Intégration des systèmes client-serveur

NSY107 - Intégration des systèmes client-serveur NSY107 - Intégration des systèmes client-serveur Cours du 10/06/2006, 4 heures, Thème : XML Emmanuel DESVIGNE Document sous licence libre (FDL) Plan du cours «XML» Introduction/Généralités

Plus en détail

XML. Damien Nouvel. Damien Nouvel (Inalco) XML 1 / 21

XML. Damien Nouvel. Damien Nouvel (Inalco) XML 1 / 21 XML Damien Nouvel Damien Nouvel (Inalco) XML 1 / 21 Structuration de données Plan 1. Structuration de données 2. Définition de la structure des documents 3. Transformations XML Damien Nouvel (Inalco) XML

Plus en détail

Introduction à XML. 1. Notions de base. Introduction à XML

Introduction à XML. 1. Notions de base. Introduction à XML Introduction à XML INTRODUCTION À XML 1. NOTIONS DE BASE 2. EXEMPLE SIMPLE 3. SYNTAXE XML 3.1. LES CARACTÈRES SPÉCIAUX 4. DTD 5. DOCUMENT XML AVEC FEUILLE DE STYLE CSS 6. XLS ET XSLT 6.1. EXEMPLE DE DOCUMENT

Plus en détail

Table des matières 1. Editions ENI - Toute reproduction interdite

Table des matières 1. Editions ENI - Toute reproduction interdite Table des matières 1 Introduction L'Internet aujourd'hui...7 Le World Wide Web Consortium et les standards...7 Les logiciels de conception de sites web...7 L'objectif du livre...8 Interface de conception

Plus en détail

XML, DTD. Dan VODISLAV. Université de Cergy-Pontoise. Licence Informatique L3. Plan

XML, DTD. Dan VODISLAV. Université de Cergy-Pontoise. Licence Informatique L3. Plan XML, DTD Dan VODISLAV Université de Cergy-Pontoise Licence Informatique L3 Plan XML: pourquoi et comment Principes et caractéristiques de base Comparaison avec HTML et les BD relationnelles Le format XML

Plus en détail

Mémo CSS 3. Exemple : h1 concerne toutes les éléments titres de niveau 1 <h1> de la page.

Mémo CSS 3. Exemple : h1 concerne toutes les éléments titres de niveau 1 <h1> de la page. Mémo CSS 3 Les sélecteurs simples balise permet de viser tous les éléments d un certain type de balise. Exemple : h1 concerne toutes les éléments titres de niveau 1 de la page..maclasse permet de

Plus en détail

INTRODUCTION. Plan du cours. Introduction à XML XML? XML

INTRODUCTION. Plan du cours. Introduction à XML XML? XML Plan du cours Introduction à XML Fabrice Rossi http://apiacoa.org/contact.html. Université Paris-IX Dauphine 1. XML : (a) introduction (b) le langage (c) les DTD (d) les espaces de noms 2. les schémas

Plus en détail

DONNÉES ET CONNAISSANCES POUR LE WEB Cours 1

DONNÉES ET CONNAISSANCES POUR LE WEB Cours 1 Contenu du cours 1. XML pour la représentation des données Motivation, présentation d'xml sérialisé (cours 1) Notions de schémas et de validation (cours 1) 2. Interroger des documents XML XPath (cours

Plus en détail

WSIA? 6 cours de 3h 5 séances de TD/TP 3h. 1 séance de soutenance de 3h. Evaluation?

WSIA? 6 cours de 3h 5 séances de TD/TP 3h. 1 séance de soutenance de 3h. Evaluation? 2008-2009 Master 1 Info. Info 2 WSIA Cours 1 : Introduction à XML et aux DTD Jérôme Nobécourt jerome.nobecourt@gmail.com Sylvie Després sylvie.despres@lipn.univ-paris13.fr WSIA? 6 cours de 3h 5 séances

Plus en détail

Web et présentation d information spatiale

Web et présentation d information spatiale Université de La Rochelle LUP-SIG 2004-2005 Programmation SIG et Internet Cartographique Web et présentation d information spatiale Format XML Jean-Michel FOLLIN jmfollin@univ-lr.fr Limitations HTML Limitations

Plus en détail

Historique. DIOKHE Saër- DESS MATHS DISCRETES (Université Louis Pasteur ) Fevrier 2003

Historique. DIOKHE Saër- DESS MATHS DISCRETES (Université Louis Pasteur ) Fevrier 2003 Historique Dès le début des années 90, le CERN (Centre Européen de Recherche Nucléaire) rend public le projet World Wide Web. Ce projet consistait à définir un langage de présentation de documents hypertextes

Plus en détail

Programmation Web HTML5

Programmation Web HTML5 Programmation Web HTML5 Julien David A101 - david@lipn.univ-paris13.fr 2016 Julien David (A101 - david@lipn.univ-paris13.fr) 2016 1 / 1 Organisation Cours 5 séances pour 5 langages : HTML5, CSS3, PHP5,

Plus en détail

Check list du référencement

Check list du référencement Check list du référencement La check-list d optimisation du référencement du site propose une liste de points à vérifier pour mieux positionner votre site dans les moteurs de recherche. Avant de rentrer

Plus en détail

HTML5 et CSS3. Table des matières : CE qu'est l'html5 Déclaration De Page page 3 Ossature D'une Page Les Balises. Les Nouvelles Balises CSS3

HTML5 et CSS3. Table des matières : CE qu'est l'html5 Déclaration De Page page 3 Ossature D'une Page Les Balises. Les Nouvelles Balises CSS3 HTML5 et CSS3. Table des matières : CE qu'est l'html5 page 2 Déclaration De Page page 3 Ossature D'une Page page 3 Les Balises...page 4-6 Les Nouvelles Balises...page 4-6 CSS3 page 7-9 Page 1/9 HTML5 Le

Plus en détail

Chapitre 4. Numériser les données : l'encodage des caractères

Chapitre 4. Numériser les données : l'encodage des caractères Chapitre 4 Numériser les données : l'encodage des caractères Avant l'informatique Codage (écriture) : Tablette d'uruk (caractères cunéiformes) Transcodage (cryptographie) Courrier de Jules Cesar Le nom

Plus en détail

Le langage XML. Sébastien Jean. IUT de Valence Département Informatique. v3.3, 10 novembre 2008

Le langage XML. Sébastien Jean. IUT de Valence Département Informatique. v3.3, 10 novembre 2008 Le langage XML Sébastien Jean IUT de Valence Département Informatique v3.3, 10 novembre 2008 Qu est ce que XML? Généralités XML = extensible Markup Language Spécification du W3C Version 1.0 (1998-2004)

Plus en détail

par Philippe Poulard Présentation XML Philippe Poulard 1 Philippe.Poulard@inria.fr

par Philippe Poulard Présentation XML Philippe Poulard 1 Philippe.Poulard@inria.fr 1 Philippe.Poulard@inria.fr Philippe Poulard Mise en bouche Voici à quoi ressemble un document XML : Cours

Plus en détail

La vocation purement sémantique de la page HTML a été pervertie avec les années.

La vocation purement sémantique de la page HTML a été pervertie avec les années. Bruxelles Formation CEPEGRA Olivier Céréssia 2012 PRÉAMBULE A mille lieues de la vision structuraliste de ses créateurs, la page HTML est devenue un document hybride mêlant structure, contenu, mise en

Plus en détail

Plan. 1.Rappels 2.Type de documents 3.Définition de types de documents (DTD) 4.Syntaxe des DTD 5.Utilisation des DTD. Référence :

Plan. 1.Rappels 2.Type de documents 3.Définition de types de documents (DTD) 4.Syntaxe des DTD 5.Utilisation des DTD. Référence : Définitions de types de documents : DTD Plan 1.Rappels 2.Type de documents 3.Définition de types de documents (DTD) 4.Syntaxe des DTD 5.Utilisation des DTD Référence : Extensible Markup Language (XML)

Plus en détail

XHTML et CSS. 17 et 18 mai 2006 CRI-IUT 2006 METZ - Jérôme LANDRÉ - IUT Le Creusot 1

XHTML et CSS. 17 et 18 mai 2006 CRI-IUT 2006 METZ - Jérôme LANDRÉ - IUT Le Creusot 1 XHTML et CSS 17 et 18 mai 2006 CRI-IUT 2006 METZ - Jérôme LANDRÉ - IUT Le Creusot 1 1) Introduction 2) HTML, XML 3) XHTML 4) CSS 5) Exemples 6) Outils 7) Conclusion Sommaire 17 et 18 mai 2006 CRI-IUT 2006

Plus en détail

Introduction. Principe général : distinction entre le contenu et la forme Rappel de quelques avantages découlant de cette distinction :

Introduction. Principe général : distinction entre le contenu et la forme Rappel de quelques avantages découlant de cette distinction : Introduction Principe général : distinction entre le contenu et la forme Rappel de quelques avantages découlant de cette distinction : Alléger les pages Web (une définition pouvant s'appliquer à plusieurs

Plus en détail

Une introduction à HTML5

Une introduction à HTML5 Une introduction à HTML5 Rémi Gilleron Université Lille & INRIA Lille & Cristal UMR CNRS Source principale : Cours de Fabien Torre émi Gilleron (Université Lille & INRIA Lille & Cristal UMR CNRS) Bases.

Plus en détail

Structuration des données : XML & JSON

Structuration des données : XML & JSON Structuration des données : XML & JSON Structuration des données : quels besoins? Besoin d'échanger des données entre acteurs: Données bancaires Données de remboursement de santé Description d'une recherche

Plus en détail

XML et DTD: rappels Cours Document et Web Sémantique. Quelques concepts importants. Évolution de XML. Organisation

XML et DTD: rappels Cours Document et Web Sémantique. Quelques concepts importants. Évolution de XML. Organisation Plan et : rappels Cours Document et Web Sémantique Nicolas Malandain 1 Généralités Organisation Les éléments Les attributs Les sections littérales Les Entités Conseils 2 Organisation Les éléments Les attributs

Plus en détail

STUDIO - TI6 TABLE DES MATIÈRES. NOUVELLE MATIÈRE (suite) 9. Intégration du logo. Sujet. HTML - CSS révisions - suite.

STUDIO - TI6 TABLE DES MATIÈRES. NOUVELLE MATIÈRE (suite) 9. Intégration du logo. Sujet. HTML - CSS révisions - suite. STUDIO - TI6 PASCAL PLACEMAN Sujet HTML - CSS révisions - suite TABLE DES MATIÈRES Nouvelle matière: 9. Intégration du logo 10. Un titre devant la vidéo 11. Utiliser des polices typographiques grâce à

Plus en détail

protocole utilisé (autre exemple ftp)! nom du serveur!

protocole utilisé (autre exemple ftp)!  nom du serveur! Le Langage HTML! Finalité:! Définir un langage permettant d élaborer des sites Web, c est à dire un ensemble de pages web (ou pages Html) organisées (de façon logique) sous forme de graphe.! La transition

Plus en détail

Bases de Données Avancées

Bases de Données Avancées Bases de Données Avancées Enseignant / chargé de TD : Dario COLAZZO www.lri.fr/~colazzo Chargée de TP : Jesús CAMACHO-RODRIGUEZ www.lri.fr/~camacho Plan Tuning d index Concurrence Reprise sur panne Données

Plus en détail

CHAPITRE 4 DE BD AVANCÉES XML -DTD

CHAPITRE 4 DE BD AVANCÉES XML -DTD CHAPITRE 4 DE BD AVANCÉES XML -DTD IUT Dijon IQ S3 2016/2017 1. Introduction 2 XML - Extensible Markup Language est une norme pour représenter et échanger des données est un document texte avec des balises

Plus en détail

Classes : PREMIERES A-C-D

Classes : PREMIERES A-C-D LYCEE SECOND CYCLE DEPARTEMENT D'INFORMATIQUE Année scolaire 2011-2012 Classes : PREMIERES A-C-D Horaire hebdomadaire : 2 heures PRÉ REQUIS Connaissances de la Classe de 2 nde Savoir lire le français ou

Plus en détail

HTML/CSS. Louis-Claude CANON. 16 et 17 septembre CANON HTML/CSS 16 et 17 septembre / 40

HTML/CSS. Louis-Claude CANON. 16 et 17 septembre CANON HTML/CSS 16 et 17 septembre / 40 HTML/CSS Louis-Claude CANON louis-claude.canon@loria.fr 16 et 17 septembre 2009 CANON HTML/CSS 16 et 17 septembre 2009 1 / 40 Plan Contexte introductif 1 Contexte introductif 2 HTML 3 CSS 4 Synthèse CANON

Plus en détail

HTML5 et CSS3 Maîtrisez les standards de la création de sites Web (3e édition)

HTML5 et CSS3 Maîtrisez les standards de la création de sites Web (3e édition) Le HTML5 et les CSS 1. L'évolution de HTML 15 2. L'évolution des CSS 16 2.1 La notion de module 16 2.2 L'évolution des statuts 16 2.3 Les préfixes vendeurs 17 2.4 Utiliser les préfixes vendeurs 18 3. La

Plus en détail

I/ Définition d un fichier :

I/ Définition d un fichier : TP 9 : Vendredi 24 Janvier 2014 Fichiers, formats et gestion de fichiers Formats : Les données numériques sont agencées de manière à en faciliter le stockage et le traitement. L organisation des données

Plus en détail

PRESENTATION DE WORD 2007 A Présentation générale 2 B L écran de Word 3 C Barres d outils et rubans de fonctions 4

PRESENTATION DE WORD 2007 A Présentation générale 2 B L écran de Word 3 C Barres d outils et rubans de fonctions 4 S ommaire PRESENTATION DE WORD 2007 A Présentation générale 2 B L écran de Word 3 C Barres d outils et rubans de fonctions 4 MODES OPERATOIRES 1 Gestion de Word et de l écran 9 2 Gestion des fichiers (documents)

Plus en détail

Séance 1. Bases et HTML

Séance 1. Bases et HTML Séance 1 Bases et HTML Nils Schaefer (nils.schaefer@sn-i.fr) Serveur Web Hébergement des sites Web Utilisation du port 80 Réception des requêtes HTTP des navigateurs Traitement des requêtes HTTP Exemples

Plus en détail

Les outils de création de sites web (suite)

Les outils de création de sites web (suite) Tuto 3ème séance - p1 Les outils de création de sites web (suite) 8. Les feuilles de style Alors que le langage HTML a pour objet de coder le contenu (texte, images, etc.) d'une page web pour la rendre

Plus en détail

Le langage de Transformation XSL

Le langage de Transformation XSL Le langage de Transformation XSL Formatage d un document XML, Le langage XSLT: Définition, Principe de fonctionnement, Structure d une feuille de style, Format d une règle de transformation, Tri, Choix

Plus en détail

Introduction aux systèmes informatiques. TRAVAUX PRATIQUES 4 Scripts sous Linux

Introduction aux systèmes informatiques. TRAVAUX PRATIQUES 4 Scripts sous Linux TRAVAUX PRATIQUES 4 Scripts sous Linux L objectif de ce TP est d approfondir la réalisation de programmes scripts abordée lors du précédent TP sous les systèmes d exploitation de type UNIX pour l'automatisation

Plus en détail

HTML CSS Fiche numéro 14

HTML CSS Fiche numéro 14 HTML CSS Fiche numéro 14 Sources : https://openclassrooms.com/ L'ancien site 2minuteslearning.fr qui à malheureusement disparu https://www.vectorskin.com/balises-html5/ Positionnement en CSS Avant de nous

Plus en détail

REPRESENTATION DES CONNAISSANCES

REPRESENTATION DES CONNAISSANCES REPRESENTATION DES CONNAISSANCES Cours préparé pour l Université de Stendhal, Grenoble (France) Cédric Lopez clopez@objetdirect.com Frédérique Segond fsegond@objetdirect.com www.viseo.net 1 RAPPELS (1/3)

Plus en détail