فناوری های وب

شما به عنوان مدیر سایت برای مطلع کردن کاربران از آخرین به روز رسانی های سایتتان از چه روشهایی استفاده می کنید؟ احتمالاً پاسخ تولید RSS و Newsletter باشد. اما مشکل این است که شما مجبور به تهیه کپی دوم از محتویات سایت خود در غالب Newsletter وتولید XML برای RSS هستید. در مقابل Web Slice ها امکان عضویت به محتویات را بطور مستقیم فراهم می کنند و Feed محتویات بطور مجزا مورد نیاز نیست. کاربران از آخرین تغییرات شما مستقیماً در Favorites Bar (نوار Links سابق) مطلع خواهند شد و عضویت به سادگی کلیک روی یک دکمه درنوار فرامین Internet Explorer 8 صورت می گیرد. در این مقاله به نحوه استفاده، ساختار و چگونگی افزودن Web Slice ها به وب سایت شما خواهیم پرداخت.

سئو سایت

سئو

سئو

طراحی گرافیکی وب سایت ها

این مقاله بسیار جالب رو که ترجمه مقاله یکی از بزرگان این رشته هست از دست ندید و اونرو حتما مطالعه کنید. همچنین در وب سایت ایشون میتونید مطالب بسیار مفیدی مخصوصا در زمینه بازاریابی پیدا کنید : TecZip

برخلاف دیگر هنرها طراحی وب فقط قلم و کاغذ و حرکت نیست! طراحان گرافیکی به بینندگان کمک می‌کنند تا پیام‌ها را ببینند و به روند فروش یک کالا یا خدمات هم کمک می نمایند. طراحی برای یک کار با یک استراتژی ضعیف و یا بدون استراتژی نتیجه مطلوبی نخواهد داشت. برخلاف هنرهای تجاری طراحی گرافیکی رساندن نکات ریز و حساس را هم در بر دارد. ایجاد یک طرح سیستماتیک برای طراحی گرافیکی می‌تواند به طراحان کمک نماید تا به نتایج بهتری دست یابند. روشمند نمودن اشکال مختلف پروژه ها اعم از طراحی گرافیکی ، طراحی وب ، برنامه نویسی یا هر نوع دیگر موجب می‌شود کار سریعتر پیشرفته و محصول سازمان یافته و نتایج بهتری حاصل شود.

در زیر به پنج  مرحله در پروسه طراحی گرافیکی اشاره می نماییم که ممکن است مایل باشید از آن ایده گرفته و یا آنرا گسترش دهید:

اول – جمع آوری اطلاعات ضروری

ممکن است شما وسوسه شوید در ابتدا به ساکن شروع به طراحی نمایید اما اول شروع به جمع آوری اطلاعات لازم بنمایید.  بیشتر طراحان این اطلاعات را از مشتری بدست می آورند. همطراز پروژه تان گرداوری اطلاعات ضروری ، ضرورت خاص خود را دارد.

بیشتر مشتری‌ها معمولاً به شیوه زیر خواسته خود را بیان می نمایند:

من یه پوستر می خوام که این محصول جدید منو معرفی کنه (به همراه مشخصات محصول)

ما این پوستر رو می خوایم در موقعیت الف و موقعیت ب به نمایش بگذاریم.

یه پوستر نیاز داریم که فروش کنه!

مشتری احتمالاً می‌رود که برای سفارشش آدرس تماس و مشخصات آماده نماید اما شما – طراح گرافیکی – هنوز چیزی در ذهن خود ندارید.

مخاطبین هدف

ممکن است که شما بخواهید با بررسی مکان ، محل و زاویه دید مخاطبین را مشخص نمایید اما بهترین انتخاب پرسش مستقیم از مشتری برای تعیین این زاویه دید است.

فقط بخاطر اینکه برای مثال پوستر قرار است در محوطه دانشگاه به نمایش دربیاید ما نباید استنباط کنیم که مخاطب همه دانشجویان دانشگاه هستند. آیا مشتری یک گروه خاص از دانشجویان یا جمعی با خصوصیت مشترک را در دانشجویان مدنظر دارد؟ دانشجویان طراحی؟ دانشجویان مهندسی؟ استادان و پرسنل؟

