jump to navigation

El grafo del blog junio 15, 2006

Posted by NaXo in Internet.
trackback

Pues como curiosidad curiosa cuelgo el grafo de mi blog, a raíz de un post del amigo más inquieto que tengo😉

NaXo'S Blog as Graph

Puedes consultar como sería el grafo de cualquier web en Websites as graphs.

Comentarios»

1. NaXo - junio 16, 2006

Bueno, me voy a comentar a mí mismo, explicando un poco el tema, porque me ha gustado el invento😀

¿Qué significan esos bonitos colores del grafo? ¿Cómo se deciden las ramificaciones?

El significado de los colores viene en la web original y traduciendo queda:

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

En cuanto a como se crea el grafo, el applet encargado de ello examina el código HTML y crea las ramificaciones en función de la estructura de la página. Así, por ejemplo, los nodos que representan elementos como las tablas (rojos) o los DIVs (verdes), se convierten en el origen de las diferentes ramas del grafo.

Como contraejemplo del grafo de este blog, cuyo formato basado en hojas de estilos, concentra todos los nodos hijos al rededor de los nodos padre verdes, muestro un ejemplo de página cuya estructura se organiza mediante tablas (rojo) para mostrar una serie de capturas de pantalla de mi proyecto, es decir, imágenes (violeta) y su correspondiente grafo:

2. drupalgardens.com - agosto 31, 2013

I’m amazed, I have to admit. Seldom do I encounter a blog that’s both equally educative and entertaining,
and let me tell you, you have hit the nail on the head.
The problem is something which too few people are speaking
intelligently about. I am very happy that I came across this during my search for something relating to
this.


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: