Ihre Homepage als Graph Lassen Sie auch Ihre Seite mal analysieren und darstellen.

www.kupix.de als Graph dargestellt

Unten sehen Sie die Homepage von kupix web-design einmal anders dargestellt, links zu einem früheren Zeitpunkt, rechts neueren Datums. Es sind natürlich nur Momentaufnahmen, der Graph wird sich ändern, sobald sich an den Seiten von kupix webdesign Änderungen oder Mehrungen ergeben. Kontrollieren Sie es, indem Sie auf den Link unter dem linken Graphen klicken und vergleichen dann das Ergebnis mit dem Bild.

Dies ist ein Kunst-Projekt von Fernando Luis Lara. Er hat dieses unglaubliche Java-Applet geschrieben!

Weiteres erfahren Sie auf seiner Homepage unter 365specialdays.com.

 

Grafische Darstellung von kupix als Graph der Seiten, Tags und Funktionen vom 21. Juli 2009
Graph vom 21.07.09
Grafische Darstellung von kupix als Graph der Seiten, Tags und Funktionen vom 05. April 2011
und vom 05.04.2011 - 13:39 Uhr

Visualisierung des Quellcodes Ihrer Internetseiten

Graph der Homepage der Firma ??? mit vielen Tabellen (16.09.08)
Graph der Homepage der Firma ??? mit vielen Tabellen (16.09.08)

Wenn Sie möchten, dann lassen Sie sich doch hier Ihre eigene Grafik erstellen!

Durch dieses Java-Applet wird jede beliebige Website aufgrund der sogenannten Tags (HTML-Befehle) im Quelltext als Bild dargestellt. Falls rot dominiert, sollte man vielleicht mal über ein Redesign nachdenken. Rot sind Tabellen und diese sollten nicht mehr als Design-Werkzeuge eingesetzt werden, es entspricht nicht den internationalen Konventionen des W3C bzgl. XHTML und Barrierefreiheit. Als Negativbeispiel dazu sehen Sie rechts die Grafik der Homepage eines namhaften Jülicher Papier verarbeitenden Unternehmens, dessen Internetauftritt erst in 2005 neu erstellt wurde!?

Wir sind Ihnen gerne beim Redesign Ihrer Seiten behilflich.

 

 

Was bedeuten nun die Farben?

blau:: für Links (den A tag)
rot:: für Tabellen (TABLE, TR and TD tags)
grün:: für einen DIV tag
violett:: für Bilder (IMG tag)
gelb:: für Formulare (FORM, INPUT, TEXTAREA, SELECT und OPTION tags)
orange:: für Zeilenvorschübe und Blockquotes (BR, P, and BLOCKQUOTE tags)
schwarz:: der HTML tag, der root-Knoten
grau:: alle anderen Tags
 
Service