du HTML  au XMLLe langagede balises
LE HTML*PREMIER TEMPS La première « révolution » est dans son nom : HYPERTEXT Mais c’est le M (MARKUP) qui a un grand aven...
le langage des pages Web
Jules Verne<P>      <CENTER>          <FONT SIZE=16 COLOR=”red”>Jules Verne          </FONT>      </CENTER></P>
Oui mais ....   Ce langage permet        •les liens entre pages (hypetexte)        •l’intégration de média   Mais cette im...
DEUXIEME TEMPSSÉPARER LA FORME DU FONDOn ajoute au langage de balise (HTML) unsecond langage chargé de décrire le style, l...
SÉPARER LA FORME DU FONDFichier HTML :<P>Jules Verne     </P>Fichier CSS :p    { font-size: 16; font-color: red; }h1    {f...
BEAUCOUP DE HTML + 1 CSSLe style de toutes les pages du site ne dépend plusmaintenant que d’un seul fichier, facile à mettr...
LE WEB DYNAMIQUE   TROISIEME TEMPS1- Le style dans un fichier unique (CSS)2- Le contenu dans une base de données3- La « pag...
VERS LE WEB SÉMANTIQUEQUATRIEME TEMPS Ces balises dépouillées pourraient alors servir à décrire le contenu. En les hiérarc...
VERS LE WEB SÉMANTIQUE                    <auteur> <P> Jules Verne      Jules Verne </P>                    <auteur>
NOTICE EXPORTÉE DE BCDI<?xml version="1.0" encoding="ISO-8859-1" ?><MEMO_NOTICES><NOTICES><TYPE_NOTICE_N>Notice générale</...
L’INTÉRIEUR D’UN FIL RSS…<channel>    <title>mon canal RSS</title>    <link>http://www.rss.fr/</link>    <description>tout...
XML AU COEUR DE ...RSSNotice BNF/BCDIWeb sémantiqueOpendocument : Fichier zippé crée paropenoffice avec  Un fichier de donné...
LE WEB 2.0            1. la structure des blogs•Intégration de médias externes (video, diaporama, son )•Commentaires et ré...
Prochain SlideShare
Chargement dans…5
×

Balises : du HTML au XML

2 439 vues

Publié le

comprendre le language des balises -

Publié dans : Formation, Technologie, Design
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 439
Sur SlideShare
0
Issues des intégrations
0
Intégrations
878
Actions
Partages
0
Téléchargements
13
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Balises : du HTML au XML

  1. 1. du HTML au XMLLe langagede balises
  2. 2. LE HTML*PREMIER TEMPS La première « révolution » est dans son nom : HYPERTEXT Mais c’est le M (MARKUP) qui a un grand avenir… *Créé par Tim Berners-Lee au CERN de Genève en 1991
  3. 3. le langage des pages Web
  4. 4. Jules Verne<P> <CENTER> <FONT SIZE=16 COLOR=”red”>Jules Verne </FONT> </CENTER></P>
  5. 5. Oui mais .... Ce langage permet •les liens entre pages (hypetexte) •l’intégration de média Mais cette imbrication de données, d’informations et de style pose des problèmes de mise à jour…
  6. 6. DEUXIEME TEMPSSÉPARER LA FORME DU FONDOn ajoute au langage de balise (HTML) unsecond langage chargé de décrire le style, laprésentation des pagesUn fichier unique (format CSS) contient lestyle de chacune des balises de l’ensembledes pages d’un site.
  7. 7. SÉPARER LA FORME DU FONDFichier HTML :<P>Jules Verne </P>Fichier CSS :p { font-size: 16; font-color: red; }h1 {font-size: 30 color: blue; }
  8. 8. BEAUCOUP DE HTML + 1 CSSLe style de toutes les pages du site ne dépend plusmaintenant que d’un seul fichier, facile à mettre à jourmais …comment optimiser la modification et la saisie par toutun chacun du contenu (y compris les non-spécialistes) ?L’objectif est la « disparition du webmaster »…
  9. 9. LE WEB DYNAMIQUE TROISIEME TEMPS1- Le style dans un fichier unique (CSS)2- Le contenu dans une base de données3- La « page web » n’est plus qu’une plateformed’intégration qui va chercher l’information dans labase et prépare une page selon les instructions destyle du CSSce sont les CMS, plateforme de site/blog http://www.site.fr/article.php3?id_article=73
  10. 10. VERS LE WEB SÉMANTIQUEQUATRIEME TEMPS Ces balises dépouillées pourraient alors servir à décrire le contenu. En les hiérarchisant, en les classant on permettrait (sur le modèle du thesaurus) aux machines de distinguer le sens des mots et de combattre l’homonymie et le bruit dans la recherche
  11. 11. VERS LE WEB SÉMANTIQUE <auteur> <P> Jules Verne Jules Verne </P> <auteur>
  12. 12. NOTICE EXPORTÉE DE BCDI<?xml version="1.0" encoding="ISO-8859-1" ?><MEMO_NOTICES><NOTICES><TYPE_NOTICE_N>Notice générale</TYPE_NOTICE_N><SUPPORT_N_N>Livre</SUPPORT_N_N><LANGUE_N>fre</LANGUE_N><TITRE_N>Les réseaux sociaux</TITRE_N><SIGNIFICATIF_N>Oui</SIGNIFICATIF_N><DOCUMENT_N>Les réseaux sociaux </DOCUMENT_N><TYPE_DOC_D>Texte imprimé</TYPE_DOC_D>
  13. 13. L’INTÉRIEUR D’UN FIL RSS…<channel>    <title>mon canal RSS</title>    <link>http://www.rss.fr/</link>    <description>tout sur tout</description></channel><item>    <title>Nouvelle du jour1</title>    <link>http://www.rss.fr/page1.html</link>    <description>blablabla</description></item><item>    <title>Nouvelle du jour2</title>    <link>http://www.rss.fr/page2.html</link>
  14. 14. XML AU COEUR DE ...RSSNotice BNF/BCDIWeb sémantiqueOpendocument : Fichier zippé crée paropenoffice avec Un fichier de données (XML) Un fichier de style Des médias
  15. 15. LE WEB 2.0 1. la structure des blogs•Intégration de médias externes (video, diaporama, son )•Commentaires et rétroliens•Echange de données par flux RSS sortants et entrants•Le cas des favoris partagés 2. les Tags / la Folksonomie•Avant étaient le descripteur et le mot clé !•Tout se tague ...•Avantages•Inconvénients 22

×