دیدن گراف سایتها

نوشته شده توسط علیرضا مجیدی در تاریخ ۷ خرداد ۱۳۸۵

هر روز ما به سایتهای زیادی نگاه
می‌کنیم. ساختمان این سایتها با
html
تعریف می‌شود که زبانی است برای انتشار اطلاعات در وب. کار مرورگرها ، ترجمه این
زبان
html است. برای دیدن کدهای پشت
یک سایت می‌توانید در منوی مرورگرتان روی
view source
کلیک کنید.

Html متشکل
از تگ‌هایی است ، مثلا تگ‌های
A
برای لینک و تگ‌های
IMG برای عکس.

امروز سایتی دیدم که همین تگ‌ها را
به صورت تصویری و گراف درآورده است ، به این ترتیب :


blue
: for links
(the A tag)
red: for tables (TABLE, TR and TD tags)
green: for the DIV tag
violet: for images (the IMG tag)
yellow: for forms (FORM, INPUT,
TEXTAREA, SELECT and OPTION tags)
orange: for linebreaks and blockquotes
(BR, P, and BLOCKQUOTE tags)
black: the HTML tag, the root node
gray: all other tags

به این ترتیب بسته به میزان
استفاده یک سایت از تگ‌های مختلف ، گرافهایی ترسیم می‌شود که تصادفا بسیار زیبا هم
هستند. با یک نگاه به گراف‌ها می‌شود ، میزان استفاده یک سایت را از تگ‌های مختلف
حدس زد.

مثلا این گراف وبلاگ " یک پزشک"
است :

1 pezeshk graph.jpg

و این گراف سایت
 CNN:

cnn_small.gif

این هم گراف گوگل :

google_small.gif

برای دیدن گراف سایت یا وبلاگتان
به اینجا بروید.

فکر کنم باید جاوا را در مرورگرتان
فعال کرده باشید.

نظرات کاربران

  • مثله همیشه عالی بود

  • بامزه بود، ممنون!‌(:
    راستی یک سوال … این برنامه که اجرا می‌شد تمام CPU resource مرا می‌گرفت. روی کامپیوتر و سیستم‌عامل شما هم همین‌طور است؟

  • سایت جالبی معرفی کردین
    گراف وبلاگ من هم جالب شده
    خیلی ممنون

  • سلام
    استفاده کردم از این مطلبتون

    ممنون
    یا علی
    در پناه خدا باشید

  • khyli bahal bood

  • دستت درد نکنه خوب بود

  • یک فلسفه ای پشت رنگ بندی هاش هست ، استفاده از CSS و استفاده نکردن TABLE ، به تگ های جدول قرمز اختصاص داده و به تگ های DIV رنگ سبز !

  • خیلی ممنون
    مطلب جالبی بود