اطلاعات درباره گروه مخاطب باید رنج سنی ، موقعیت جغرافیائی ، علایق و خواست های خاصی داشته باشند.

بفهمید دقیقاً پیام چیست

برای تبلیغ دهندگان کالا «این را بخرید» انتهای جمله قصار یک تبلیغ نیست. از مشتری بپرسید محصول چگونه باید رسانده شود.از مشتری بپرسید آیا کالا به خدمات پس از فروش هم نیاز دارد و یا نکات خاصی برای حساس شدن در آن وجود دارد.

هر نوعی از طراحی چه یک لوگو باشد و چه یک پوستر یا یک تی شرت یا هر چیز دیگری نیاز به یک پیام برای رساندن دارد. قبل از رفتن به مرحله بعدی این پیام را دریابید.

احتیاجات تکنیکی

اگر می‌خواهید روی یک پوستر کار نمایید چه ابعادی ، چه رنگی و چند نسخه از آن باید تهیه شود، به عنوان یک طراح شما باید اول اساس قطعی کار را تعیین نمایید و بعد شروع به کار نمایید. فراموش کردن نکات کوچک به معنای دوباره انجام دادن بخش‌های بزرگی از پروژه است و این به معنای فروش کمتر و در‌آمد کمتر. دقت کنید قبل از شروع فاز طراحی تمام این نکات کوچک و ریز را کشف کرده باشید.

بودجه و زمان

همچنین شما باید از میزان بودجه و زمان تحویل و دیگر محدودیت‌های موجود در پروژه کاملاً با خبر شوید چون تأثیر خاص خود را در طرح های پیشنهادی خواهد گذاشت. باید امکان اجرا برای یک طرح مشخص شود مثلاً مشتریانی با یک مهلت اتمام بسیار اندک یا مشتریانی با یک بودجه خنده آور.

مطمئن شوید که بر سر ساختار هزینه ائی کار و زمان منطقی کار با مشتری به تفاهم کامل رسیده اید و درباره خواست های دیگر آن‌ها کاملاً پرسش نمایید.می توانید یک نقل قول محکم یا یک مهلت کاری مناسب از پیش برای ارائه داشته باشید.

کار را روشمند نمایید

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

شما همیشه می‌توانید پرسشنامه را مختص پروژه تغییر دهید. امتیاز این کار در این است که شما برای هر مشتری جدید مجبور نخواهید بود تا مجدداً به سئوال های اساسی فکر نمایید. همچنین این کار می‌تواند این امتیاز را داشته باشد که بتوان مشتریان را در گروه‌های خاص کاری دسته بندی نمود و به الگوی خاصی در مواجه با آن‌ها دست یافت.

دوم – یک پیشنهاد ، یک قول نامه ، قرارداد و نقشه تهیه نمایید

ممکن است شما فکر کنید این مطالب مسائلی هستند که در حین اجرای کار باید آن‌ها را بررسی نمود اما واقعیت این است که برای همه این مطالب  می‌توان قالب هائی تهیه نمود که در حین انجام کار فقط نیاز به اندکی تغییرات  داشته باشند تا مخصوص به کار شوند. روشمند نمودن این کارها می‌تواند موجب انضباط و دقت بالا در اجرای این مرحله شوند.

اگر شما این قالب‌ها را در حال حاضر برای خود مهیا ننموده اید بهتر است همین الان این کار را انجام دهید. درست است که این کار مقداری از وقت شما را خواهد گرفت اما در کل برای کارهای بعدی زمان زیادی را برای شما صرفه جوئی خواهد نمود. البته ممکن است در برخی از این موارد قالب هائی برای این روش‌ها در اینترنت هم پیدا نمایید. فقط باید مطمئن باشید که این قابل ها مطابق با قواعد و قوانین کشور ما هم باشند و مفاد موجود در آن‌ها در کشور و قانون ما هم ارزش اجرائی داشته باشند.

پیشنهاد

درباره پیشنهادات مساله اندکی متفاوت است. به هر جهت برای هر کار و به هر مشتری باید پیشنهاد مربوط و مخصوص خودش را ارائه نمود

