El mapa tags de tu sitio

Mapa de xoyazEn la imagen el mapa de xoyaz. Una muy interesante aplicación que genera imagenes a travez de los tags que componen el código fuente de las páginas. Interpretando el html muestra de que forma están construidos los sitios, separando por colores las etiquetas. La idea de tener un referente visual me parece buena para comparar la buena estructuración de un sitio. Me ha gustado mucho revisar algunas páginas la cuales visito seguido. Aquí está la aplicación para Websites as Graphs.

  • Azul: para los vínculos (los A tag)
  • Rojo: para las tablas (TABLE, TR y TD tags)
  • Verde: para las queridas DIV tag
  • Violeta: para las imagenes (las IMG tag)
  • Amarillo: para formularios (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
  • Naranja: para saltos de liena y citas (BR, P, and BLOCKQUOTE tags)
  • Negro: el HTML tag, el nodo raiz
  • gris: Todos los otros tags


Mapping the html in a website

Esta entrada fue posteada el Thursday 6 de July de 2006. a las 5:05 pm y fue archivada en Imagen digital. Puedes seguir cualquier respuesta de este entrada a través del feed RSS 2.0 . puedes Dejar un comentario, o trackback desde tu sitio.

5 Responses to “El mapa tags de tu sitio”

  1. 3stripe says:

    Nice article! (I think I know what it’s about, although I don’t understand any of it ;-)

  2. coyr says:

    Oye gracias!! por tu respuesta y a ti por lo que escribiste, igual me imagino que te imaginas que te estoy agradeciendo. ;)

    Thanks you 3stripe. It’s a interesting aplication. I talk about colors and tags, a little translations. :)

  3. andresmaro says:

    buen arí­culo…. super interesante y útil, vale amigo que ya has empezado a recoger comentarios… parece que la espera ha sido llenada… éxitos con tu web y tus post…

    salu2

    maro

  4. coyr says:

    Gracias Andres!! :D espero que sea así­. ;)

  5. [...] Inspirados en las imagenes de los mapa tags desarrollados en Websites as Graphs y dna11 pues llega otra proyecto para generar imagenes atravez del código de un website, el proyecto se denomina WEB2DNA solo debes introducir la dirección del sitio al cual le quieres generar su ADN en WEB2DNA Art Project el proyecto no va muy bien con firefox, así que (solo en este caso) intenta acceder desde un navegador diferente a Firefox. A proposito, puedes escoger cuatro colores verde, azul, rojo y negro. [...]

Comentar