Download
bienvenue n.
Skip this Video
Loading SlideShow in 5 Seconds..
Bienvenue! PowerPoint Presentation

Bienvenue!

103 Vues Download Presentation
Télécharger la présentation

Bienvenue!

- - - - - - - - - - - - - - - - - - - - - - - - - - - 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