یک طراح گرافیکی باید مراحل کار را برای مشتری خود با دقت توضیح دهد. درباره هزینه کار و مهلت انجام آن هم باید با دقت مطلب را تفهیم نماید. همچنین باید مطالب را  بطور رسمی در بیاورد: مخاطبین ، واقعیت ، قابلیت‌ها در عمل و امثال این ها. این‌ها کلیات همه پروژه ها هستند.

قالب‌ها در این مرحله هم موجب صرفه جوئی در زمان می شوند

یک نقشه شخصی

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

برای مثال نقشه شخصی شما می‌تواند تمامی مراحل انجام کار را مطابق مهلتی که برای انجام کار وجود دارد زمان بندی نماید. پلن شخصی شما می‌تواند ایستگاه های مهلت انجام هر مرحله را مشخص نماید. می‌تواند شامل روزهائی که قبل شروع کار دچار آشفتگی ذهنی هستید ، زمانی که برای تهیه ابزار مورد نیاز کار لازم دارید زمان طراحی های مقدماتی ، طراح های نهائی و زمان اجرای کار اصلی باشد.

در این قسمت هم قالب‌ها می‌توانند نقش موثری را بازی نمایند. به کارهائی که برای همه پروژه ها بطور منظم و تکراری باید انجام داد فکر نمایید. یک پروسه قدم به قدم را طرح ریزی نمایید و در آن  همه مطالبی را که باید انجام شود لحاظ نمایید. این کار احتمال فراموش شدن کارها را به حداقل می رساند.

سوم – اغتشاش فکری ، تحقیق و الهام گیری

بسیاری از طراحان فکر می‌کنند بعد از آشنائی با جزئیات کار بهترین کار مستقیم به سراغ طراحی رفتن است و این کار بهترین نتیجه بدیع را به بار خواهد آورد اما این می‌توان موجب تحلیل توان طراحی هم بشود.

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

با گذاشتن زمانی برای الهام گیری و مرتب نمودن اندیشه‌ها و القائیات ذهنی در مجموع پروژه شما سریعتر و بهتر پیش خواهد رفت.

الهام گیری اولین مرحله از پیدا کردن یک ایده برای طرح است. در زیر چند روش برای الهام گیری را بررسی می کنیم:

خواندن یک کتاب

بسیاری از طراحان مرحله الهام گیری را با خواند کتاب‌های دیگر طراحان و یا کتاب‌های مربوط به دیگر هنر ها شروع می نمایند. خیلی از مواقع دیدن تصاویر کاشی کاری های موجود در ساختمان‌های تاریخی و یا نمونه‌های ارائه شده از طراحان دیگر در کارهایشان برای یک طراح ، معدنی از ایده‌های نوین را به همراه خواهد داشت.جمله های موجود در کتاب‌های هنری و تصویر سازی از آن‌ها می‌تواند به این روند کمک خوبی بنماید.

بازدید از موزه ها

و نه لزوماً موزه های طراحی! حتی یک موزه تاریخ طبیعی هم می‌تواند مکانی برای گرفتن الهامات بدیع باشد

نوشتن آزاد (بله دقیقاً نوشتن)

نوشتن بدون تفکر کردن یا نقشه کشی ذهنی هم همانند خواندن کتاب در زمانی که شما تصویر های ذهنی تان را بدون هیچ دخل و تصرفی بروی کاغذ می آورید می‌تواند منبعی برای دریافت الهامات ذهنی باشد. این راه بسیار خوبی برای جمع نمودن ایده‌های شخصی تان و نتیجه‌گیری از آنهاست.

رهاسازی

آرامش و استراحت مثلاً پیاده روی یا تفریح یا یک پیک نیک می‌تواند شما را از اندیشه‌های قدیمی که موجب ماندن شما در این مکانی که اکنون هستید می شوند، جدا نماید.

این می‌تواند ذهن شما را باز کرده و باعث منحرف شدن افکار شما بطرف اندیشه‌های جدید بشود.وقتی این کار را برای مدتی اجرا نمودید می‌توانید مجدداً بهمراه ایده‌های بهتری به سراغ برنامه تان بروید.

