1 / 27

Les formats d’échange

Les formats d’échange. Formation D.C.G. IUT de Troyes. Généralités. Pourquoi des formats de fichiers ? Format Propriétaire Format Ouvert. Format Propriétaire. Spécifique à une application Spécifications non publiées Peut être protégé par un brevet Exemples : Word,Excel. Format Ouvert.

philip-avila
Download Presentation

Les formats d’échange

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. Les formats d’échange Formation D.C.G.IUT de Troyes

  2. Généralités • Pourquoi des formatsde fichiers ? • Format Propriétaire • Format Ouvert

  3. Format Propriétaire • Spécifique à une application • Spécifications non publiées • Peut être protégé par un brevet • Exemples : Word,Excel

  4. Format Ouvert • Les spécifications appartiennent au domaine public • Standards établis par les autorités publiques • Décision du concepteur • Usage libre de droit • Exemples :pdf, html, rtf, ..

  5. Le format PDF • Portable Document Format • Développé par Adobe • Format de présentation des documents • Spécifications disponibles sur le Web

  6. Le format PDF • Outils pour lire les fichiers : • Adobe Acrobat Reader • Foxit Pdf Reader • Outils pour créer des fichiers : • Adobe Acrobat • PdfCreator • CutePDF Writer

  7. Le format PDF • Une méthode simple pour créer des PDF : • Installer une imprimante PDF • Imprimer en PDF à partir de n’importe quelle application

  8. Le format PDF • Protection des données

  9. Les langages à Balise • HTML – XHTML • Normalisé par le W3C • Langage de base du Web • XHTML est basé sur XML • XML • Métalangage • Développé par le XML Working Group • Standard d’échange Universel

  10. HTML - XHTML • XHTML est le nouveau nom de HTML 4.01. • Permet de décrire le contenu d’une page Web (le fond). • Associé au langage CSS qui permet de décrire la mise en forme du document.

  11. XHTML • Lecture des fichiers XHTML : • Toute application de navigation Internet • Exemples : Internet Explorer, Mozilla, Opera, …

  12. XHTML • Ecriture des fichiers XHTML : • Editeurs de Texte • Simple : Le bloc-note de Windows • Evolués : Editeur de développement • Exemple : Scite, NotePad++ • Des outils spécialisés dans l’édition de page Web : • Dreamweaver • Nvu ( Licence Libre & Gratuit)

  13. XML • eXtensible Markup Languagelangage à balises étendu • Métalangage car il peut être étendu pour créer d'autres langages • Peut-être sécurisé par : • XML Signature • XML Encryption

  14. XML • Comme XHTML,XML ne décrit que le contenu du document. • Pour la mise en page,il faut utiliser : • CSS (Cascading StyleSheet) • XLS (eXtensible StyleSheet Language) • XSLT (eXtensible StyleSheet Language Transformation) permet de transformer un document XML en document HTML accompagné de feuilles de style • Un document XML est accompagné d'une DTD (Document Type Définition) permet permettant de vérifier sa syntaxe

  15. XML • Lecture des fichiers XML : • Toute application possédant un parser XML comme par exemple les navigateurs WEB • Création des fichiers XML : • Des outils dédiés :xmlEditPro • Des outils sachant enregistrer en xml : Word, Excel, …

  16. En Pratique Démonstration

  17. XHTML • Contenu minimal d’une page :<html><head><title>Titre de la page</title></head><body>Corps du document</body></html>

  18. XHTML • Quelques balises standards :<-- Ligne de commentaire --><p>Paragraphe</p><br /> saut de ligne à l’intérieur des paragraphes.<h1>Titre principal</h1><h2>Sous Titre</h2>.. jusqu’à h6 <em>texte de faible valeur</em><strong>texte important</strong>

  19. XHTML • Les formats d’image : • jpeg, gif, png • Insertion d’une image dans une page :<img src=“fichier.jpg” alt=“Texte si fichier absent” />Remarque : Cette balise doit être placée à l’intérieur d’un paragraphe <p>

  20. XHTML • Les liens hypertextes • Vers une autre page :<a href=“pagedestination.html”>Texte du lien</a> • Dans la même page :Dans la balise de destination :<p id=“identification”>Paragraphe de destination</p> Dans la balise de départ :<a href=“#identification”>Texte du lien</a>

  21. XHTML & CSS • XHTML ne s’occupe que du contenu. • CSS permet de le mettre en forme • Pour appeler le fichier CSS à partir de la page html :<link rel="stylesheet"media="screen" type="text/css" title="NomStyle" href="pagestyle.css" />

  22. CSS • Le fichier style.css :* (ou balise){propriété:valeur; propriété:valeur;propriété:valeur; }

  23. CSS • Exemples de styles :p{ text-align: center;} #identification{ text-align: justify;}

  24. CSS • La propriété text-align • text-align: left • text-align: center • text-align: right • text-align: justify

  25. CSS • La gestion des polices et du texte : • font-family: Verdana, sans-serif • font-size: 10px • font-size: smallfont-size: mediumfont-size: large • font-size: 120% • font-weight: bold • font-style: italic • text-decoration: underline • text-transform: capitalize • color: blackcolor:#CC6600

  26. CSS • Le fond de page : • background-color: white • background-image: url("image.jpg") • background-repeat: repeat-x • background-position: 300px 100px;background-position: top right

  27. XHTML & CSS • Création d’une page web utilisant XHTML et CSS

More Related