Búsqueda de Temas

martes, 27 de noviembre de 2007

Website as Graphs: Tu web vista como un grafico

Algunos bloggers científicos estan mostrando sus webs mediante gráficos gracias a una herramienta denominada Website as Graphs que permite darle una representación a las diferentes etiquetas anidadas en forma de árboles. La siguiente imagen fue generada tomando a la web Google.com


Solo accedes a la web y proporcionas la url de la web que hayas elegido para generar el gráfico, seguidamente se carga un java applet (puede lentearte el sistema si no dispones de una buena PC) y te muestra el gráfico dinámicamente, es decir, puedes ver como se van formando los nodos de las diferentes etiquetas que componen el código.

¿Qué significan los colores?
azul
: para los enlaces (el tag A)
rojo: para las tablas (etiquetas TABLE, TR y TD)
verde: para el tag DIV
violeta: para imágenes (tag IMG)
amarillo: para formularios (tags FORM, INPUT, TEXTAREA, SELECT y OPTION)
naranja: para saltos de línea y citas (tags BR, P y BLOCKQUOTE)
negro: para el tag HTML, el nodo raíz
gris: otros tags

Aquí el gráfico de mi web (o lo que capturé de él, ya que llevaba 5 minutos generando el gráfico y no soy paciente):


Si desean pueden acceder al código del java applet desde aquí.

Enlace: Website as Graphs

Contáctame