اغتشاش فکری

اغتشاش فکری پروسه ائی است که می‌تواند ایده‌های جدید و الهامات و سازمانبندی ها را به هم بیامیزد و در یک طرح ، ایده ، شیوه و یا عنصر یکی نماید به گونه ائی که مایل باشید آنرا در قسمتی یا همه طراحی تان پیاده نمایید.

شرح کوتاهی از لایه ها ، آزمایش رنگ‌های مختلف ، شماهای مختلف طرح های تایپوگرافی و حرکت در مسیرهای جدید طراحی نمایه ها ، همه و همه بخشی از این مرحله هستند. این مرحله کار را به مرزهای خلاقیت شما خواهد برد. این اتفاق در زمانی که ایده‌های عمومی آماده تغییر به طرح هستند اتفاق خواهد افتاد.

تحقیقات

این مرحله ائی است که شما می‌خواهید بررسی نمایید که بهترین حالت طرح نهائی چگونه باید باشد. می‌توانید در این مرحله کارهای قبلی را برای بررسی اینکه بهترین نتیجه کدام است بازبینی نمایید و یا خود آموزها و نمونه‌های تمرینی موجود در اینترنت را بررسی نمایید و ببینید کدام یک بیشتر به کار شما جلوه بهتری خواهد داد. این راه بسیار خوبی برای تجربه چیزهای جدید یا کامل نمودن طرح است.

چیزهای جدیدی یادبگیرید و از آن‌ها در طراحی استفاده نمایید. و در انتهای این مرحله شما آماده خواهید بود تا یک پیش طرح آماده نمایید و برای بررسی با مشتری در میان بگذارید.

چهارم- چیزهای جدید را آزمایش نمایید

در انتها بازهم سعی کنید امکان ها و مسیرهای آزمایش نشده ائی را بروی طرحتان آزمایش نمایید

پنجم- فاز بازبینی

بسیاری از طراحان برای فاز بازبینی اهمیت چندانی قائل نیستند و فقط درصورتی که مشتری نکته سنجی به پستشان بخورد ممکن است مجدداً بروی کار بازبینی انجام دهند.

برای اجرای فاز بازبینی سختی چندانی وجود ندارد: طرح های اولیه تان  و یا مانند بسیاری از طراحان چند طرح را برای انتخاب ، با مشتری در میان بگذارید. به مشتری اطمینان بدهید که می‌تواند از آن‌ها قسمت هائی را با یک دیگر در بیامیزد و یا نظر خود را براحتی بیان نماید. ممکن است که مشتری نتواند درباره طرح شما و اصول طراحی لحاظ شده در طرح شما اظهار نظر نماید اما می‌تواند با گفتن جمله «یک چیزی باید تغییر نماید» احساسی را که طرح شما  به یک شخص مرتبط با گروه مخاطب شما می‌دهد را به شما بگوید! اما سرو کله زدن با مشتری که فقط دلش می‌خواهد چیز متفاوتی داشته باشد اندکی مشگل خواهد بود.

نمونه‌ها ، مثال‌ها و توضیحات خود را با مشتری در میان بگذارید و آنچه را طرح شما به مخاطب القاء می نماید را هم برای وی توضیح دهید و از وی بخواهید اگر ایده یا الهامی در راستای طرح شما دارد برایتان بازگو نماید. در اینصورت راحت‌تر می‌توانید با مشتری برخورد نمایید تا زمانی که وی هیچ اطلاعاتی از اصول و مسائل لحاظ شده و مهم در طراحیتان را نداند.

این قسمت از پروژه سخت ترین قسمت آن است و نیاز به دقت و توجه زیادی دارد اما روشمند نمودن این مرحله و تهیه یک قالب برای آنچه در این مرحله باید انجام دهید و یا توضیح دهید هم می‌تواند کمک زیادی به اجرای آن بنماید.

به هر جهت به خاطر داشته باشید که اعمال نظرات مشخص مشتری در شرایطی که این مرحله را بدرستی اجرا نمایید راحت‌تر از حالتی است که مشتری تمام طرح را نپسندد و مجبور باشید تمام مراحل را از ابتدا انجام دهید.

