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

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

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

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

ممکن است شما دوست داشته باشید
8 نظرات
  1. Mehdi می گوید

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

  2. سولوژن می گوید

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

  3. امین می گوید

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

  4. امير می گوید

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

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

  5. amin می گوید

    khyli bahal bood

  6. محسن می گوید

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

  7. مانی می گوید

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

  8. SNJOnline می گوید

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

نظرات بسته شده است.