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

منظور مرا اشتباه متوجه نشوید، تنها یک روش برای انجام این کار وجود ندارد. از آنجاییکه با ظهور تکنولوژیهایی نظیر CGI، ASP، و PHP که به برنامه نویسان این امکان را مدهد تا بطور دینامیک صفحات سایت خود را تولید کنند، از این رو بسیاری از شرکتها روشهای خلاقانه ای را در ساخت نرم افزارهایی تحت وب بکار برده اند که از این مفهوم استفاده می کند.

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

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

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

XML (زبان نشانه گذاری قابل بسط) بعنوان استانداردی برای نمایش خالص مطالب مورد قبول قرار گرفته است. OFX (تبادل مالی باز) خویشاوندی نزدیک از XML است که بطور گسترده ای توسط انستیتوهای مالی مورد قبول قرار گرفته است.

نیاز به نمایش مطالب به روشی استاندارد که آنها را از هر گونه المان طراحی جدا کند، در آن زمانها خیلی ضروری بنظر می رسید بطوریکه برای اولین بار در تاریخ نرم افزاری جهان، سه شرکت غول نرم افزاری (سان، آی بی ام، و مایکروسافت) عملا هر کدام با یکدیگر به توافق رسیدند و تقریبا یک شبه، XML بوجود آمد و توسط بسیاری از خبرگذاری ها و گردآورندگان مطالب، مورد قبول قرار گرفت.

ولی هنوز این مفهوم، بطور کامل پیاده سازی نشده بود. CSS با استایلها سر و کار دارد درحالیکه XML با محتویات و مطالب. ولی الگوی سایت چه؟ همه روزه بیش از هزاران سایت های جدید بوجود می آیند. همه روزه بیش از میلیونها صفحه جدید، به دیتابیس سراسری شبکه جهانی وب اضافه می شود. وبمستران به این نتیجه رسیده اند که تنها تغییر در رنگ پیش زمینه و رنگ فونتها ممکن است برای تازه نگاه داشتن سایت برای رقابت با دیگر وب سایتها کافی نباشد. در هر صورت، تغییر در الگوی سایت می تواند در مواردی تلاش زیادی را نیاز داشته باشد چراکه اینکار نیازمند ویرایش در سورس صفحات است. برای حل این مشکل، XSL بوجود آمد. XSL مجموعه ای از قوانینی است که می توانند الگوی صفحات را توصیف کنند. با ترکیب XSL و XML (و گهگاه CSS)، خروجی نهایی، فایل HTML معتبری خواهد بود.

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

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

گردآورنده: موسی صالحی – دانشگاه علمی کاربردی- موسسه آموزشی صنایع ایران 

http://www.noyasystem.com/

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

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

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

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

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

اجازه دهید نگاهی بر برش موثر و بهینه تصاویر داشته باشیم تا بدانیم اینکار به چه معنایی می باشد:

• ۱٫ تکه ها را بقدری بزرگ انتخاب نکنید که رنگ های مختلف زیادی را شامل شود. از تعداد کمی برش استفاده کنید بطوریکه تعداد رنگ های استفاده شده محدود شوند.
  
  
• ۲٫ تکه ها را بقدری بزرگ انتخاب نکنید که شامل ساختار گرافیکی مشابهی باشند. تکه ای کوچک را برش بزنید و از آن در جاهای مختلف در کدهایتان استفاده کنید. این اشتباه مرسومی است که طراحان و برنامه نویسان در رنگهای گرادیانت پیش زمینه ها مرتکب آن می شوند.
  
  
• ۳٫ از فرمتهای غیر از JPEG نیز استفاده کنید. در برخی حالات، فرمت GIF حجم کمتری را اشغال می کند. بعنوان یک قانون سر انگشتی، تکه ای از تصویر با تعدادی رنگ در فرمت JPEG حجم کمتری را نسبت به GIF خواهد گرفت و برعکس. هر کدام را بطور جداگانه آزمایش کنید. هر کیلوبایتی که از تصاویر کم می کنید در نهایت منجر به کاهش چشمگیری در سایز صفحات خواهد شد.
  
  
• ۴٫ چنانچه متنی را در پیش زمینه ای با رنگی ساده دارید، هرگز آن را تکه نکنید. از کدهای html برای رنگ پیش زمینه استفاده کنید. به یاد داشته باشید که نمی توان همزمان هم نوع فوننت و هم رنگ پیش زمینه را با استفاده از CSS تعریف کرد.
  
  

بازگشت به آینده

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

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

گردآورنده: موسی صالحی – دانشگاه علمی کاربردی- موسسه آموزشی صنایع ایران 

http://www.noyasystem.com/

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

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

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

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

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

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

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

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

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

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

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

مخلص کلام

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

گردآورنده: موسی صالحی – دانشگاه علمی کاربردی- موسسه آموزشی صنایع ایران 

http://www.noyasystem.com/

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

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

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

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

رنگهای طبیعی

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

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

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

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

رنگهای گرم

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

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

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

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

رنگهای سرد

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

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

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

رنگهای WEB SAFE

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

طرحهای رنگ

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

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

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

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

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

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

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

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

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

گردآورنده: موسی صالحی – دانشگاه علمی کاربردی- موسسه آموزشی صنایع ایران 

http://www.noyasystem.com/

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

یک سایت شامل قسمت های متفاوتی می باشد:

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

شما و طرح

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

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

محتوا

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

عملکرد

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

از فلش می توان برای متحرک سازی تصاویر استفاده کرد. Perl، PHP و جاوا زبانهای برنامه نویسی  هستند که در وب سرور استفاده می شوند تا صفحاتی با دینامیک پیچیده بوجود آیند. این صفحات می توانند مستقل از یکدیگر کار کنند ولی همه آنها از یک دیتابیس استفاده می کنند تا همه نیازهایی که کاربران از سایت انتظار دارند برآورده شود.

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

عملکردهای دیگر یک وب سایت، می تواند شامل نرم افزارهایی باشند که کاربران با آنها کار خواهند کرد نظیر فرم ها، مدیریت محتوا (در وبلاگها) و برنامه های مدیریتی دیگر که این امکان را برای کسانی که با  برنامه نویسی آشنایی ندارند فراهم می کند تا داده های وب سایت را مدیریت نمایند.

تمامی این برنامه ها می بایست از زبان HTML پشتیبانی کنند تا بتوانند در یک صفحه اینترنتی استفاده شوند.

قابل استفاده بودن

قابلیت استفاده یک وب سایت، قابلیتهایی می باشد که از دید کاربران آن سایت قابل مشاهده می باشد و اکثرا شامل موارد آزمایشی می باشند نظیر:

• آیا ظاهر سایت واقعا تصویری که می بایست نشان داده شود را نشان می دهد؟
• آیا منوهای سایت کاربر پسند می باشند؟
• آیا منوهای سایت کاربران را به صفحاتی که صاحب سایت درخواست کرده بود، هدایت می کنند؟
• آیا سایت سریع بارگذاری می شود؟
• آیا برنامه های سایت بدرستی کار می کنند؟

تفاوت طراحی و توسعه

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

آیا یک فرد می تواند به تنهایی همه این کارها را انجام دهد؟ افرادی هستند که به تنهایی می توانند همه این کارها را با هم انجام دهند ولی اکثر مردم می توانند تنها یکی یا دو تا از این وظایف را انجام دهند.

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

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

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

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

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

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

گردآورنده: موسی صالحی – دانشگاه علمی کاربردی- موسسه آموزشی صنایع ایران 

http://www.noyasystem.com/