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

هر روز ما به سایتهای زیادی نگاه
می‌کنیم. ساختمان این سایتها با
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

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

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

پست‌های مشابه این مطلب

  1. گراف اجتماعی
  2. moopz، سرویسی برای دیدن جالب‌ترین لینک‌های فرندفید
  3. دردسرهای سفارش آنلاین!
  4. BodyMaps: دیدن آناتومی بدن انسان به سبک گوگل مپ!
  5. رکورد پرداخت هزینه برای دیدن سریال لاست: ۴۰ هزار دلار!
باز کردن / بستن تمام نظرات
  • Mehdi

    خرداد ۸م, ۱۳۸۵۴:۳۴ ب.ظ

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

  • سولوژن

    خرداد ۸م, ۱۳۸۵۸:۳۵ ب.ظ

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

  • امین

    خرداد ۸م, ۱۳۸۵۱۰:۴۷ ب.ظ

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

  • امیر

    خرداد ۹م, ۱۳۸۵۱۱:۳۱ ق.ظ

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

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

  • amin

    خرداد ۱۰م, ۱۳۸۵۴:۴۶ ب.ظ

    khyli bahal bood

  • محسن

    خرداد ۱۱م, ۱۳۸۵۱۱:۴۷ ق.ظ

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

  • مانی

    خرداد ۱۱م, ۱۳۸۵۱:۲۷ ب.ظ

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

  • SNJOnline

    خرداد ۱۴م, ۱۳۸۵۷:۵۵ ق.ظ

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