Wollen Sie wissen, wie Ihre Webseite als grafische Darstellung aussieht? Kein Problem - hier steht, wie’s geht:

Durch einen Beitrag beim Diplomblogger bin ich auf diese ausgesprochen interessante Möglichkeit gestossen, eine Webseite mit all ihren Codes grafisch darzustellen. Und so sieht z.B. dieses Weblog “SELFmade in Austria” aus:

SELFmade in Austria - das Weblog grafisch dargestellt

Hier die Erklärung der Farben:

blue: für Links (der A tag)
rot: für tables (TABLE, TR und TD tags)
grün: für den DIV tag
violett: für images (der IMG tag)
gelb: für Formulare (FORM, INPUT, TEXTAREA, SELECT und OPTION tags)
orange: für linebreaks und blockquotes (BR, P, und BLOCKQUOTE tags)
schwarz: der HTML tag, der root node
grau: alle anderen tags

Der Aufbau erfolgt in einem Java Applet und allein das Zusehen dabei war schon faszinierend für mich. Zu verfolgen für jeden ist das hier bei aharef.info.

Die vielen Unterschiede bei dieser Art, eine Webseite darzustellen, lassen sich auf flickr schön verfolgen. Die Bilder erinnern mich an meinen Ausflug in die Netzwerk-Analyse - wunderschöne Zusammenhänge bildhaft aufbereitet.