comprendre le language des balises -

1. du HTML
au XML
Le langage
de balises

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. le langage des pages Web

4. Jules Verne
<P>
<CENTER>
<FONT SIZE=16 COLOR=”red”>
Jules Verne
</FONT>
</CENTER>
</P>

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. DEUXIEME TEMPS
SÉPARER LA FORME DU FOND
On ajoute au langage de balise (HTML) un
second langage chargé de décrire le style, la
présentation des pages
Un fichier unique (format CSS) contient le
style de chacune des balises de l’ensemble
des pages d’un site.

7. SÉPARER LA FORME DU FOND
Fichier HTML :
<P>
Jules Verne
</P>
Fichier CSS :
p
{ font-size: 16; font-color: red; }
h1
{font-size: 30 color: blue; }

8. BEAUCOUP DE HTML + 1 CSS
Le style de toutes les pages du site ne dépend plus
maintenant que d’un seul fichier, facile à mettre à jour
mais …
comment optimiser la modification et la saisie par tout
un chacun du contenu (y compris les non-spécialistes) ?
L’objectif est la « disparition du webmaster »…

9. LE WEB DYNAMIQUE
TROISIEME TEMPS
1- Le style dans un fichier unique (CSS)
2- Le contenu dans une base de données
3- La « page web » n’est plus qu’une plateforme
d’intégration qui va chercher l’information dans la
base et prépare une page selon les instructions de
style du CSS
ce sont les CMS, plateforme de site/blog
http://www.site.fr/article.php3?id_article=73

10. VERS LE WEB SÉMANTIQUE
QUATRIEME 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. VERS LE WEB SÉMANTIQUE
<auteur>
<P>
Jules Verne
Jules Verne
</P>
<auteur>

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. 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. XML AU COEUR DE ...
RSS
Notice BNF/BCDI
Web sémantique
Opendocument : Fichier zippé crée par
openoffice avec
Un fichier de données (XML)
Un fichier de style
Des médias

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