در انتها اینکه روشمند نمودن مراحل و صبحت از نحوه روشمند نمودن مراحل می‌تواند کمک بزرگی به اتخاذ روش شخصی برای شما و دیگر طراحان باشد اما بخاطر داشته باشید که بیان مطالب بالا و یا هر مطلب دیگری نباید موجب این بشود که شما قالب‌های خود را ایجاد ننمایید و به همین بسنده نمایید و یا از خود بپرسید که کدام یک برای من بیشتر بدرد می‌خورد و یا چه چیزی برای سبک کاری من مفیدتر است.

بخاطر داشته باشید که در هر حال روشمند نمودن کار و اجرای کار در یک چهارچوب مشخص در نهایت موجب سرعت گرفتن مراحل کار و انجام آن به بهترین نحو ممکن خواهد شد.

حرکت سازماندهی شده در مسیر فرصت ها شیرازه تجارت است.

10 خصوصیت یک ادیتور تحت وب مناسب برای سایتهای استاندارد

بعد از چندین ماه سعی و تلاش برای طراحی سایتی کاملاً مطابق با اصول استاندارد وب و دسترسی پذیری کامل، با این امید که این یکی دیگر از سایتهای استاندارد طراحی شده توسط شماست پروژه را تحویل کارفرما می دهید. بعد از مدتی که به سایت باز می گردید، با چک کردن یکی از صفحات توسط موتورهای اعتبار سنج تعداد زیادی خطا دریافت میکنید. مشکل از کجاست؟ نکته ای که شاید طراحان سایت به آن توجه نکنند آموزش نویسندگان محتوی سایت و تنظیم ابزارهای ورودی اطلاعات برای جلوگیری از صدمه به ساختار کلی مجموعه می باشد. معمولاً برای ورود اطلاعات از ادیتورهای تحت وب استفاده می شود. اما کدام ادیتور برای این کار مناسب است و چگونه می توان آنرا تنظیم کرد تا به ساختار مطابق با استانداردی که ماه ها برای آن زمان گذاشته اید صدمه نزند؟ در این پست به 10 نکته حیاتی برای تنظیم یک ادیتور تحت وب برای سایتهای استاندارد خواهم پرداخت.

 

سئو سایت

سئو

سئو

اصول کد نویسی و طراحی سایت بر اساس استانداردهای جهانی

وب استانداردها

یک وب سایت استاندارد به سایتی اطلاق می شود که صفحات آن سازگار و بر پایه توصیه های ائتلاف وب جهان گستر (W3C) ساخته شده است در تقابل با صفحات وبی که بصورت انحصاری و اختصاصی بر پایه خصوصیات محصول یک شرکت خاص ساخته شده باشد.

این توصیه ها ترکیبی هستند از روشهای بروزی که از امکانات استاندارد شده امروزی مرورگرهای کنونی استفاده می کنند در تقابل با تکیه به امکانات مرورگرهای قدیمی تر که با هم متناقص و ناسازگار بودند. قرار دادن متنی مبتنی بر اینکه این سایت برای Internet Explorer طراحی شده و یا در این وضوح تصویری به بهترین حالت دیده می شود موضوعی است مربوط به گذشته. همچنین وب استانداردها بخاطر مزایای دیگری مانند دسترسی پذیری بهتر برای دیگر واسط ها به نفع کاربر، شرکت و تیم طراح وب هستند که به تدریج درباره آن صحبت خواهیم کرد.

رابط کاربری وب

بعضی فکر می کنند یک صفحه وب، یک واسط دیداری است که سعی می کند محتویات یک سند را بصورت زیبا از لحاظ بصری عرضه کند. حال این صفحه می تواند شامل اطلاعات مورد نیاز کاربر باشد یا نه. از دیدگاه تکنیکی یک صفحه وب شرح و تفسیر یک سند است. از کنار هم قرار گرفتن صفحات وب، یک وب سایت شکل می گیرد که از رابط کاربری خود برای تعامل با کاربر بهره می گیرد.

