1 / 33

Bienvenue!

Bienvenue!. www.ixiasoft.com. Qui suis-je?. Webmestre depuis 1994 Café Internet en 1996 Commerce électronique Gestion de contenu web Marketing interactif Burn out! Pause IXIASOFT. « XML : Étude pratique ». www.ixiasoft.com. « Mise à niveau : le web en 2003 ». www.ixiasoft.com.

ninon
Download Presentation

Bienvenue!

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Bienvenue! www.ixiasoft.com

  2. Qui suis-je? • Webmestre depuis 1994 • Café Internet en 1996 • Commerce électronique • Gestion de contenu web • Marketing interactif • Burn out! • Pause • IXIASOFT

  3. « XML : Étude pratique » www.ixiasoft.com

  4. « Mise à niveau : le web en 2003 » www.ixiasoft.com

  5. Mise à niveau technique • HTML, XHTML et XML • Feuilles de style CSS • XML et XSLT

  6. Le HTML gère le contenu et la présentation Le HTML doit être affiché dans un fureteur Un document HTML est un document final et a une structure fixe Le XML utilise des balises purement sémantiques Le XML est une façon universelle d’échanger de l’information Un document XML peut être combiné à d’autres documents HTML et XML

  7. HTML Format de distribution pour le web

  8. Document HTML <html> <head> <title>Titre de mon document HTML</title> </head> <body> <p>Paragraphe de texte</p> </body> </html>

  9. Document HTML mis en forme <html> <head> <title>Titre de mon document</title> </head> <body bgcolor="#FFFFFF" text="#333333"> <p> <b> <i>Ceci est un paragraphe de texte en italique gras gris.</i> </b> </p> <p> <font color="#CC0000">Ceci est un paragraphe de texte rouge.</font> </p> </body> </html>

  10. CSS Cascading Style Sheet...

  11. Feuilles de style CSS • CSS gère la présentation • Permet de séparer le contenu et la présentation • Concept : Classes et sélecteurs • Cascading Style Sheet : hiérarchiser le look

  12. Exemple de CSS body { background-color: #ffffff; }

  13. Exemple de CSS .classe { color: #ff0000; font-family: Arial, Verdana; }

  14. Exemple de CSS #selecteur { color: #ff0000; font-family: Arial, Verdana; }

  15. Mise en page avec HTML <html> <head> <title>Titre de mon document</title> </head> <body bgcolor="#FFFFFF" text="#333333"> <p> <b> <i>Ceci est un paragraphe de texte en italique gras gris.</i> </b> </p> <p> <font color="#CC0000">Ceci est un paragraphe de texte rouge.</font> </p> </body> </html>

  16. Mise en page avec HTML et CSS <html> <head> <title>Titre de mon document</title> <link rel="stylesheet" href="feuilledestyle.css"> </head> <body> <p class="grosgras">Ceci est un paragraphe de texte en italique gras gris.</p> <p class="attention">Ceci est un paragraphe de texte rouge. </p> </body> </html>

  17. XML La donnée pure, sans maquillage

  18. Document XML <?xml version="1.0" encoding="UTF-8"?> <document> <elements> <element>voici un élément</element> <element>encore un autre élément</element> <element type="special">ah! un attribut!</element> </elements> </document>

  19. Document XML <?xml version="1.0" encoding="UTF-8"?> <iug> <glilvb> <element>voici un élément</element> <asdf>encore un autre élément</asdf> <qwer type="special">avec un attribut</qwer> </glilvb> </iug>

  20. Document XML <?xml version="1.0" encoding="UTF-8"?> <iug> <glilvb> <element num="1">voici un élément</element> <element num="2">encore un autre...</element> <element num="3">Party d'éléments!</element> </glilvb> </iug>

  21. Outils XML Produire et gérer du contenu XML

  22. XHTML L'évolution du HTML vers le XML

  23. Document XHTML <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Titre du document XHTML</title> </head> <body> <p>Paragraphe<br/>de texte</p> </body> </html>

  24. De HTML vers XHTML Les balises doivent être fermées • <br> devient <br /> • <hr> devient <hr /> • <img> devient <img />

  25. De HTML vers XHTML Trouvez l’erreur : • <b><i>texte</b></i> • <font size=2>texte</font> • <item cat>1548231-684321</item cat>

  26. XPath L'expression de la structure

  27. XPath • Similaire aux adresses Internet • Représentation de la structure XML • Permet de naviguer dans l’arborescence

  28. XSL eXtensible Style Sheet Language

  29. Feuilles de style XSL • Permettent de séparer le contenu du contenant • Permettent de manipuler la structure d’un document • Permettent de personnaliser la présentation du contenu

  30. XSLT eXtensible Style Sheet Language Transformation

  31. Transformation XSLT • Mise en forme d'un document XML • Stencil pour l'affichage • Côté client ou côté serveur

  32. « Bon appétit ! » www.ixiasoft.com

  33. Deuxième partie : Site dynamique avec XML www.ixiasoft.com

More Related