Dessine-moi un site

Graphique de la structure d’un site Internet


- Un étudiant de l’université de Stanford, Marcel Salathe, a développé un applet permettant d’obtenir une représentation illustrée de la structure d’un site Internet, avec un code couleur pour chaque nature de lien ou de type de contenus.

- Pour être précis, il s’agit de la représentation graphique de l’HTML DOM du site, c’est à dire de son “Document Object Model”. Le DOM permet aux programmes et scripts d’accéder et de modifier dynamiquement le contenu, la structure et le style de documents XML ou HTML.

- Cet applet a rencontré un tel succès que plus de 2 millions de graphiques ont été générés en quelques semaines.

- Voici celui de notre site, avec les codes couleurs associés :

- blue : for links (the A tag)
- red : for tables (TABLE, TR and TD tags)
- green : for the DIV tag
- violet : for images (the IMG tag)
- yellow : for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
- orange : for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
- black : the HTML tag, the root node
- gray : all other tags

 

Version imprimable de cet article
envoyer par mail