رابط کاربری یک وب سایت شامل همه متون، تصاویر و دستورات قالب بندی و تعاملی و کنترلهایی است که از سمت وب سرور توسط اینترنت فرستاده شده اند که بواسطه یک مرورگر وب به کاربر می رسند. تعامل کاربر با این رابط از طریق کلیک کردن روی موضوعات و یا تایپ کردن متون برقرار می شود که درنتیجه نتایج دوباره به سمت وب سرور بازگردانده شده و این چرخه تکرار می گردد.

در مقایسه، برنامه نویسی سمت سرور که شامل کدنویسی، Business Logic و تقابل با بانک اطلاعاتی است غالباً تولید کننده رابط کاربری سمت کاربر است. به همین روش این رابط کاربری است که دستورات و ورودیهای کاربر را به سمت سرور می رساند. این فرایند گویای فراگیری و اهمیت رابط کاربری در تمام جنبه های طراحی یک وب سایت است.

حال برای بررسی، عوامل اصلی و سازنده ساختار رابط کاربری سایت را می توان به سه بخش یا لایه محتوی (Content Layer)، لایه نمایش (Presentation Layer) و لایه رفتار (Behavior Layer) تقسیم بندی کرد.

لایه های تشکیل دهنده رابط کاربری صفحه وب

لایه محتوی (Content Layer)

این لایه شامل اطلاعاتی است که در XHTML و یا HTML بصورت معتبر و معنی گرا در غالب عنوان، زیر عنوان، پاراگراف، لیستهای عددی، تعریفی و … جاسازی شده است که مؤلف قصد دارد به بیننده انتقال دهد. امروزه بیشترین محتویات وب، متون هستند ولی همچنین می توانند شامل تصاویر، ویدئو، صدا و هر چیزی که مؤلف قصد انتشار آن را دارد باشند.

همچنین این لایه می تواند شامل ساختار اضافی مورد نیاز طراح باشد. به عنوان مثال محتوی (Contents) و بخش ناوبری (Navigation) سایت ممکن است بصورت زیر با استفاده از تگ های (برچسپ های) مناسب مشخص گردد.

1.<div id="content">
2.content goes here
3.</div><!-- // content -->
4.<div id="navigation">
5.navigational menu goes here
6.</div><!-- // navigation -->

محتویات معتبر valid و معنا گرا Semantic

همانطوریکه گفته شد اطلاعات در لایه محتوی توسط زبان XHTML و یا HTML بواسطه Markup که مجموعه ای از تگ ها هستند نمایش داده می شوند. Markup هنگامی معتبر است که شامل خطا (مانند فراموشی بستن تگ پایانی) و یا تگ غیر مجاز (مانند استفاده از مشخصه height در تگ table که در XHTML مجاز نیست) نباشد. همچنین Markup هنگامی معنی گراست که تگ های انتخاب شده دقیقاً بر پایه کاربرد حقیقی آن تگ استفاده شده باشند. بطور مثال، استفاده از h1 تنها برای نمایش مهمترین عنوان در صفحه و نه برای نمایش دادن چیزی بصورت بزرگ و Bold.

لایه نمایش (Presentation Layer)

لایه نمایش، مشخص می کند که محتوی چگونه برای بیننده ای که معمولاً از طریق یک مرورگر به صفحه وب دسترسی دارد ظاهر شود. روش عادی مشاهده محتویات یک سایت، یک مرورگر وب است. اما این تنها یکی از روشهای بیشمار دسترسی به محتویات وب است. به عنوان مثال محتویات ��ی توانند به ترکیبی کلامی برای افرادی که دارای مشکلات بینایی هستند تبدیل گردند.

زبان نمایش CSS برای قالب بندی صفحه، کنترل متون، جایگیری ها، رنگ و غیره در صفحه بکار می رود. CSS اغلب اوقات می تواند جایگزینی برای Layout های (طرح بندی) قدیمی و تگ های غیر استاندارد و اتلاف کننده پهنای باند مانند مثال زیر باشد:

1.<td bgcolor="#FFCC00" align="left" valign="top">
2.<br><br><br
3.</td>

