گروهی از مردم برایشان سخت است تا یک وب سایت را به عنوان بسته نرم افزاری محتوا در نظر بگیرند. این اغلب باعث توضیحی از زبانهای مختلف استفاده شده میشود و روش هر چیز با یک وظیفه مشکل می رسد. زیرا آنچه را که یک وب سایت میسازد میتوان مرتبط و وابسته به فیزیولوژی بدن انسان دانست، مقایسه این مقاله باید به کلاینتها و تازه کارها کمک کند تا درک یکسانی از ایجاد یک سایت و اجزای سازنده آن داشته باشد.
سلب مسئولیت: قبل از اینکه بخواهیم کالبد شکافی بکنیم بگویم که من دکتر نیستم، بنابراین به شما سفارش میکنم که این تکنیک را به صورت مو به مو بر روی دوستانتان و خانواده انجام ندهید. آنها خواهان این نیستند که شما نگاهی مختصر به گوشهایشان بیاندازید تا اطلاعات meta را جستجو کنید.
طراح DNA: الگوها و تعریف نوع اسناد
انسانها خصوصیات از پیش تعریف شدهای برای اینکه ما چگونه به نظر می رسیم دارند. این بلوکهای ساختمانی جان، از طریق ژنتیک به ما رسیده است، و هنگامی که به طور درست چیده شدهاند، به ما ظاهر منحصر به فرد می دهند. این فراید تکامل میلیونها سال طول می کشد تا با دگرگونی محیط وفق یابد و مطمئنا در محدود کردن پیدایش ساختاری ما و شکل بصریمان نقش بازی میکند. در اصطلاح وب، دستورالعمل های تعدیل شده “ژنتیک” هستند که به عنوان الگوها شناخته شدهاند.
بدن انسان دربگیرنده DNA است درست همانند یک وب سایت. این توضیح می دهد که بدن شما چگونه باید واکنش نشان دهد.
البته که، فرآیند ایجاد یک الگو (schema) میلیونها سال طول نمی کشد، آن طول زمانی معینی را برای زبانهای جدید می گیرد تا به طور گسترده ای پدیدار شود. در نتیجه، در حالی که سایتهایی ممکن است متفاوت به نظر بیاید، شما می توانید مطمئن باشید که آنها فقط یکی از خانوادههای زبان ساختاری را که تعداد زیادی از خصوصیات از پیش شده را دارد استفاده میکنند، و آنچه شما با جمع بندی عناصر وتگهای رایج با میلیونها نفر دیگر به اشتراک میگذارید.
پ.ن: گنجایش زیادی از DTD در سندتان می تواند استانداردها را برای کدتان قرار دهد واز ابهاماتی که از طریقی می تواند بر روی مرورگرتان نمایش بدهد اجتناب بکند.
بنابراین، داشتن این DNA، که به توصیف زبان مورد استفاده می پردازد، می تواند در اثبات وارث استانداردهای وب مفید باشد.
خصوصیات زبان و DTD ماده ژنتیکی را تهیه می کنند که همه وب سایت ها از آن استفاده می کنند و به ارث میبرند.
ساختار اسکلتی: نشانه گذاری ساختاری
ساختار بدن انسان متشکل از استخوانهایی که به تعریف اساسی اندام ما است همان اسناد وب که در معنی آنها انواع مختلف از عناصر به هم پیوسته که به شکل ستون فقرات وب در آمده است. بیشترین اسناد وب از طریق زبانهایی که ساختار اسکلتی اسناد را توصیف می کنند از قبیل HTML و XML است. RSS به عنوان مثال کلاسیک نشانه گذاری که ساختار محتوای وب است. بدون این زبان نشانه گذاری وب سایت شما قادر به حفظ طرح آن نخواهد بود.
همه قسمتهای یک وب سایت به هم پیوستهاند، همان طور که همه استخوانهایی که در بدتان هستند با یکدیگر به هم پیوستهاند.
در حالی که هر استخوان در بدن انسان یک هدف خاص را برآورده میکند، گروههای کاملی از استخوان که میتوانند یک کار تنها را برآورده کنند، از قبیل دنده (که هر کدامشان از ششهایتان محافظت می کنند) یا استخوانهای انگشتانتان که به شما در گرفتن اشیا کمک می کنند. از آنجایی که هدف این تکرار ممکن است در بدنه یک وب سایت وجود داشته باشد، آنها را می توان به وسیله قرارداد اتصال شبیه Microformat متمایز کرد.
پ.ن: مایکرو فرمتها عناصر توصیفی هستند (معمولا به عنوان کلاس یا ارزش ID) که به ساختار شما بعضی از مقادیر معنایی قابل تشخیص می دهد. این خیلی شبیه هر استخوان انگشت که با ظاهر و ویژگی های منحصر به فرد آن شناخته می شود. این برچسب گذاری آناتومیتان برای ارجاع است.
استخوانها شبیه عناصر صفحات وب هستند، آنها یک ساختار منطقی درست می کنند که به ظاهر هسته بدنه آن می دهد.
عضلات مکانیکی: اسکریپت نویسی سمت کلاینت
شما را قادر به تعامل با مردمی که با شما ملاقات میکنند، میسازد. بدون عضلات، ما نمیتوانیم افکارمان را به عکس العمل تبدیل کنیم. همان طور که مردم یک سطح معین از ارتباطات که با سایت خودشان انتظار دارند، تعامل ناکافی میتواند سایتتان را بدون مهیج ظاهر کند. عضلات بین پوست و استخوان کار میکنند تا به هر دوی آنها اجازه بدهند محرک باشند و با هم تعامل داشته باشند. این در مورد سایت هم درست است که رفتار تایید کردن سبک و ساختار سایت برای “انعطاف پذیری” تنها زمانی که تعامل مورد نیاز است.
زمانی که شما عضلاتتان را خم می کنید، حرکت رخ میدهد. زمانی که یک وب سایت انعطاف پذیر باشد همچنین واکنشی رخ میدهد.
اسکریپ نویسی سمت کلاینت جز عضلانی یک سایت است. زبانهایی شبیه جاوا اسکریپت اجازه تعامل به کاربران زمانی که کلیک می کنند یا موسشان را حرکت میدهند، دکمهای را بر روی صفحه کلید خود فشار میدهند یا هرگونه حرکت قابل توجه دیگری را که می کنند میدهد. این واکنش مانند توابع مکانیسمی بدن است که به اطرافشان واکنش نشان میدهد. به عبارت ساده “عضلات” به عنوان راهی برای تعامل و ایجاد تغییرات قابل توجه در ساختار رفتار میکنند (ایستادن نسبت به نشستن ترجیح دارد) یا ظاهر (لبخند به جای اخم).
پ.ن: همانطور که انسان ها دارای روش های چند گانه ورودی ( از قبیل مکانیزم های حسی شبیه لامسه، چشایی،دیداری، بویایی و شنوایی) جاوا اسکریپت و دیگر زبانهای اسکریپ نویسی سمت کلاینت میتوانند براساس ورودیهایشان، روشهایی شبیه لامسه، گفتار، عامل های خودکار و حرکت باشند.
حرکت و واکنش اجزا کلیدی بقای انسان و تعامل وب سایت هستند.
واکنشهای عصبی: مرورگر وب
با اسکریپت نویسی گذاشته شده در وب سایتتان برای نیاز به ارسال و دریافت اطلاعاتی که بر روی رخداد تعامل در طرحتان عمل میکند. در یک وب سایت، مکانیزم ارتباط آن سیگنالهایی است که به مرورگر یا سرور تعلق دارد که درخواستها و بازتاب آن درخواستها به عمل مکانیزم که قابل مشاهده به کاربر نهایی است. به طور خلاصه: مرورگر شما به طور جذاب کار میکند! در بدن انسان یک این چنین درخواستهایی به عنوان سیگنالهای الکتریکی که به انواع مختلف اندامها ارسال می شود و منتشر میشوند تا رسپتور(رسپتور: پروتئين ويژه در سلولي يا غشايي که واحد شناسايي هورمون و مانند آن است) عامل را هدایت کنند، از قبیل زمانی که شما احساس درد دارید. در یک وب سایت، در حالی که درد وجود ندارد (به جز برای کاربر نهایی که با یک عنصر رابط غیر قابل استفاده شبیه یک فرم وب زننده مواجه شود) کد سیگنالهای آتشین به مرورگر به محض بررسی و راه اندازی ساختار، استایل و واکنشهای رفتاری به نوبه خود است.
پ.ن: تعبیریک موتور مرورگر این است که بدنه سایت را به طور صحیح نمایش دهد، همانا واکنش بر روی تعامل. همانند فلش، که به مرورگر الحاق میشود، خودشان براساس فعل و انفعالات “عصب” هستند!
وب سایتهای فلش یک مثال مهم از اینکه اطلاعات چگونه برای تاثیرات بیشتر ارائه شوند
قلب: محتوا و انجمن
قلب یک وب سایت محتوای آن است. با قلب انسان عرضه ثابت اکسیژن مورد نیاز به اطراف اندامهای حیاتی بدنتان پمپ خواهد شد در غیر این صورت بدن شما آسیب طولانی مدت می بیند.
به همان اندازه این برای یک سایت درست است، زمانی که کمبود محتوا به روز شده وجود داشته باشد این سایت در فراهم آوردن بینندگان بی کفایت خواهد بود (خون حیات یک سایت) و دچار قحطی زدگی خواهد شد (بطوریکه متروکه است)، بدان وسیله بدنه سایت یک لختگی کشنده را میدهد.
اگر قلب سالم است، خط سیر شفاف خواهد بود. اگر بیش حد آسیب رخ داده باشد، ممکن است پاره شود.
محتوای وب سایت درون ساختار پوشانده میشود، در جایی که نیاز به آشکار شدن دارد آن را ایمن کنید. صفحات بیشتر شما اضافه کنید، تا ساختار داخلی و خارجی وب سایت قویتر شود، بنابراین به عنوان نتیجه، این عکس العملی مناسبی خواهد شد برای زمانی که بیماری ظاهر می شود. سایت W3Schools سایتی قدیمی است اما به دلیل قوی بودن هنوز بازدید می شود. تعادل به دست آوردن بازدید کننده گان (خون) اطراف بدنه سایت وابسته به عمق و توانایی از مطالبی گذاشته در سایت خواهد بود.
پ.ن: در حالی که بازدید کنندگان کافی نباشد می تواند علت قحطی کمبود اکسیژن قلب باشد، تعداد زیادی از بازدید کنندگان میتواند تاثیر مشابه داشته باشد. درست شبیه زمانی که قلب شما به سختی کار می کند، یک ولتاژ گذرای ناگهانی در ترافیک می تواند سرور سایت شما را که در آن قرار دارد باعث از کار افتادن آن تحت فشار باشد، دقیقا شبیه یک حمله قلبی!
کیفیت مطالب ضعیف به سادگی پیامد تعداد بازدید کننده کم دارد.
رگ های خونی: معماری اطلاعات
همان طور که در بالا ذکر شد، قابلیت به دست آوردن مردم (خون) به مکانهایی که انها نیاز به دست آوردن (تغذیه محبوبیت و ساختار) یکی از عناصر کلیدی ساختار یک سایت است.
راهی که یک سایت اتخاذ میکند تا تمام عناصر بدنی یک سایت را به هم متصل کند که این شامل یک وب سایت که عرفا به معماری اطلاعات بر میگردد. در اصطلاح سادهتر این راهی است که ما ساختار و صفحات مربوط به طراحی سایت را با یکدیگر سازماندهی بکنیم. (و چگونه هر صفحه در خودش ساخت یافته است). این روش خوب سازماندهی شده به هم پیوسته از نیازهای اجزا مختلف از یک وب سایت میتواند به آسانی در بدن انسان به اصطلاح رگهای خونی شناسایی شود. همانطور که قبلا توصیف شده، اگر بازدید کنندگان که خون زندگی یک سایت هستند، رگهای خونی راهی را که ما در بهم پیوستگی آدرس صفحات، قابلیت پیدا کردن اطلاعات و چگونگی اتصال فایل ها با فید یکدیگر خواهد بود (وابسته به ساختار کل سایت). همان طور که جریان های خونی در بدن انسان، (بازدید کننده) باید بین صفحات و بخشها حرکت کند.
پ.ن: قابلیت استفاده و دسترسی در این آنالیز مکانی دارند. زمانی که لینکهای شکسته یا هدایت ضعیف اتفاق میافتد، آسیب معلول میتواند باعث ریزش بازدید کنندگان شود (به طوریکه آن ها سایتان را ترک می کنند.)
اگر صفحات به درستی به یکدیگر لینک نشده باشند، نتیجه ان می تواند از دست دادن تعداد زیادی بازدید کنندگان سایت باشد.
پوست س.ک.س.ی: زیبا شناسی و طراحی سایت
چه چیزی باعث می شود که مردم به انسان نگاه کند؟ خوب، قسمتی از خصوصیات آنها از قبیل چشمها، بینی و دهان، اما پوستشان و ظاهر دیداری یک نقش مهم را بازی می کنند. خواه شخصی بلند است، کوتاه، چاق یا لاغر، پوست شکل را قبول می کند، و به طور مساعد به سبب پوش ساختمان بدن کش می آید و انعطاف پذیر است. در حالی که شما میخواهید ظاهر سایتتان را با یک ظاهر زیبا بپوشانید (به عنوان مثال طرحی که مربوط به زیبایی انسان است) و همچنین شما میخواهید که هیچ چیز آویخته نباشد، زشت به نظر نرسد یا خارج از مکانش نباشد.
اشیا با کادوی پیچیده شده دورشان زیباتر به نظر میرسند، وب سایت شما هم با کادو فرقی ندارد.
در اصطلاح طراحی وب زبان اصلی رفتار با استایلهای یک وب سایت CSS است. این زبان خودش را به ساختار ولایههای عناصر بر روی استایلها پیوست میکند، که ظاهر فیزیکی نمایانی را به طرح مورد نظر شما میدهد. اگر میخواهید پوسته سایتتان به رنگ سبز نئون یا به صورت چشمک زن صورتی باشد، آن کاملا امکان پذیر است در حالی که پیشنهاد نمی شود. عینا شبیه انسانها، پوست حقیقتا لایه بیرونی است که با عناصر داخلی کار میکند اما روش منحصر به فرد موثر خودش را دارد اینکه چگونه بدن در برابر بازدید کننده ها به نظر خواهد رسید.
پ.ن: برخلاف انسانها، یک طرح وب سایت میتواند خصوصیات ظاهری خودش را به صورت پویا تغییر بدهد. تکنیکهایی شامل استفاده از رفتار شبیه جاوا اسکریپ برای تغییر استایل بنا به تقاضا میباشد.
زمانی که پوست در اطراف چیزی پیچیده شده است، آن مخلوق احساس کاملا متفاوت دارد.
حفظ مغز: اسکریپ سمت سرور و DBMS
چیزی که در سر شما اجازه میدهد که شما فکر کنید، به خاطر بیاورید، و براساس اطرافتان رفتار کنید، چیز پنهانی است که یک کامپیوتر شما دارد. مغز به تصمیماتی اجازه میدهد که بهترین روش رفتار با موقعیت های پیچیده را داشته باشد. چگونه آیا این مورد در مورد یک سایت بکار برده میشود؟ سه چیز وجود دارد که باید مسقیما بین انسان و آناتومی وبسایت بکار گرفته باشد. آنها به کارکردهای رفتار، حافظه و شخصیت ارجاع شده است.
با چیزهای زیادی سروکار دارد ، در مورد سرور وب سایت شما به همین صورت با چیزهایی که گفته شده سروکار دارد.
زمانی که ما در مورد رفتار مغز صحبت میکنیم، من استناد میکنم به چیزهایی که ما در مورد انجام دادن و سپس وقتی بدنمان به آن دست پیدا میکند ان را از بین می برد، همچون زمانی که شما به بدنتان دستور زدن مشت را به شخصی میدهد در نتیجه انجام عمل مشت صورت میگیرد. در حالی که شما باید به خاطر بیاورید که به طور فعالانه به کارهایی نظیر قدم زدن یا نفس کشیدن فکر نمیکنید بلکه این کار از طریق یک روش محرک و پاسخ روی داده است. (واکنش های کنترلی مغز که رخ داده است)
پ.ن: اسکریپ سمت سرور برای سایتهای داینامیک یک مغز سایت در کار را نشان میدهد، که به سایتتان اجازه میدهد که باعث گرفتن تصمیماتی براساس یک وضعیت یا دانش قبلی شود و کاربر روی انها به طور خود بخودی انجام شود (مانند ماهیچه ها).
مغز توانایی به خاطر سپاری هزاران چیز را دارد و کامپیوترها هم میتوانند همانند مغز عمل کنند. زمانی که شما اطلاعاتتان را در داخل یک دیتابیس ذخیره میکنید آن اطلاعات در درون خودش نگه میدارد تا زمانی که مورد درخواست باشند، از بین بروند یا آسیب دیده باشند (همانند حافظه بلند مدت انسان). این اطلاعات معمولا سازماندهی شده است که میتواند به آسانی مورد جستجو یا رجوع قرار بگیرند بدون هیچ رنج و فراموشی حافظه.
سرورها باعث ذخیره اطلاعات میشوند و شما میتوانید آن را بعدا فراخوانی کنید، عینا شبیه مغز انسان.
البته، هر شخصی دارای حافظه کوتاه مدت است، یکی کوکیها (که داده های محرک خاص را شبیه username و password را نگه میدارند) و کش مرورگر ( که در برگیرنده محرک های بصری عکس ها و اسکریپهای سمت سرور به طور قابل مجدد مورد استفاده قرار میدهد) که هدف اینها این است که اطلاعات را برای مدت کوتاهی نگه می دارند.
پ.ن: البته که مغز انسان قدرتمندتر از سیستمهای کامپیوتری در حال حاضر است، اما تنوع مدیریت اطلاعات، حافظه و سازماندهی کامپیوترها یک رابطه بسیار قوی مثل کالبد شکافی انسان به سایتها می دهد.همه ما شخصیتهای خودمان را داریم و این چیزی است که مسلم است، اما سایتها میتوانند احساس منحصر به فرد خود را در فرمهای از متا دادهها داشته باشند. این اطلاعات نگه داشته شده در head (یا همچنانکه من آن را کد “thinking” می نامم) از هر صفحه که قابل مشاهده برای بازدید کنندگان نیست اما به موتورهای جستجوگر، مرورگرها یا اپلیکیشنهایی که مایل به همکاری با محتوان متنی و یا ارزش سمانتیکی، که شبیه کتابخانه مرجع را توضیح می دهد.
سر شما فکر می کند و بدنتان واکنش می دهد درست شبیه یک وب سایت.
پ.ن: در حالی که مشخصه سایت به وسیله عنوان (title) و دادههای متا (meta data) تولید شده باشد، اما اطلاعات حقیقی و تواناییهایی که یک وب سایت در بر گرفته سرانجام ماهیت واقعی وب سایت را تعیین می کند.
فطرت در مقابل پرورش
سیر تکاملی یک وب سایت میتواند در یک آمیزهای از فطرت ذخیره بشود (هر چه که برنامه نویس در داخل سایت می گذارد) و پرورش (هر چیزی که کاربر نهایی اضافه می کند) که هر دو آنها مهم هستند و نباید نادیده گرفته شوند. بقا یک وب سایت به کار گروهی به طور هم زمان چیزهای زیادی وابسته است. من فکر می کنم که بیشتر ما تعبیری از پیچیدگی وب سایت را فهمیدیم. اما چیزی که از همه مهمتر است تا مورد ملاحظه قرار بگیرد اینکه وب سایتها (عینا شبیه انسانها) از به شکل چندین لایه هستند، متقابلا بر روی هم دیگر اثر میگذارند، تا مادامی که شما نیاز به کارگیری آنها به عنوان نیازتان داشته باشید (بدون اینکه باعث چاق شدن سایت شود!)
فکر وب سایت شما شبیه یک بچه است، شما نباید فقط به آن غذا بدهید و آن را ترک کنید، بلکه بچه نیاز به زمان، پول، کوشش، مراقبت و توجه به سلامتی آن و همچنین در برابر خطرات نیاز به کمک دارد تا مادامی که به بزرگسالی برسد.
وب سایتها شبیه انسانها هستند، آنها لایههایی دارند، همه آنها به طور هم زمان با یکدیگر در حال تعامل هستند.
من فکر می کنم که این نظر منصفانهای است در حالی که استانداردها و سبک ما باعث به وجود آمدن یک وب سایت می شود، ما نیاز به حالتی که کار ما کمتر به صورت استاتیک و بیشتر پویا و داینامیک باشد که اینها باعث پیشرفت پیوسته ما، و ما را به سطح بعدی وب میرساند.
منبع: +
پ.ن 1: سعی شده تا حد امکان ترجمه به صورت روان باشد در صورتی که ترجمه مشکلی داشت از طریق کامنت بنده را مطلع کنید.
پ.ن2: ترجمه مطلب حدود 2 هفته پیش حاضر شده اما بنا به دلایلی وقت نشد آن را در وبلاگ انتشار دهم.
