Les personnes : EXO 1 QUESTION 1

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Les personnes : EXO 1 QUESTION 1"

Transcription

1 Les personnes : EXO 1 QUESTION 1 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE PERSONNES [ <!ELEMENT PERSONNES <!ELEMENT GROUPE <!ELEMENT PERSONNE <!ELEMENT NOM <!ELEMENT ADRESSE <!ELEMENT TEL <!ELEMENT FAX <!ELEMENT (GROUPE?, PERSONNE*)> EMPTY> (NOM,ADRESSE,TEL,FAX, )> <!ATTLIST GROUPE nom CDATA #REQUIRED > <!ATTLIST PERSONNE nat CDATA #IMPLIED gender (male female) "male" > ]> <?xml-stylesheet type="text/xsl" href="personnes.xsl"?> <PERSONNES> <GROUPE nom="pilotes" /> <PERSONNE nat="australia" gender="female"> <NOM>Mark Webber</NOM> <ADRESSE>911 Somewhere Circle, Canberra, Australia</ADRESSE> <TEL>(++612) 12345</TEL> <FAX>(++612) 12345</FAX> </PERSONNE> <PERSONNE nat="poland"> <NOM>Robert Kubica</NOM> <ADRESSE>121 Zootle Road, Cape Town, South Africa</ADRESSE> <TEL>(++2721) </TEL> <FAX>(++2721) </FAX> </PERSONNE> <PERSONNE nat="brasil"> <NOM>Felipe Massa</NOM> <ADRESSE>30 Animal Road, New York, USA</ADRESSE> <TEL>(++1) </TEL> <FAX>(++1) </FAX> </PERSONNE> <PERSONNE nat="uk"> <NOM>Jenson Button</NOM> <ADRESSE>1143 Winners Lane, London, UK</ADRESSE> <TEL>(++94) </TEL> <FAX>(++94) </FAX> </PERSONNE> </PERSONNES> Y.Laborde 1/9

2 Les personnes : EXO 1 QUESTION 2 <xsl:for-each select="//personne"> <div><xsl:value-of select="nom" /></div> <div><xsl:value-of select="adresse" /></div> <div><xsl:value-of select="tel" /></div> <div><xsl:value-of select="fax" /></div> <div><xsl:value-of select=" " /></div> <br/> </xsl:for-each> REMARQUE : on peut préférer une version sans <xsl:for each> : <xsl:apply-templates select="//personne"> <br/> <xsl:template match="nom ADRESSE TEL FAX "> <div> <xsl:value-of select="." /> </div> Les personnes : EXO 1 QUESTION 3 <xsl:for-each select="//personne"> <div><xsl:value-of select="nom" /></div> </xsl:for-each> Y.Laborde 2/9

3 REMARQUE : on peut préférer une version sans <xsl:for each> : <xsl:apply-templates select="//personne/nom"> <br/> <xsl:template match="nom"> <div> <xsl:value-of select="." /> </div> Les personnes : EXO 1 QUESTION 4 <xsl:for-each select="//personne"> <pre><xsl:value-of select="nom" />: select="adresse" /></pre> </xsl:for-each> <xsl:value-of REMARQUE : une version sans <xsl:for-each> est ici plus difficile à cause de l'usage de <pre> qui ne peut être réparti sur deux templates différents! Les personnes : EXO 1 QUESTION 5 REMARQUE : à partir de là, on préfèrera toujours les versions sans <xsl:for-each> car elles sont plus modulaires et donc plus maintenables (en cas de nouveaux besoins)! Y.Laborde 3/9

4 <table border="2"> <tr> <td>nom</td> <td>adresse</td> <td>tel</td> <td>fax</td> <td> </td> </tr> <xsl:apply-templates select="//personne"/> </table> <xsl:template match="personne"> <tr> <xsl:apply-templates select="nom"/> <xsl:apply-templates select="adresse"/> <xsl:apply-templates select="tel"/> <xsl:apply-templates select="fax"/> <xsl:apply-templates select=" "/> </tr> <xsl:template match="nom ADRESSE TEL FAX "> <td> <xsl:value-of select="." /> </td> Les personnes : EXO 1 QUESTION 6 TEMPLATE A MODIFIER DANS EXERCICE PRECEDENT (cela montre que la modularité est très intéressante en cas de modification ultérieure d'une feuille de style) : <xsl:template match="nom ADRESSE TEL FAX "> <td> <font color="blue"><xsl:value-of select="." /> </td> Les personnes : EXO 1 QUESTION 7 <xsl:apply-templates select="//groupe"/> <xsl:apply-templates select="//personne"/> Y.Laborde 4/9

5 <xsl:template match="groupe"> Le groupe de "<xsl:value-of :<br/> <xsl:template match="personne"> <xsl:value-of select="./nom"/> de <xsl:value-of Les pingouins : EXO 2 QUESTION 1 <head><meta http-equiv="content-type" content="'text/html'; charset='utf-8'"/></head> <xsl:apply-templates select="//date"/> <xsl:apply-templates select="//title"/> <font size="4"> <xsl:apply-templates select="//para"/> <xsl:apply-templates select="//source"/> <xsl:template match="date"> <p></p> <xsl:template match="title"> <h1><font color="4682bd"></h1> <xsl:template match="para"> <p> <xsl:apply-templates/> </p> <xsl:template match="text()"> <em></em> <xsl:template match="place"> <xsl:template match="company"> <xsl:template match="source"> <p></p> Y.Laborde 5/9

6 Remarque : comme certains templates effectuent les mêmes instructions, il est possible de les regrouper dans l'attribut match comme ceci : <xsl:template match="date source"> <p></p> <xsl:template match="place company"> Les pingouins : EXO 2 QUESTION 2 TEMPLATE A AJOUTER A L'EXERCICE PRECEDENT : Ici, il faut construire un nouvel élément sur la base de l'élément <link> du document. On utilise donc <xsl:element name=...> et <xsl:attribute name=""> qui construisent respectivement un élément et un attribut de l'élément. <xsl:template match="link"> <xsl:element name = "a"> <xsl:attribute name = "href"> <xsl:value-of </xsl:attribute> </xsl:element> Les pingouins : EXO 2 QUESTION 3 <xsl:template match="article"> <p> <xsl:apply-templates select="//title"/> (article de <xsl:apply-templates select="//source"/> posté le <xsl:apply-templates select="//date"/> ) </p> <xsl:template match="date source"> <b></b> <xsl:template match="title"> <font size="6" color="4682bd"> Y.Laborde 6/9

7 Les livres : EXO 3 QUESTION 1 <xsl:template match="livres"> <xsl:apply-templates select="livre"/> <xsl:template match="livre"> <table width="100%"> <tr> <td width="70%"><xsl:apply-templates select="nom"/></td> <td><xsl:apply-templates select="prix"/></td> </tr> <tr> <td><xsl:apply-templates select="auteur"/></td> <td><xsl:apply-templates select="promotion"/></td> </tr> </table> <hr/> <xsl:template match="prix"> <font size="4" color="black"> <b>prix: euros</b> <xsl:template match="promotion"> <font size="4" color="red"> <b>promotion: euros</b> <xsl:template match="auteur"> <font size="3" color="black"> <xsl:template match="nom"> <font size="4" color="blue"> <xsl:element name = "a"> <xsl:attribute name = "href"> <xsl:value-of </xsl:attribute> </xsl:element> Y.Laborde 7/9

8 Les blagues : EXO 4 QUESTION 1 M2 CCI Cours XML Correction du TD 2 <hr/> <!-- FORMER LES RENVOIS VERS LES BLAGUES --> <xsl:apply-templates <hr/> <!-- FORMER LES BLAGUES --> <xsl:apply-templates select="//blague"/> <xsl:template match="blague"> <!-- FORMER L'ANCRE --> <!-- en construisant un élément <a name="..."></a> --> <xsl:element name = "a"> <xsl:attribute name = "name"> <xsl:value-of </xsl:attribute> </xsl:element> <!-- FORMER LE TITRE --> <h2><xsl:apply-templates select="titre"/></h2> <!-- FORMER LE NUMERO DE RENVOI et LES MOTS CLES --> ( <!-- FORMER LE NUMERO DE RENVOI --> <xsl:apply-templates <!-- FORMER LA CATEGORIE SI ELLE EXISTE --> <xsl:if ''"> <xsl:value-of / </xsl:if> <!-- FORMER LA SOUS-CATEGORIE SI ELLE EXISTE --> <xsl:if ''"> <xsl:value-of / </xsl:if> ) <!-- FORMER L'AUTEUR et LA DATE --> <xsl:apply-templates select="auteur"/> <!-- FORMER LA BLAGUE SOUS FORME D'UNE LISTE D'ITEM --> <ul> <!-- FORMER LES ITEM DE L'INTRO --> <xsl:apply-templates select="intro"/> <!-- FORMER L'ITEM DU FINAL --> <xsl:apply-templates select="final"/> </ul> <!-- FORMER LA LIGNE DE SEPARATION --> <hr/> Y.Laborde 8/9

9 <xsl:template match="auteur"> <p><em> <!-- FORMER L'AUTEUR --> <!-- FORMER LA DATE --> (<xsl:value-of select="../date"/>) </em></p> <xsl:template match="intro final"> <!-- FORMER L'INTRO ou LE FINAL DANS LA LISTE --> <li></li> <xsl:template <!-- FORMER LE RENVOI A UNE BLAGUE A L'AIDE DE SON NUMERO --> <!-- en construisant un élément <a ref="...#...">...</a> --> <xsl:element name = "a"> <xsl:attribute name = "href"> <!-- ajouter l'ancre --> # </xsl:attribute> </xsl:element> <!-- FORMER LE SEPARATEUR --> / Y.Laborde 9/9

Les technologies XML. Cours 2 : Transformation et Formatage de documents XML : Cours 2.2 : XSLT. Novembre 2010 - Version 3.2 -

Les technologies XML. Cours 2 : Transformation et Formatage de documents XML : Cours 2.2 : XSLT. Novembre 2010 - Version 3.2 - Les technologies XML Cours 2 : Transformation et Formatage de documents XML : Cours 2.2 : XSLT Novembre 2010 - Version 3.2 - SOMMAIRE DU COURS TRANSFORMATIONS DE DOCUMENTS XML Introduction à XSL Noeuds

Plus en détail

Exercices et corrections. Licence QCI - module O21

Exercices et corrections. Licence QCI - module O21 Exercices et corrections Licence QCI - module O21 Exercice 1 Ecrivez le squelette d une page avec les caractéristiques suivantes - encodage : utf-8 - titre de la page : première page XHTML - auteur : vous

Plus en détail

Transformations XSLT

Transformations XSLT Nancy-Université M1 Master Informatique 2008-2009 Techniques de réécriture et transformations Transformations XSLT 1 Liste de personnes Dans cet exercice, on vous demande de transformer le fichier personnes.xml

Plus en détail

Transformations xslt

Transformations xslt Nancy-Université M1 Master Informatique 2009-2010 Programmation par règles et transformation par réécriture Transformations xslt 1 Liste de personnes On considère le fichier personnes.xml suivant:

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

LI345 - EXAMEN DU 30 MAI 2012

LI345 - EXAMEN DU 30 MAI 2012 N d anonymat : page 1 LI345 - EXAMEN DU 30 MAI 2012 Durée : 2h ---documents autorisés Transactions Soit la relation R(x, y) contenant 10 nuplets pour lesquels l attribut x vaut respectivement de 1 à 10.

Plus en détail

Transformations XSLT

Transformations XSLT Nancy-Université M1 Master Informatique 2006-2007 Techniques de réécriture et transformations Transformations XSLT 1 Liste de personnes Dans cet exercice, on vous demande de transformer en HTML le fichier

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

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

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

XSL Langage de transformation de XML. Approfondissements

XSL Langage de transformation de XML. Approfondissements XSL Langage de transformation de XML Approfondissements http://www.zvon.org/xxl/xsltreference/output/index.html Retour sur les modèles (template) Une feuille de style peut contenir plusieurs modèles Chaque

Plus en détail

TP de HTML. Nous allons commencer par créer un document html très petit, et nous l'enrichirons au fur et à mesure. Recopiez le texte suivant :

TP de HTML. Nous allons commencer par créer un document html très petit, et nous l'enrichirons au fur et à mesure. Recopiez le texte suivant : TP de HTML La base Nous allons commencer par créer un document html très petit, et nous l'enrichirons au fur et à mesure. Recopiez le texte suivant :

Plus en détail

Université de Reims Champagne-Ardenne XML. DTD : Document Type Definition. F. Nolot Licence professionnelle CMSII 2004-2005 1

Université de Reims Champagne-Ardenne XML. DTD : Document Type Definition. F. Nolot Licence professionnelle CMSII 2004-2005 1 Université de Reims Champagne-Ardenne XML DTD : Document Type Definition F. Nolot Licence professionnelle CMSII 2004-2005 1 Qu'est qu'une DTD? Permet de vérifier qu'un document XML est conforme à une syntaxe

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

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

Chapitre 3 : Le langage HTML Fascicule TIC Page 33

Chapitre 3 : Le langage HTML Fascicule TIC Page 33 33 I. Introduction Les pages Web visualisées dans un navigateur Internet sont écrites avec un langage nommé HTML (HyperText Markup Language). C est un langage de description de contenu et de structure.

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

STRUCTURE D UNE PAGE HTML/CSS

STRUCTURE D UNE PAGE HTML/CSS STRUCTURE D UNE PAGE HTML/CSS C01 1. STRUCTURE Le langage Html est composé de balises ou (tags) qui permettent de structurer le texte, de le mettre en forme et d insérer des images. Ces instructions sont

Plus en détail

Transformations XML vers XML, HTML, XHTML, RTF et modification du contenu des documents

Transformations XML vers XML, HTML, XHTML, RTF et modification du contenu des documents 6 Transformations XML vers XML, HTML, XHTML, RTF et modification du contenu des documents Prenons l'exemple d'une entreprise dont le site d'e-commerce a été réalisé avec la solution XML Commerce One, qui

Plus en détail

Langage (X)HTML Damien Nouvel

Langage (X)HTML Damien Nouvel Langage (X)HTML Plan Quelques statistiques du web Architecture client / serveur Langage XML Mise en forme HTML Structure d'un document HTML 2 / 36 Plan Quelques statistiques du web Architecture client

Plus en détail

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014 1 Le langage JavaScript TD N 3 Module IntegWEB MMI 1 2013/2014 Jeu les tables de multiplication 2 Code HTML 3 apprendre les tables de multiplication

Plus en détail

LI345 - EXAMEN DU 4 JUIN 2010

LI345 - EXAMEN DU 4 JUIN 2010 Nom : Prénom : page 1 Transactions Université Pierre et Marie Curie - Paris 6 - UFR 919 - Licence d'informatique LI345 - EXAMEN DU 4 JUIN 2010 Durée : 2h ---documents autorisés On note Li(X) : lecture

Plus en détail

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015 Programmation Web IMAC 2015-2016 TD 1 : HTML 30 septembre 2015 Objectif: Ce TD a pour but d aborder les premières notions du langage HTML. Il est important de noter que le HTML n est pas un langage de

Plus en détail

INTRODUCTION. méta-langage

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

Plus en détail

Union sociale pour l'habitat

Union sociale pour l'habitat Union sociale pour l'habitat Guide Utilisateur - Organisme, - : 04 72 76 02 30 - : 04 72 76 02 39 SAS PHENIX ENGINEERING 352 200 844 RCS LYON SAS au capital de 637.648 PHENIX ENGINEERING Union sociale

Plus en détail

Programmation WEB. HTML et Javascript

Programmation WEB. HTML et Javascript Programmation Web : HTML et Javascript Michaël Krajecki Université de Reims Champagne-Ardenne Département de Mathématiques et Informatique Moulin de la Housse - BP 1039 51687 Reims Cedex 2. Tél. : 03 26

Plus en détail

XML et arbre. Représentation d un document XML sous forme d arbre. Commençons par deux exemples... suivis des explications.

XML et arbre. Représentation d un document XML sous forme d arbre. Commençons par deux exemples... suivis des explications. XML et arbre Représentation d un document XML sous forme d arbre. Commençons par deux exemples... suivis des explications. Le texte de A Le texte de B

Plus en détail

Une rapide introduction à HTML / CGI

Une rapide introduction à HTML / CGI Une rapide introduction à HTML / CGI Patrick Fuchs Université Paris 7 Equipe de Bioinformatique Génomique et Moléculaire PLAN 1. Généralités 2. Les Bases d HTML 3. Outils HTML avancés 4. HTML dynamique

Plus en détail

" extensible Markup Language " XML

 extensible Markup Language  XML " extensible Markup Language " XML Sylvie Vignes, Département Informatique et Réseaux École Nationale Supérieure des Télécommunications 46, rue Barrault 75634 Paris cedex 13 Département Informatique et

Plus en détail

Programmation d applications pour le Web

Programmation d applications pour le Web Programmation d applications pour le Web Cours 2 ème année ING ISI-Tunis Elaboré par: Hela LIMAM Chapitre 3 Partie 2 XML+XSL Année universitaire 2011/2012 Semestre 2 1 Le XML ne fait rien. Il faudra passer

Plus en détail

extensible Markup Language

extensible Markup Language LES TECHNOLOGIES DU WEB 1 ère Partie : au Web 1- à l'hypertexte 2- Présentation du protocole HTTP 3- de bases des CGI 4- Présentation du WEB2 (AJAX) 2 ème Partie : Présentation de HTML & XHTML 3 ème Partie

Plus en détail

Fiche 6 - Le langage HTML

Fiche 6 - Le langage HTML Fiche 6 - Le langage HTML I Introduction HTML est un langage universel utilisé pour communiquer sur le Web. C est un langage dit de «marquage» (de «structuration» ou de «balisage») qui permet d écrire

Plus en détail

PARTENARIAT ICI FORMATION

PARTENARIAT ICI FORMATION PARTENARIAT ICI FORMATION Guide d installation de la vignette ICI Formation sur un site partenaire SOMMAIRE Le Partenariat ICI Formation... 3 Script de partenariat ICI Formation... 3 Génération de l'aperçu

Plus en détail

DTD (Document Type Definition) - XML (extensible Markup Language)

DTD (Document Type Definition) - XML (extensible Markup Language) DTD (Document Type Definition) - 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

Plus en détail

Introduction au langage XML. Nhan Le Thanh

Introduction au langage XML. Nhan Le Thanh Introduction au langage XML Nhan Le Thanh 1 Plan du cours extensible Markup Language Éléments de base du XML DTD : Document Type Description S1 XPath : XML Path Language XML Schema S2 XSLT : Transformations

Plus en détail

Outil pour le Web XML. Polytech Marseille. E. Tranvouez. Département Génie Industriel et Informatique

Outil pour le Web XML. Polytech Marseille. E. Tranvouez. Département Génie Industriel et Informatique Outil pour le Web XML E. Tranvouez erwan.tranvouez@polytech.univ-mrs.fr http://erwan.tranvouez.free.fr Polytech Marseille Département Génie Industriel et Informatique 1 Sommaire 2 Problématique Contexte,

Plus en détail

PHP 5. simplexml. A. Belaïd 1

PHP 5. simplexml. A. Belaïd 1 PHP 5 simplexml A. Belaïd 1 Introduction Dans les versions précédentes de PHP, il n y avait aucun outil permettant de manipuler simplement des fichiers XML Dans PHP 5, on trouve un mode, appelé, SimpleXML

Plus en détail

MASTER 2 IST 2007-08

MASTER 2 IST 2007-08 MASTER 2 IST 2007-08 XML et Java :: TD#1 Exercice 1 Ecrire un exemple de document XML bien-formé regroupant les informations d'un carnet d'adresses professionnelles. Ce carnet contient des informations

Plus en détail

Tuto Zoomify (pour le Forum I Magie) http://www.i-magie.net/

Tuto Zoomify (pour le Forum I Magie) http://www.i-magie.net/ Tuto Zoomify (pour le Forum I Magie) http://www.i-magie.net/ Téléchargez le fichier Zoomify.rar proposé par Gérald ici : http://www.i-magie.net/index.php?showtopic=2528&view=findpost&p=207861 Créez un

Plus en détail

Tice -Seconde-Page Web 2015-2016

Tice -Seconde-Page Web 2015-2016 Ouvrez une page web, cliquer doit sur la souris et faite afficher le code source de la page. Quelqu un a écrit ce code pour faire afficher cette page. Nous allons nous aussi écrire du code pour faire afficher

Plus en détail

LI345 - EXAMEN DU 4 JUIN 2010

LI345 - EXAMEN DU 4 JUIN 2010 Nom : Prénom : page 1 Transactions Université Pierre et Marie Curie - Paris 6 - UFR 919 - Licence d'informatique LI345 - EXAMEN DU 4 JUIN 2010 Durée : 2h ---documents autorisés On note Li(X) : lecture

Plus en détail

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML PROGRAMMATION HTML Baccalauréat S -Spécialité ISN 4.3 : Langages de programmation : langage HTML Objectifs L'élève doit être capable o de créer une page WEB en langage HTML o d'analyser une page WEB en

Plus en détail

Modélisation et interopérabilité : Semaine 40, cours 3

Modélisation et interopérabilité : Semaine 40, cours 3 Modélisation et interopérabilité : Semaine 40, cours 3 Benoît Valiron http://inf356.monoidal.net/ 1 Question pratique : Evaluation Trois choses : Un examen final (coef 2/3)

Plus en détail

Les nouveautés de JSP 2.0

Les nouveautés de JSP 2.0 Les nouveautés de JSP 2.0 1 Introduction Nous avons déjà vu quelques nouveautés de la version 2.0 dans les travaux pratiques précédents (JSTL et langage d expressions). Il nous reste deux améliorations,

Plus en détail

HTML : Mini tutoriel

HTML : Mini tutoriel HTML : Mini tutoriel I. Introduction HTML est un langage de formatage de texte adapté à la conception de pages web. Le HTML est un langage balisé, fondé en particulier sur la notion de lien hypertexte,

Plus en détail

Création de pages WEB en HTML

Création de pages WEB en HTML Création de pages WEB en Claude Duvallet Université du Havre UFR Sciences et Techniques 25 rue Philippe Lebon - BP 540 76058 LE HAVRE CEDEX Claude.Duvallet@gmail.com http://litis.univ-lehavre.fr/ duvallet/

Plus en détail

Séance d Exercices Dirigés HTML et JavaScript

Séance d Exercices Dirigés HTML et JavaScript Séance d Exercices Dirigés HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: 2) Par la suite on veut un document composé de deux frames, l'une nommée

Plus en détail

Structures, techniques et normes du Web (CSI 3540) Examen mi-session

Structures, techniques et normes du Web (CSI 3540) Examen mi-session Structures, techniques et normes du Web (CSI 3540) Examen mi-session Instructeur: Marcel Turcotte Fe vrier 2010, dure e: 75 minutes Identification Nom, pre nom : Nume ro d e tudiant : Signature : Consignes

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

CIM120. Http:// (Creation Web) Page 1

CIM120. Http:// (Creation Web) Page 1 CIM120 Http:// (Creation Web) Page 1 Organisation du module CIM120 Evaluation: 1 eval sur table 1 eval des TP Page 2 Le Web: un peu d'histoire D'Arpanet à Internet... http://fr.wikipedia.org/wiki/histoire_d'internet

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

Premiers pas en HTML, CSS et jquery

Premiers pas en HTML, CSS et jquery 2 Premiers pas en HTML, CSS et jquery Arrivé à ce point dans la lecture de l ouvrage, vous êtes en mesure de créer un squelette HTML5 standard, de définir des règles de mise en forme CSS (directement dans

Plus en détail

PHP et XML. Traitements de XML

PHP et XML. Traitements de XML PHP et XML XML et PHP 1 Traitements de XML Deux approches pour manipuler des documents XML: Approche DOM: Utilise un analyseur (Parser) qui transforme le document XML en structure d'arbre. Il faut parcourir

Plus en détail

Chap. 3 LES TABLEAUX EN HTML

Chap. 3 LES TABLEAUX EN HTML LES TABLEAUX EN HTML Les principales balises concernant les tableaux : , , , et La fusion (verticale ou horizontale) des cellules Définition des sections dans un tableau :

Plus en détail

Programmation Tablette. Dominique Rossin Cours 1 - HTML / CSS

Programmation Tablette. Dominique Rossin Cours 1 - HTML / CSS Programmation Tablette Dominique Rossin Cours 1 - HTML / CSS Objectifs Comprendre le fonctionnement d une application Web Comprendre le fonctionnement d une application Smartphone Programmer et déployer

Plus en détail

Intégration du canal Lecture à Rennes 1

Intégration du canal Lecture à Rennes 1 Intégration du canal Lecture à Rennes 1 Formation ESUP-MAROC du 13 et 14 novembre 2008 Raymond Bourges Licence Vous êtes libres De reproduire, distribuer et communiquer cette création au public De modifier

Plus en détail

Déroulement. Conception de Sites Web dynamiques. 2 ème année en général. Conception de Sites Web 28/01/2010. Cours 1+2

Déroulement. Conception de Sites Web dynamiques. 2 ème année en général. Conception de Sites Web 28/01/2010. Cours 1+2 Déroulement Conception de Sites Web dynamiques Cours 1+2 Patrick Reuter http://www.labri.fr/~preuter/cswd2010 CM vendredi de 8h00 à 9h00 (Amphi Bât. E 3ème) TD - Groupe 1 : vendredi, 9h00 10h30 (R1-14)

Plus en détail

Bases de Données II, Mons

Bases de Données II, Mons Bases de Données II, Mons Jef Wijsen 29 mai 2012 Cahier fermé. Durée : 2 heures Nom et prénom Année La figure 2 montre une base de données XML pour stocker les CD possédés par mes amis. Chaque CD (balise

Plus en détail

Le XML et ses normes associées partie I

Le XML et ses normes associées partie I Le XML et ses normes associées partie I TechnofuturTIC (formateur : Luc Libert, ULB) Exercice à distance Version complète (et plus complexe) Le but de l exercice est de mettre en pratique de manière concrète

Plus en détail

Examen Partiel - Bases de Données - Valeur C Module: Web et Données Durée: 2h30 heures, 9 Avril 2002

Examen Partiel - Bases de Données - Valeur C Module: Web et Données Durée: 2h30 heures, 9 Avril 2002 9/4/2002 Conservatoire National des Arts et Métiers Paris 1 1. XML et DTD (4 points) Examen Partiel - Bases de Données - Valeur C Module: Web et Données Durée: 2h30 heures, 9 Avril 2002 Voici une table

Plus en détail

Spring MVC. Le cœur de l environnement Spring est un «conteneur léger»

Spring MVC. Le cœur de l environnement Spring est un «conteneur léger» Le cœur de l environnement Spring est un «conteneur léger» Introduction à Partie 1 Jean-Marc Geib Cedric Dumoulin Un conteneur léger sert à contenir un ensemble d objets instanciés et initialisés, formant

Plus en détail

Conception et création de pages web. Gérald Collaud Centre NTE, Université de Fribourg

Conception et création de pages web. Gérald Collaud Centre NTE, Université de Fribourg Conception et création de pages web Gérald Collaud Centre NTE, Université de Fribourg Ecole Normale, 23 août 2000 Programme! Quelques notions importantes! Comment créer des pages web! Aller plus loin!

Plus en détail

Cours HTML pour débutant

Cours HTML pour débutant Cours HTML pour débutant Guilhem PAROUX 09-10 Mai 2007 I. FONCTIONNEMENT CLIENT-SERVEUR... 3 II. STRUCTURE D UN SITE WEB... 4 III. LE LOGICIEL NVU... 4 IV. METTRE EN LIGNE AVEC LE CLIENT FTP "FILEZILLA"...

Plus en détail

Jean-Michel Richer jean-michel.richer@univ-angers.fr http://www.info.univ-angers.fr/pub/richer

Jean-Michel Richer jean-michel.richer@univ-angers.fr http://www.info.univ-angers.fr/pub/richer 1 / 87 Développement Web - XML, DOM, XHTML Jean-Michel Richer jean-michel.richer@univ-angers.fr http://www.info.univ-angers.fr/pub/richer 2009 2 / 87 Plan Plan 1 Rappels SGML, XML, XSL 2 Grammaire et DTD

Plus en détail

HTML INTRODUCTION. LI288 Web et développement web

HTML INTRODUCTION. LI288 Web et développement web HTML INTRODUCTION LI288 Web et développement web WWW = World Wide Web Créé en 1989 au CERN par Tim Berners-Lee Objectif initial : mettre en ligne de la documentation (initialement technique pour physiciens)

Plus en détail

Formulaire de contact avec Xtreme Web Designer

Formulaire de contact avec Xtreme Web Designer Formulaire de contact avec Xtreme Web Designer Pour faire un formulaire avec Xtreme Web Designer, j'utilise 5 pages, vous n'êtes pas obligé, en effet 2 pages peuvent suffir mais c'est moins jolie. Donc

Plus en détail

SUPPORTS DE COURS SUR LE LANGAGE XML

SUPPORTS DE COURS SUR LE LANGAGE XML SUPPORTS DE COURS SUR LE LANGAGE XML 1 1 COURS D'INTRODUCTION A XML GENERALITES XML n'est pas un langage à proprement parler comme peut l'être HTML : XML est une famille de langages ayant en commun le

Plus en détail

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr Cours HTML/PHP E.Coquery emmanuel.coquery@liris.cnrs.fr Pages Web Pages Web statiques Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis son navigateur. Adresse tapée, clic

Plus en détail

Table des matières. TP Ajax. Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion...

Table des matières. TP Ajax. Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion... Table des matières Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion...7 Bibliographie : http://fr.wikipedia.org/wiki/asynchronous_javascript_and_xml

Plus en détail

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration statiques LIF4 - Initiation aux Bases de données : E.Coquery emmanuel.coquery@liris.cnrs.fr http ://liris.cnrs.fr/ ecoquery Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis

Plus en détail

Travaux Dirigés n 4. Encore des transformations XSL

Travaux Dirigés n 4. Encore des transformations XSL Université de Reims Champagne-Ardenne U.F.R. de Sciences Exactes et Naturelles Licence MI 2009/2010 Travaux Dirigés n 4 Encore des transformations XSL Exercice 1 (Création d un template) 1 ) À partir du

Plus en détail

Chapitre II. Notions de base

Chapitre II. Notions de base Chapitre II 1 2 3 Espace de noms Web Sémantique M1 2015-2016 10 Chapitre II 1 ref 2 3 Espace de noms Web Sémantique M1 2015-2016 11 Uniform Resource Identifier () Une est une chaîne qui identifie une ressource

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

Plusieurs façons de communiquer AJAX? Communication, manière facile. AJAX en jquery

Plusieurs façons de communiquer AJAX? Communication, manière facile. AJAX en jquery Programmation web AJAX Jean-Christophe Dubacq IUT de Villetaneuse S3 2013 AJAX A Jean-Christophe Dubacq (IUTV) Programmation web S3 2013 1 / 33 Le modèle classique Jean-Christophe Dubacq (IUTV) Programmation

Plus en détail

Formation «Atelier Wikini»

Formation «Atelier Wikini» Formation «Atelier Wikini» Pour retrouver tous les contenus de la formation : http://outils-reseaux.org/wikini/stagescourts Mémo d'utilisation de Wikini Ecrire sur une page, enregistrer ses modifications

Plus en détail

XML TD1 : DTD et XML Schema

XML TD1 : DTD et XML Schema Université du Littoral Côte d Opale M1 Info / 2014 2015 XML TD1 : DTD et XML Schema www-lisic.univ-littoral.fr/~hoock/enseignements/ulco/xml/tdxml01.pdf Enseignant : Jean-Baptiste Hoock (hoock@lisic.univ-littoral.fr)

Plus en détail

Plan. Unix et Programmation Web. Cours 4. Bref historique d'internet (1/2) Bref historique d'internet (2/2)

Plan. Unix et Programmation Web. Cours 4. Bref historique d'internet (1/2) Bref historique d'internet (2/2) Plan Unix et Programmation Web Cours 4 kn@lri.fr http://www.lri.fr/~kn 4.1 Internet et ses services 4.2 Fonctionnement du Web 4.3 Adressage des documents Web 4.4 Le protocole HTTP Bref historique d'internet

Plus en détail

Université de Reims Champagne-Ardenne. XML - Introduction. F. Nolot Licence professionnelle CMSII 1

Université de Reims Champagne-Ardenne. XML - Introduction. F. Nolot Licence professionnelle CMSII 1 Université de Reims Champagne-Ardenne XML - Introduction F. Nolot Licence professionnelle CMSII 1 Université de Reims Champagne-Ardenne XML - Introduction Historique F. Nolot Licence professionnelle CMSII

Plus en détail

par Philippe Poulard XSL Philippe Poulard 1 Philippe.Poulard@inria.fr

par Philippe Poulard XSL Philippe Poulard 1 Philippe.Poulard@inria.fr 1 Philippe.Poulard@inria.fr Philippe Poulard 2 T : principes et exemple Fonctionnement : XPath dans T Règles par défaut Pattern matching T Activation des règles : priorité, précédence, sélection Pilotage

Plus en détail

Rapport des modifications techniques effectuées

Rapport des modifications techniques effectuées Club Alpin Français Nantes-Atlantique Rapport des modifications techniques effectuées BERROU Quentin BRUNED Boris QUEVA Caroline 11 I CMS choisi : Nous avons choisi d utiliser Joomla! de par sa communauté

Plus en détail

Le but de ce document est de donner les principes de manipulation de données XML, via XSLT à l'aide de PHP5.

Le but de ce document est de donner les principes de manipulation de données XML, via XSLT à l'aide de PHP5. Exemple XML XSLT avec PHP5 Rédacteur: Alain Messin CNRS UMS 2202 Admin06 06/09/2007 Le but de ce document est de donner les principes de manipulation de données XML, via XSLT à l'aide de PHP5. Il ne s'agit

Plus en détail

XML Les documents semi-structurés

XML Les documents semi-structurés XML Les documents semi-structurés XML - extensible Markup Language XSL(T) - extensible Stylesheet Language XSD XML Schema DTD Document Type Definition Ivan Madjarov, IUT-R&T, 2006-2008 XML dérive d'un

Plus en détail

Le langage HTML. Structure d'une page HTML. Les balises. balises de structure.

Le langage HTML. Structure d'une page HTML. Les balises. balises de structure. <base> Sommaire : Le langage HTML...2 Structure d'une page HTML...2 Les balises...2 balises de structure...2 Les balises de formatage...4 Les balises de liens...6 Les balises d'images...6 Les balises de listes...7

Plus en détail

Introduction a X3D. Sebti Foufou 10/11/2006 1

Introduction a X3D. Sebti Foufou 10/11/2006 1 Introduction a X3D Sebti Foufou 10/11/2006 1 Historique X3D est la 3e version de VRML Le VRML (Virtual Reality Modeling Langage ou Langage de Modélisation de la Réalité Virtuelle) est un langage qui permet

Plus en détail

WEBMESTRE : CONCEPTION DE SITES ET ADMINISTRATION DE SERVEUR WEB

WEBMESTRE : CONCEPTION DE SITES ET ADMINISTRATION DE SERVEUR WEB WEBMESTRE : CONCEPTION DE SITES ET ADMINISTRATION DE SERVEUR WEB ALGORITHMIQUE PROGRAMMATION ORIENTÉE INTERNET ASPECTS SERVEUR Module 25819 cours et TP A4 (1/2 valeur) Chapitre 8 Les objets en PHP Le plus

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

Master Informatique 2 «RADI» Thème Applications Documentaires XML. Frédérik Bilhaut fbilhaut@info.unicaen.fr

Master Informatique 2 «RADI» Thème Applications Documentaires XML. Frédérik Bilhaut fbilhaut@info.unicaen.fr Master Informatique 2 «RADI» Thème Applications Documentaires Frédérik Bilhaut fbilhaut@info.unicaen.fr XML Frédérik Bilhaut Université de Caen MI2 RADI 2004/2005 1 Plan du cours (4 2h) La sphère XML Le

Plus en détail

Développement d applications multiplateforme avec EnyoJS

Développement d applications multiplateforme avec EnyoJS Développement d applications multiplateforme avec EnyoJS EnyoJS est un cadre de développement qui permet de créer des applications pour n importe quelle plateforme : ordinateur, tablette/smartphone Android,

Plus en détail

Débuter avec Zope. Présentation Premières pages, premiers automatismes Feuilles de styles Boucles et tests Formulaires et bases de données

Débuter avec Zope. Présentation Premières pages, premiers automatismes Feuilles de styles Boucles et tests Formulaires et bases de données Débuter avec Zope Présentation Premières pages, premiers automatismes Feuilles de styles Boucles et tests Formulaires et bases de données Université Lille3-Charles de Gaulle D.Gonzalez Mars 2003 2 Table

Plus en détail

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création

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

LE LANGAGE XML. I. Généralités. Historique

LE LANGAGE XML. I. Généralités. Historique I. Généralités Historique LE LANGAGE XML Année Langage Description 1950 Hypertexte Premiers développements théoriques par Ted Nelson. 1969 Generalized Markup Language Développement du GML par IBM. 1986

Plus en détail

LES TABLES. Exemple de table :
cellule 1 cellule 2
cellule 3 cellule 4

LES TABLES. Exemple de table : <table> <tr> <td>cellule 1</td> <td>cellule 2</td> </tr> <tr> <td>cellule 3</td> <td>cellule 4</td> </tr> </table> LES TABLES Les tables servent pour l'affichage de «données tabulaires», c'est-à-dire des informations présentées logiquement en rangées et en colonnes. Son intégration peut paraitre fastidieuse mais c'est

Plus en détail

INU3011 Documents structurés

INU3011 Documents structurés INU3011 Documents structurés Cours 1 Hiver 2016 Copyright 2010-2016 Yves Marcoux - Reproduction interdite 1 Plan Introduction à XML En quoi ce cours peut vous être utile dans votre carrière? Contextes

Plus en détail

Conception de sites Web

Conception de sites Web Actualité du cours Conception de sites Web L1 bidisciplinaire IDEA Année 2015-2016 Jérôme Darmont http://eric.univ-lyon2.fr/~jdarmont/?page_id=440 http://eric.univ-lyon2.fr/~jdarmont/?feed=rss2 https://twitter.com/darmont_lyon2

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

Publication (avancée) de données spatiales dans Internet

Publication (avancée) de données spatiales dans Internet Publication (avancée) de données spatiales dans Internet GMT-20859 & SCG-66408 HTML & CSS Thierry Badard & Frédéric Hubert Université Laval, Dép. des sciences géomatiques Québec, Canada {Thierry.Badard;

Plus en détail

Module : Programmation site web dynamique

Module : Programmation site web dynamique Module : Programmation site web dynamique LEÇON : MANIPULATION DES FICHIERS XML VIA.NET C# (LECTURE ET ECRITURE) Proposé par : A BENDAOUD XML Sommaire Créer un fichier XML à l aide de Visual Studio...

Plus en détail

Créer un modèle pour Joomla 1.5

Créer un modèle pour Joomla 1.5 Créer un modèle pour Joomla 1.5 Dans le dossier templates de Joomla, créer un nouveau dossier au nom du modèle (lettres-chiffres-tirets, éviter caractères accentués et spéciaux) Dans ce dossier template/nom_du_modèle,

Plus en détail

SOCIETE MONETIQUE TUNISIE SPS. «Serveur de Paiement Sécurisé» *****************************************

SOCIETE MONETIQUE TUNISIE SPS. «Serveur de Paiement Sécurisé» ***************************************** SOCIETE MONETIQUE TUNISIE «Serveur de Paiement Sécurisé» ***************************************** Spécifications Techniques d Usagers du Commerce Electronique. FONCTIONNEMENT Le Système de Paiement Sécurisé

Plus en détail