با جدا کردن لایه نمایش از لایه محتوی امکان تغییر هر لایه بدون تأثیر گذاری بر لایه دیگر وجود خواهد داشت. به عنوان مثال شما می توانید یک Layout را در چندین صفحه بکار ببرید و یا متون و لینکها را بدون تغییر در Layout اصلاح کنید. شما و یا مشتری قادر هستید محتویات XHTML سایت را بدون نگرانی در مورد شکستن Layout سایت تغییر دهید. زیرا متن فقط متن ساده است و وظیفه تعیین نحوه نمایش به عهده آن نیست. شما می توانید Layout را بدون دستکاری Markup تغییر دهید. اگر به این نتیجه رسیدید که اندازه فونت متون سایت شما خیلی کوچک است، قائده ای (Rule) را در Style Sheet سراسری سایت اصلاح می کنید و کل سایت تغییر را فوراً منعکس خواهد کرد. آیا به یک نسخه مناسب برای چاپ از صفحات نیازمندید؟ یک Style Sheet برای واسط چاپ بنویسید و صفحات شما به زیبایی چاپ خواهند شد.

مزایای جدا کردن لایه نمایش از محتوی

  • همه Style ها در تعدادی Style Sheet محدود نگهداری خواهد شد. در نتیجه فرایند نگهداری سایت آسان ترخواهد بود. اصلاح یک فایل CSS ساده تر از ویرایش صدها و یا هزاران فایل HTML است!
  • صرفه جویی کلی در پهنای باند. از آنجایی که Style Sheet ها در اولین درخواست در مرورگرها ذخیره (Cache) می شوند در درخواستهای بعدی برای هر صفحه استفاده خواهند شد. حذف کامل Markup های نمایشی از صفحات وب در بسیاری از موارد باعث به نصف رسیدن حجم صفحه خواهد شد و بخاطر استفاده از پهنای باند و فضای ذخیره سازی کمتر این کاملاً به نفع مالک سایت خواهد بود. همینطور بینندگان صفحه سریع تری را تجربه خواهند کرد.
  • جدایی محتویات از عناصر نمایشی قابلیت استفاده مجدد از محتوی را برای اهداف دیگر آسان خواهد کرد. مانند RSS Feed ها و تبدیل متن به کلام (Text to Speech).
  • قوائد نمایشی جدا شده می تواند برای خروجی در واسط های مختلف بکار گرفته شود. در نتیجه ما مجبور به طراحی نسخه ای مجزا از هر صفحه برای واسط چاپ و یا دستگاههای همراه نخواهیم بود. می توانیم به سادگی یک فایل CSS جدید برای کنترل نحوه چاپ یا نمایش آن صفحه بنویسیم.
  • و از دیگر مزایای جدایی لایه نمایش از محتوی می توان به سهولت دسترسی پذیر کردن محتویات سایت، بهینه سازی برای موتور های جستجو، سازگاری بیشتر بین مرورگرها و افزایش شانس خوانایی متن توسط مرورگرهای نسل بعدی اشاره کرد.

لایه رفتار (Behavior Layer)

این لایه مسئول فعل و انفعالات بلادرنگ کاربر با سند است که معمولاً این وظیفه با جاوا اسکریپت مدیریت می شود. این فعل و انفعالات می توانند هر چیزی باشند از یک معتبر سازی جزئی برای اطمینان از اینکه کاربر فیلد های مورد نیاز را قبل از ارسال صفحه کامل کرده است تا برنامه های کاربردی تحت وبی که دقیقاً مانند برنامه های عادی Desktop رفتار می کنند. نسخه استاندارد جاوا اسکریپت امکان ساختن افکت های حرفه ای را که در تمام پلت فرم ها و مرورگرها بطور یکسان کار کنند را به شما خواهد داد.

نتیجه گیری

طراحی مطابق با وب استانداردها در سمت کاربر به معنی جدایی کامل محتویات سایت از خصوصیات نمایشی و رفتار تعیین شده برای عناصر رابط کاربری و همچنین در سمت سرور به معنی جلوگیری از تولید کدی است که با این ساختار صدمه زده و موجب تداخل کد مربوط به برنامه کاربردی و رابط کاربری بشود. به زودی پستی در مورد وب استانداردها در سمت سرور و مهار کردن ASP.NET برای رسیدن به سایتی استاندارد خواهم داشت.