XML. DTD Le schéma XSD

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "XML. DTD Le schéma XSD"

Transcription

1 XML Structure d un dun document xml DTD Le schéma XSD

2 Structure dun d un document XML Un document XML contient les éléments suivants: Le prologue <?xml version="1.0" encoding="iso "?> Un arbre contenant les éléments du document qui forment les nœuds de l arbre Des commentaires <! commentaire > Les éléments: un élément xml est tout ce qui est contenu entre une balise ouvrante et une balise fermante. Un élément peut contenir d autres éléments et du texte.

3 Document XML bien formé Tout télément doit avoir une balise bli fermante Les balises sont sensibles à la casse. Les éléments XML doivent être correctement imbriquées Un document xml doit avoir un élément racine Les valeurs des attributs xml doivent être entre guillemets " " ou Les entités: 5 entités prédéfinies en xml: Uniquement les caractères < et & sont strictement interdits dans un document xml < < > > & & &apos; ' " "

4 Remarques En xml les espaces sont préservés é Dans un document xml le caractère LF représente un saut de ligne. Règles de nommage des éléments: Le nom d un élément peut contenir des lettres, des chiffres et d autres caractères. Le nom ne doit pas commencer par un chiffre ou un caractère de ponctuation Un nom ne doit pas commencer par xml. Un nom ne doit pas contenir d espace.

5 DTD Un document xml valide est un document bien formé et valide par rapport à une DTD (Document Type Definition) Une déclaration DTD peut être interne ou externe à un document XML. Déclaration interne:

6 Déclaration interne <?xml version="1.0"?> <!DOCTYPE note [ <!ELEMENT note (A,DE,Titre,Corps)> <!ELEMENT A (#PCDATA)> <!ELEMENT DE (#PCDATA)> <!ELEMENT Titre (#PCDATA)> <!ELEMENT Corps(#PCDATA)> ]> <note> <A>Timah</A> <DE>Hatim</DE> <Titre>Rappel</Titre> <Corps>Votre commande a été expédiée</corps> </note>

7 Déclaration externe Dans le document xml, ajouter la déclaration suivante: <!DOCTYPEelt elt_racine SYSTEM "definition.dtd dtd"> Exemple: <!DOCTYPE note SYSTEM " note.dtd"> Créer le fichier note.dtd suivant: <!ELEMENT note (A, DE, Titre,Corps)> <!ELEMENT A (#PCDATA)> <!ELEMENT DE (#PCDATA)> <!ELEMENT Titre (#PCDATA)> <!ELEMENT Corps (#PCDATA)>

8 Blocs dun d un document xml Eléments Attributs Entités PCDATA: parsed character data. CDATA: les données de type CDATA ne seront pas analysées par un analyseur.

9 Déclaration dun d un élément <!ELEMENT element type> Exemple: <!ELEMENT note #PCDATA> Valeurs possibles pour catégorie EMPTY: élément vide (#PCDATA) ANY, exmple: <!ELEMENT note ANY> <!ELEMENT note (A,DE,Titre,Corps)>: les éléments fils doivent apparaître dans le même ordre. Multiplicité: l +, *? *,? exemple <!ELEMENT nomelement (header message)>

10 Déclaration des attributs dans un DTD Pour chaque attribut <!ATTLIST element nom_ attribut type valeur_default> Exemple: <!ATTLIST payment type CDATA "carte">

11 Types d attributs CDATA: caractères (en1 en2..): liste de valeurs ID: id unique IDREF: id d un autre élément IDREFS: une liste d ids d autres éléments NMTOKEN: un nom xml valide NMTOKENS: un nom xml valide ENTITY: une entité ENTITIES: une liste d entités NOTATION: notation tti Xml: : une valeur xml prédéfinie

12 Valeurs par défaut Value: une valeur #REQUIRED #IMPLIED: l attribut n est pas obligatoire #FIXED val: la valeur val de l attribut est fixe Exemple: <!ATTLIST paiement type (chèque numéraire carte) "carte">

13 Les entités <!ENTITY matiere "Technologies xml."> Utilisation <cours>&matiere;</cours> Déclaration externe d une entité <!ENTITY nom_entité SYSTEM "URI/URL">

14 Les feuilles de style css Lier une feuille de style à un document xml <?xml stylesheet type="text/css" href=" style.css"?> Exemple:

15 Exemple de DTD <!ELEMENT clients (client*)> <!ELEMENT client (nom,prenom,commandes?)> <!ELEMENT nom (#PCDATA)> <!ELEMENT prenom (#PCDATA)> <!ELEMENT commandes (commande+)> <!ELEMENT commande (date,article+)> article+)> <!ELEMENT date (#PCDATA)> <!ELEMENT article (ref,designation,prix,quantite)> <!ELEMENT ref (#PCDATA)> <!ELEMENT designation (#PCDATA)> <!ELEMENT prix (#PCDATA)> <!ELEMENT quantite (#PCDATA)> <!ATTLIST commande ref CDATA #REQUIRED >

16 Document clients.xml <?xml version="1 1.0" encoding="utf utf 8 8"?> <!DOCTYPE clients SYSTEM "clients.dtd" > <clients> <client> <nom> Hatim </nom> <prenom> TimaH </prenom> <commandes> <commande ref="1"> <date> 10/10/10 </date> <article> <ref> 10 </ref> <designation> Café </designation> <prix> 150 </prix> <quantite> 15 </quantite> </article> <article> <ref> 1010 </ref> <designation> Thé </designation> <prix> 100 </prix> <quantite> 10 </quantite> </article> </commande> </commandes> </client> </clients>

17 Style.css CATALOG { background color: #ffffff; width: 100%; } CD { display: block; margin bottom: 30pt; margin left: 0; } TITLE { color: #FF0000; font size: 20pt; } ARTIST { color: #0000FF; font size: 20pt; } COUNTRY,PRICE,YEAR,COMPANY { display: block; color: #000000; margin left: 20pt; }

18 styles Pseudo sélecteurs bf before et after DATE {display: block; font size: 32pt; font weight: bold; text align: t center} DATE:before (ou after) {content: "Date: "} Cssestun langagede style limité Des éléments peuvent être cachés par display:none Un style défini pour un élément s applique aussi aux nœuds fils de cet élément Des éléments de texte peuvent être ajoutés avant ou après un éléments en utilisant : before, after et content. display: block, none, list item, table

III. DTD (Definition Type Document)

III. DTD (Definition Type Document) III. (Definition Type Document) 50 Validation d un document Un document valide est obligatoirement bien formé XML Analyse syntaxique niveau 1 Bien formé Analyse syntaxique niveau 2 Valide selon une 51

Plus en détail

TP2 : Introduction à XML

TP2 : Introduction à XML Règles de nommage des balises: TP2 : Introduction à XML Les noms des balises sont libres avec certaines règles : Pas d espaces, pas d apostrophe, pas de / Premier caractère alphabétique ou _ Noms sensibles

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

INSA - ASI TechnoWeb : CSS 1/23. Technologie Web CSS. Alexandre Pauchet. INSA Rouen - Département ASI. BO.B.RC.18,

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

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

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

XML - outils Editeur : notepad++, Jedit, SublimeText, Editix

XML - outils Editeur : notepad++, Jedit, SublimeText, Editix XML présentation https://www.w3schools.com/xml/default.asp XML : extensible Markup Language est un langage informatique de balisage générique Le XML a été créé pour faciliter les échanges de données entre

Plus en détail

Introduction & Mise en oeuvre

Introduction & Mise en oeuvre Langages de l Internet : XML Introduction & Mise en oeuvre Taha Zerrouki Taha.zerrouki@gmail.com 1 Cours XML : Plan Introduction Historique, champ d applications, but du cours Mise en œuvre Syntaxe, structure,

Plus en détail

Rappel : Qu est-ce que XML? XML: Documents bien formés et documents valides. Rappel: court exemple en XML. La documentation XML

Rappel : Qu est-ce que XML? XML: Documents bien formés et documents valides. Rappel: court exemple en XML. La documentation XML Rappel : Qu est-ce que XML? XML: Documents bien formés et documents valides Andrei Popescu-Belis TIM / ETI, Université de Genève Cours n 2 17.3.2005 http://www.issco.unige.ch/staff/andrei/xml «extended

Plus en détail

S4 : Module OMGL1 BD pour les applications supportant les données et les traitements complexes. Partie : XML extended Markup Language. M.

S4 : Module OMGL1 BD pour les applications supportant les données et les traitements complexes. Partie : XML extended Markup Language. M. S4 : Module OMGL1 BD pour les applications supportant les données et les traitements complexes. Partie : XML extended Markup Language Déroulement de l enseignement COURS Enseignant : TD et TP Outil CookTop

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

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

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

Syntaxe XML. Syntaxe XML p.1/23

Syntaxe XML. Syntaxe XML p.1/23 Syntaxe XML Syntaxe XML p.1/23 Syntaxe XML p.2/23 Forme sérialisée et forme arborescente Il existe deux représentations d un document XML. Forme sérialisée : c est la forme courante, où le contenu est

Plus en détail

Rappel : structure d un doc. XML. XML: Approfondissement des DTD. Rappel : bonne formation / validité

Rappel : structure d un doc. XML. XML: Approfondissement des DTD. Rappel : bonne formation / validité Rappel : structure d un doc. XML XML: Approfondissement des DTD Andrei Popescu-Belis TIM / ETI, Université de Genève Cours n 3 24.3.2005 Première ligne : déclaration XML

Plus en détail

Présentation des DTD («Document Type Definition

Présentation des DTD («Document Type Definition Présentation des DTD («Document Type Definition») Table des matières 1 Introduction 2 1.1 Composantes d une DTD....................................... 2 1.2 Lien entre XML et DTD........................................

Plus en détail

Présentation des DTD ( Document Type Definition

Présentation des DTD ( Document Type Definition Présentation des DTD ( Document Type Definition ) Table des matières 1 Introduction 2 1.1 Composantes d une DTD....................................... 2 1.2 Lien entre XML et DTD........................................

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

Relations de conformité Validation de document

Relations de conformité Validation de document DTD Document Type Definition Yves Bekkers Mise à jour : 22 mars 2010 Plan 1. Introduction 2. Validation par DTD 3. Déclaration d'élément 4. Déclaration d'attribut Graphe par identifiant 5. Déclaration

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

XML et DTD: rappels. Cours Document et Web Sémantique. Nicolas Malandain. ML et DTD - v1.2 1 / 44

XML et DTD: rappels. Cours Document et Web Sémantique. Nicolas Malandain. ML et DTD - v1.2 1 / 44 et DTD: rappels Cours Document et Web Sémantique Nicolas Malandain ML et DTD - v1.2 1 / 44 Plan 1 XML Généralités Organisation Les éléments Les attributs Les sections littérales Les Entités Conseils 2

Plus en détail

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

XML. Initiation. ou comment décrypter ce langage cla ssé X 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 Objectifs Énumérer

Plus en détail

Les feuilles de style

Les feuilles de style 1 Les feuilles de style 1. introduction... 1 2. déclaration de style dans le document... 1 3. définitions de style dans les fichiers externes... 5 4. Les attributs de définitions de style... 6 1. introduction

Plus en détail

Cours Systèmes d Information

Cours Systèmes d Information Cours Systèmes d Information Cours 2 : langage XML Plan Présentation de XML Structure d un document XML Z.Zelfani 1 Présentation de XML XML (extensible Markup Language) est un langage de description et

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

Maria Georgescul ETI, Université de Genève. Documents Structurés Multilingues (XML) XML = méta-langage. Plan du cours n 2.

Maria Georgescul ETI, Université de Genève. Documents Structurés Multilingues (XML) XML = méta-langage. Plan du cours n 2. Documents structurés multilingues () Création de documents bien formés Cours n 2 Rappel cours n 1 Plan du cours n 2 Structure et forme en concepts fondamentaux TIM, Comment créer un set de balises? La

Plus en détail

Histoire de Java. Projet de connexion des machines: Le nom Java a été introduit dans un café. Développé par Sun

Histoire de Java. Projet de connexion des machines: Le nom Java a été introduit dans un café. Développé par Sun Université Laval Formation Java Novembre 2001 Jour 1 Jour 1 2 Plan Pourquoi Java? Types de données Structures de contrôle Passage de paramètres Héritage Visibilité Jour 1 3 1 Histoire de Java Projet de

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

L1 - Informatique et internet

L1 - Informatique et internet L1 - Informatique et internet Hervé Le Crosnier laboratoire GREYC - Université de Caen! herve.lecrosnier@unicaen.fr http://ensweb.users.info.unicaen.fr HTML + CSS Listes, images et liens Page HTML

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

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

XML: les bases. Dan VODISLAV. Université de Cergy-Pontoise. Licence Professionnelle Communication et Média. Plan

XML: les bases. Dan VODISLAV. Université de Cergy-Pontoise. Licence Professionnelle Communication et Média. Plan XML: les bases Dan VODISLAV Université de Cergy-Pontoise Licence Professionnelle Communication et Média Plan XML: pourquoi et comment Historique, principes et caractéristiques de base Comparaison avec

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

Introduction à XML. Fabrice Rossi Université Paris-IX Dauphine. Introduction à XML p.1/51

Introduction à XML. Fabrice Rossi  Université Paris-IX Dauphine. Introduction à XML p.1/51 Introduction à XML Fabrice Rossi http://apiacoa.org/contact.html. Université Paris-IX Dauphine Introduction à XML p.1/51 Plan du cours 1. XML : (a) introduction (b) le langage (c) les DTD (d) les espaces

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

INFO0406. Arnaud Renard. Arnaud Renard (URCA) INFO / 44

INFO0406. Arnaud Renard. Arnaud Renard (URCA) INFO / 44 INFO0406 Arnaud Renard arnaud.renard@univ-reims.fr Arnaud Renard (URCA) INFO0406 arnaud.renard@univ-reims.fr 1 / 44 Introduction / Rappels XML Extensible Markup Language Transporter et stocker des données

Plus en détail

Résumé DTD. A- Définir des éléments complexes ( = éléments possédant des éléments fils)

Résumé DTD. A- Définir des éléments complexes ( = éléments possédant des éléments fils) DTD, Document Type Definition 1-Utilité de la DTD La DTD permet la définition de la STRUCTURE d un type de documents. C est une forme de grammaire qui va servir à spécifier les noms des éléments et la

Plus en détail

XML: Syntaxe, DOM/SAX et DTD Bernd Amann et Philippe Rigaux

XML: Syntaxe, DOM/SAX et DTD Bernd Amann et Philippe Rigaux 1 XML: Syntaxe, DOM/SAX et DTD Bernd Amann et Philippe Rigaux 2 XML (extensible Markup Language) 3 W3C et XML Le World Wide Web Consortium (W3C) URL: http://www.w3.org 400 partenaires industriels, parmi

Plus en détail

Développement. Web. Gaël Mahé. UFR math-info. automne 2005

Développement. Web. Gaël Mahé. UFR math-info. automne 2005 Développement Client Web Gaël Mahé UFR math-info automne 2005 Introduction 2 langages s'intégrant dans HTML, interprétés par le navigateur : CSS = langage de style JavaScript = langage de programmation

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

LE RECAP ಠ_ಠ. C est trop facile!

LE RECAP ಠ_ಠ. C est trop facile! LE RECAP ಠ_ಠ C est trop facile! POUR COMMENCER... Quand on commence un fichier HTML (HyperText Markup Language), on écrit en premier le DOCTYPE!! sans oublier les balises

Plus en détail

Web. Bruno BEAUFILS 2017/2018. Web 1 / 15

Web. Bruno BEAUFILS 2017/2018. Web 1 / 15 Web Bruno BEAUFILS 2017/2018 Web 1 / 15 1. World Wide Web HTML CSS Web World Wide Web 2 / 15 1. World Wide Web HTML CSS Web World Wide Web 3 / 15 Exercice Ecrivez un document vous décrivant à la forme

Plus en détail

Introduction au Web. Bruno BEAUFILS 2017/2018. Introduction au Web 1 / 15

Introduction au Web. Bruno BEAUFILS 2017/2018. Introduction au Web 1 / 15 Introduction au Web Bruno BEAUFILS 2017/2018 Introduction au Web 1 / 15 1. Retours 2. CSS CSS Introduction au Web Retours 2 / 15 Retours Syntaxe Syntaxe HTML pas respectée indenter votre texte (pour voir

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

CSS. Karima Boudaoud IUT- R&T

CSS. Karima Boudaoud IUT- R&T CSS Karima Boudaoud IUT- R&T Plan Plan Références bibliographiques Introduction à CSS Sélecteurs Propriétés et valeurs Responsive design Conclusion Karima Boudaoud IUT R&T - Sophia Antipolis 3 Références

Plus en détail

CSS. Alexandre Benoit TS10. D après openclassrooms

CSS. Alexandre Benoit TS10. D après openclassrooms CSS D après openclassrooms Alexandre Benoit TS10 I Les bases du CSS 2 / 31 Introduction Où écrit t on le CSS? : 3 / 31 Introduction Où écrit t on le CSS? : Dans un nouveau fichier par exemple, nous l écrirons

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

CSS. Alexandre Benoit TS 2016/2017. D après openclassrooms

CSS. Alexandre Benoit TS 2016/2017. D après openclassrooms CSS D après openclassrooms Alexandre Benoit TS 2016/2017 I Les bases du CSS 2 / 29 Introduction Où écrit t on le CSS? : Dans un nouveau fichier par exemple, nous l écrirons dans le fichier style.css Dans

Plus en détail

Modélisation et interopérabilité : Semaine 41, cours 4

Modélisation et interopérabilité : Semaine 41, cours 4 Modélisation et interopérabilité : Semaine 41, cours 4 Benoît Valiron http://inf356.monoidal.net/ 1 Partiel en salle : mardi 10 novembre 12h 15h 2 Projets Vous avez tous dû

Plus en détail

INF2005 Programmation web CSS. Jacques Berger

INF2005 Programmation web CSS. Jacques Berger INF2005 Programmation web CSS Jacques Berger Objectifs L'utilité de CSS La syntaxe de CSS L'intégration à HTML Prérequis HTML CSS Cascading Style Sheets Version courante : CSS 3 Le problème initial Pollution

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

Introduction à HTML: HyperText Markup Language

Introduction à HTML: HyperText Markup Language CREATION WEB HTML ET CSS Introduction à HTML: Le HTML, HyperText Markup Language, est un langage de balisage qui définit la structure logique d un document WWW diffusé sur le Web. La mise en forme de la

Plus en détail

REPRÉSENTATION DES DONNÉES. IFT287 (Thème 2)

REPRÉSENTATION DES DONNÉES. IFT287 (Thème 2) 1 REPRÉSENTATION DES DONNÉES IFT287 (Thème 2) 2 Introduction Il arrive qu un programme ait besoin de rendre ses données persistantes Sur disque Pour communiquer par le réseau Etc. Le fait de rendre les

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

CSS : Cascading Style Sheet. S.Loutfi

CSS : Cascading Style Sheet. S.Loutfi CSS : Cascading Style Sheet CSS Le CSS est un langage informatique de présentation des pages Web. Le code CSS (Cascading Style Sheets :feuilles de styles en cascade), sert à mettre en forme et modifier

Plus en détail

7 XML et les Données Semi-structurées

7 XML et les Données Semi-structurées 7 XML et les Données Semi-structurées L apparition de XML (extensible Markup Language) (plus évolué que HTML) a mené au nouveau concept de données semi-structurées. XML : standard W3C d échange de données

Plus en détail

Programmation Web TD8- CSS

Programmation Web TD8- CSS ²Université de la Manouba Ecole Supérieure d'economie Numérique Programmation Web TD8- CSS Objectifs - Développer des pages Web HTML5 validées - Mettre en place des fichiers CSS pour une meilleure présentation

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

Bases de données et Internet

Bases de données et Internet Bases de données et Internet Faculté des Sciences et Techniques Fès Département de Génie Industriel Master Sciences et Techniques en Génie Industriel Professeur : F. Kaghat 2 Feuilles de style en cascade

Plus en détail

Examen du 16 décembre 2014

Examen du 16 décembre 2014 Licence STS mention Informatique, semestre 5 2014 2015 Programmation fonctionnelle (Info 311) Durée : 3h 6 pages Examen du 16 décembre 2014 Les notes de TD manuscrites ainsi que les fiches de cours et

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

DAW Développement Applications Web. Ouadfel Salima Site du cours:

DAW Développement Applications Web. Ouadfel Salima Site du cours: DAW Développement Applications Web Ouadfel Salima Site du cours: http://salimaouadfel.e-monsite.com/ Conception de page web statique 2. CSS3 Validation CSS W3C Validator at http://jigsaw.w3.org/css-validator/

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

Les CSS un menu vertical Nous allons créer un dossier menu_vertical. Comprenant les sous dossiers style, images, multi_niveaux, un niveau et _notes

Les CSS un menu vertical Nous allons créer un dossier menu_vertical. Comprenant les sous dossiers style, images, multi_niveaux, un niveau et _notes Les CSS un menu vertical Nous allons créer un dossier menu_vertical Comprenant les sous dossiers style, images, multi_niveaux, un niveau et _notes A l'intérieur du dossier un_niveau Nous créons les fichiers

Plus en détail

Réussir son site web avec XHTML et CSS

Réussir son site web avec XHTML et CSS Leçon 10 Réussir son site web avec XHTML et CSS Positionnement et mise en page par le CSS 1. Les 3 modes d affichage pour les éléments HTML... 1 1- Bloc / block... 1 2- En-ligne / inline... 1 3- Invisible

Plus en détail

introduction principes syntaxe CSS : introduction Université Lille 1 Technologies du Web CSS : introduction 1

introduction principes syntaxe CSS : introduction Université Lille 1 Technologies du Web CSS : introduction 1 CSS : introduction Université Lille 1 Technologies du Web CSS : introduction 1 au programme... 1 introduction 2 principes 3 syntaxe Université Lille 1 Technologies du Web CSS : introduction 2 au programme...

Plus en détail

WEB BALISES. Lorem Ipsum : texte en latin (qui ne veut même rien dire en latin) qui permet de mettre du texte quand il en faut.

WEB BALISES. Lorem Ipsum : texte en latin (qui ne veut même rien dire en latin) qui permet de mettre du texte quand il en faut. WEB 27/09 Chaque élément est une balise : HTML -> visible HEAD -> invisible BODY -> DOCTYPE: c est le type de document qu on va utiliser, XHTML 1.1=> le plus strict (qu on va bosser) N importe quel première

Plus en détail

DTD & XML Schema. Sébastien Laborie Sebastien.Laborie@iutbayonne.univ- pau.fr. Christian Sallaberry Christian.Sallaberry@univ- pau.

DTD & XML Schema. Sébastien Laborie Sebastien.Laborie@iutbayonne.univ- pau.fr. Christian Sallaberry Christian.Sallaberry@univ- pau. DTD & XML Schema Sébastien Laborie Sebastien.Laborie@iutbayonne.univ- pau.fr Christian Sallaberry Christian.Sallaberry@univ- pau.fr DTD Le rôle d une DTD (Document Type Definition) est de définir la structure

Plus en détail

Chapitre 7. extended HyperText Markup Language (XHTML)

Chapitre 7. extended HyperText Markup Language (XHTML) Chapitre 7 extended HyperText Markup Language (XHTML) Objectifs Le Web statique : Du HTML au XHTML Apprendre à manipuler les éléments XHTML Attention : projet évalué plutôt sur la «qualité» du code XHTML

Plus en détail

introduction principes syntaxe CSS : introduction

introduction principes syntaxe CSS : introduction CSS : introduction Université Lille 1 Technologies du Web CSS : introduction 1 au programme... 1 introduction 2 principes 3 syntaxe Université Lille 1 Technologies du Web CSS : introduction 2 au programme...

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

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

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

Une page web utilisant uniquement du XHTML

Une page web utilisant uniquement du XHTML 1 Une page web utilisant uniquement du XHTML 2 La même page avec le CSS en plus Source: http://www.csszengarden.com/ 3 Séparer le fond de la forme a plusieurs avantages : Personnalisation du design du

Plus en détail

Exercice xml. REGNIER Fabien SRC2 1

Exercice xml. REGNIER Fabien SRC2 1 Exercice xml REGNIER Fabien SRC2 1 Exercice 1 : Corriger les fichiers pasbon.xml, pasbon2.xml, pasbon3.xml et pasbon4.xml. On pourra utiliser firefox et xmllint pour en vérifier la correction. J ai effectué

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

Bases de Données II, Charleroi

Bases de Données II, Charleroi Bases de Données II, Charleroi Jef Wijsen 20 janvier 2011 Partie XML. Durée : 1 heure Nom et prénom Année La figure 2 montre une base de données XML concernant des propriétaires de voitures. Chaque voiture

Plus en détail

II- Validation d'un document XML. Prof. M.D. RAHMANI Technologies XML Master IT 2013-2014 1

II- Validation d'un document XML. Prof. M.D. RAHMANI Technologies XML Master IT 2013-2014 1 II- Validation d'un document XML DTD (Document Type Definition) 1 Validation d'un document XML par une DTD Document XML valide Types de DTD (interne, externe) Déclarations d'éléments Déclaration d'attributs

Plus en détail

Développement Web (NFA0016)

Développement Web (NFA0016) Développement Web (NFA0016) seconde session Avril 2011 Durée : 3h Modalités : Tous documents autorisés. Calculatrices, ordinateurs, téléphones portables interdits. Remarque : Pour ne pas surcharger, on

Plus en détail

Cours 11 Feuilles de styles CSS

Cours 11 Feuilles de styles CSS École de bibliothéconomie et des sciences de l information SCI6052 Information documentaire numérique Cours 11 Faculté des arts et des sciences 22 novembre 2016 Christine Dufour, 2016 1/ 30 SCI6052 2/

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

HTML-CSS. Claude Petitpierre, André Maurer, complété par Brice Canvel

HTML-CSS. Claude Petitpierre, André Maurer, complété par Brice Canvel HTML-CSS Claude Petitpierre, André Maurer, complété par Brice Canvel Automne 2010 ii Table des matières 1 Pages du Web 1 1.1 Introduction......................................... 1 1.2 Le langage HTML......................................

Plus en détail

Flexbox. Merci à : https://openclassrooms.com/courses/appreneza-creer-votre-site-web-avec-html5-et-css3/la-mise-enpage-avec-flexbox

Flexbox. Merci à : https://openclassrooms.com/courses/appreneza-creer-votre-site-web-avec-html5-et-css3/la-mise-enpage-avec-flexbox Flexbox Merci à : https://openclassrooms.com/courses/appreneza-creer-votre-site-web-avec-html5-et-css3/la-mise-enpage-avec-flexbox 03/04/2017 Au début, les webmasters utilisaient des tableaux HTML pour

Plus en détail

7 Une Etude de Cas. On va modéliser un même ensemble d informations à l aide des 3 modèles : relationnel, à objet, et semi-structuré.

7 Une Etude de Cas. On va modéliser un même ensemble d informations à l aide des 3 modèles : relationnel, à objet, et semi-structuré. 7 Une Etude de Cas On va modéliser un même ensemble d informations à l aide des 3 modèles : relationnel, à objet, et semi-structuré. But : illustrer analogies et différences entre les trois approches,

Plus en détail

3/ ATELIER WEB LANGAGE CSS

3/ ATELIER WEB LANGAGE CSS 3/ ATELIER WEB LANGAGE CSS *Cascading Style Sheets : feuilles de style en cascade. Les feuilles de style servent, comme leur nom l'indique, à contenir les styles que vont prendre les différents éléments

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

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

On peut également définir certains éléments pour tout le fichier html, comme les liens par

On peut également définir certains éléments pour tout le fichier html, comme les liens par WEB : CSS (CSS 3) : Le CSS permet de créer des feuilles de style dans des fichiers ''.css'' qui sont utilisés par des fichiers html. La syntaxe du CSS est très simple, elle est constituée de règles associées

Plus en détail

Bases de Données II, 2 juin 2009

Bases de Données II, 2 juin 2009 Bases de Données II, 2 juin 2009 Nom + Prénom: Orientation + Année: Examen à cahier ouvert. Durée: 2 heures et 30 minutes. 1 Questions Datalog Les questions font appel à un graphe orienté dont les nœuds

Plus en détail

XML Schema. 16 janvier XML Schema. Introduction. Structure. Commentaires. Association XML Schema.

XML Schema. 16 janvier XML Schema. Introduction. Structure. Commentaires. Association XML Schema. XML XML 16 janvier 2014 emeline.dorey@gmail.com XML 16 janvier 2014 1 / 35 Sommaire XML 1 2 3 4 5 6 7 XML 16 janvier 2014 2 / 35 XML DTD limitées création en 2001, par le W3C, du langage XML, pour corriger

Plus en détail

Qu est-ce que XML? XML ET LE TRAITEMENT INFORMATIQUE MULTILINGUE. Second exemple en XML. Premier exemple en XML. Explications (1) Explications (2)

Qu est-ce que XML? XML ET LE TRAITEMENT INFORMATIQUE MULTILINGUE. Second exemple en XML. Premier exemple en XML. Explications (1) Explications (2) Qu est-ce que XML? XML ET LE TRAITEMENT INFORMATIQUE MULTILINGUE Andrei Popescu-Belis TIM / ETI, Université de Genève Cours n 1 10.3.2005 «extended Markup Language» Langage de balises permettant de marquer

Plus en détail

Développement Web (NFA0016)

Développement Web (NFA0016) Développement Web (NFA0016) première session Février 015 Durée : 3h Modalités : Tous documents autorisés. Calculatrices, ordinateurs, téléphones portables interdits. Barème donné à titre indicatif. Exercice

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

Recouvrement des bordures

Recouvrement des bordures 4 Propriétés de mise en forme Tableau 4 43 Propriété table-layout (suite) auto : largeur automatique (valeur par défaut) ou fixed : largeur fixe. Propriété héritée. Pour retrouver la valeur initiale, utiliser

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

Spécifications techniques de lecture sécurisée entre une plateforme de lecture braille et le Serveur Hélène

Spécifications techniques de lecture sécurisée entre une plateforme de lecture braille et le Serveur Hélène Spécifications techniques de lecture sécurisée entre une plateforme de lecture braille et le Serveur Hélène Table des matières 1 - Statut du document... 3 2 - Préparation initiale des plate-formes: génération

Plus en détail

CSS. M. Sassolas. L3Pro. Cours 2. Introduction. Le style. Conclusion TD/TP 2 / 16 CSS. M. Sassolas. L3Pro. Cours 2. Introduction. Le style.

CSS. M. Sassolas. L3Pro. Cours 2. Introduction. Le style. Conclusion TD/TP 2 / 16 CSS. M. Sassolas. L3Pro. Cours 2. Introduction. Le style. Cascading style sheets () pour XML Plan de la séance BDISE XML Mathieu Sassolas 1 IUT de Sénart Fontainebleau Département Informatique 2 La sélection des éléments où s applique le style Année 2015-2016

Plus en détail

Intérrogation d un document XML :XML Path Language XPath

Intérrogation d un document XML :XML Path Language XPath Intérrogation d un document XML :XML Path Language XPath 1-Définition : XPath est un langage de requêtes non XML, permettant l'accès à des parties d une donnée XML via l'expression de chemin menant à un

Plus en détail

7.5 Quelques notions sur XML Schema

7.5 Quelques notions sur XML Schema 7.5 Quelques notions sur XML Schema WMK-schema est une autre façon de spécifier des données XML (une autre façon d écrire un schéma). N.B. : Un XML-schéma est lui-même un document XML! Mais il spécifie

Plus en détail