1pezeshk logo.jpg

« جراحان و بازیهای رایانه‌ای | خانه | مطالب و لینکهای پراکنده »

یکشنبه 14 خردادماه

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

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

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

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

ارسال این مطلب به گوگل ردیر delicious.med.gif Balatarin دنباله مهندس

نظر Mehdi May 29, 2006 04:34 PM

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

نظر سولوژن May 29, 2006 08:35 PM

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

نظر امین May 29, 2006 10:47 PM

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

نظر امير May 30, 2006 11:31 AM

سلام
استفاده كردم از اين مطلبتون

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

نظر amin May 31, 2006 04:46 PM

khyli bahal bood

نظر محسن June 1, 2006 11:47 AM

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

نظر مانی June 1, 2006 01:27 PM

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

نظر SNJOnline June 4, 2006 07:55 AM

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