W3C چیست؟ W3C به معنای کنسرسیوم شبکه جهانی وب است. هدف W3C، ارائه مجموعه چهارچوب ها و استانداردهایی برای سایت ها است تا بر مشکلاتی نظیر سازگاری با مرورگرهای مختلف مورد استفاده در سراسر دنیا فایق آیند.

استانداردها تنها یک چهارچوب بیشتر نمی باشد ولی طراحان ماهر سایت و برنامه نویسان به آنچه این سازمان می گوید بخوبی توجه می کنند. در حقیقت بسیاری از شرکتهایی که تقاضای استخدام برنامه نویسان و طراحان وب را دارند، این نکته را عنوان می کنند که کدهای نوشته شده در ساخت سایت توسط طراحان می بایست از لحاظ W3C معتبر سازی شده باشد. اگرچه برای XHTML و HTML این موضوع خیلی مرسوم است ولی اهمییت بیشتر این موضوع وقتی خواهد بود که سایت بطور کامل از CSS استفاده کند.

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

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

نتیجه تلاشهای کنسرسیوم به اینجا رسیده است که فردی در چین با سیستم مکینتاش و یا فردی در کانادا با ویندوز XP هر دو می توانند به سایتی با هاست لینوکس در افریقای جنوبی دسترسی داشته باشند. چنانچه آن سایت با استانداردهای معتبر HTML و کدهای CSS نوشته شده باشد، صفحه می بایست در مرورگرهای مختلف و سیستمهای عامل متفاوت نتیجه ای مشابه را در پی داشته باشد.

چرا استفاده از استانداردها و کدهای معتبرسازی اهمییت دارد؟

اگرچه تمامی مرورگرها، کدهای HTML را درک می کنند، ولی آنها اینکار را به روشی مشابه انجام نمی دهند. هر مرورگر، الویتهای خاص خود را در بکارگیری HTML و CSS دارد تا بتواند افکت تصویری مورد نظر را نمایش دهد، چراکه هیچ استانداردی در بیان آنچه که طراحان می خواهند وجود ندارد. نتیجه این امر آن است که کدی که بنظر در مرورگر اینترنت اکسپلورر بخوبی کار می کند ممکن است تا مرورگر فایرفاکس، اپرا سفری و غیره بخوبی کار نکند و یا بالعکس. متاسفانه بسیاری از طراحان، کدهای خود را تنها بر روی اینترنت اکسپلورر آزمایش کنند و 35 درصد از کل کاربرانی را که از مرورگرهای دیگر استفاده می کنند را نادیده می گیرند. تقریبا نزدیک به صدها نوع مختلف از مرورگرها وجود دارد و تعداد حتی بیشتری برای PDAها، تلفنهای همراه، و دستگاه های الکترونیکی لوکس دیگری که می توانند به اسنترنت متصل شوند موجود می باشند.

امکان آزمایش صفحات سایت در همه این مرورگرها غیر ممکن است. درحالیکه آزمایش صفحات سایت در اکثر مرورگرهای مرسوم احتمالا برای اکثر مردم کافی می باشد، ولی طراحان سایتی که می خواهند سایت طراحی شده در پلتفرمهای مختلف بخوبی کار کند می توانند کدهایشان را با استانداردهای W3C بنویسند.

چرا همه طراحان سایت و برنامه نویسان از استانداردهای W3C تبعییت نمی کنند؟

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

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

مخلص کلام

با افزایش تعداد مرورگرها و روند ادامه آن، وجود استانداردی در کد نویسی، به نیازی ضروری بدل شده است. چنانچه شما از کدهایی استفاده کنید که استاندارد و معتبر نباشند بطوریکه در مرورگر خاصی بخوبی کار نکند، در این صورت، مشکل از جانب شماست. ولی چنانچه کدهای شما استاندارد باشند ولی در مرورگر خاصی به درستی نمایش داده نشوند، در اینحالت باگ در مرورگر است. سازمان W3C سرویس آنلاینی را برای بررسی معتبر بودن کدها به عموم ارائه داده است. آدرس آن به قرار زیر است: http://validator.w3.org

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

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

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

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

رنگهای طبیعی

سفید – سفید به معنای خلوص و شفافیت است. در برخی فرهنگها، سفید رنگ مرگ است در حالیکه در برخی دیگر از فرهنگها، سفید رنگ امید و ازدواج است.

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

قهوه ای – قهوه ای به معنای زمین، خانه و خانواده است.

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

رنگهای گرم

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

زرد – زرد به معنای ضعف یا ترس و همچنین گرما و خوشحالی است.

نارنجی – نارنجی به مرتبط با اشتهای افراد است.

صورتی – صورتی معمولا نشان دهنده معصومیت، زنانگی و عشق است.

رنگهای سرد

آبی – آبی اثر بی صدا بودن در افراد را دارد. آبی به منزله هوش و اعتماد است. جالب است بدانید که بسیاری از سازمانهای مالی و پزشکی از تم های آبی استفاده می کنند. آبی می تواند همچنین جلوگیرنده اشتها باشد.

سبز – در حالیکه سبز به معنای حسادت، حریص بودن و بی تجربگی است، ولی همین رنگ به معنای پول و ثروت نیز می باشد.

ارغوانی - ارغوانی نشانه ای از خلاقیت است. سایه های تیره تر از این رنگ، در زمانهایی از تاریخ، مختص به دربار و پادشاهان بود و سایه های روشنتر آن معمولا با عشق مرتبط هستند.

رنگهای Web Safe

لامپهای خلا، LCD و تلویزیون پلاسما، هر کدام، رنگها را بگونه ای متفاوت نشان می دهند. 216 رنگ وجود دارد که می تواند در هر نوع صفحه نمایشی و در هر نوع مرورگزی به شکلی یکسان نشان داده شوند. این 216 رنگ، رنگهای Web Safe نامیده می شوند. چنانچه پیوستگی در رنگها مهم باشد، شما می بایست تنها از رنگهای Web Safe در سایت خود استفاده نمایید.

طرحهای رنگ

طرحهای رنگ می توانند ترکیبی از یک رنگ، رنگهای مکمل، یا رنگهای متضاد باشند.

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

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

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

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

چهارچوب کلی رنگ ها

چهارچوبی که در زیر آمده است پیشنهادهایی می باشند که می بایست در ساخت و طراحی صفحات در نظر گرفته شوند تا برای همگان خوانا باشد.

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

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