۱۳۹۰ اردیبهشت ۲۰, سه‌شنبه

Character Entities

در استاندارد اچتمل گروهی از نويسه ها (Character) دارای معنی خاصی بوده ( مثلا نويسه < شروع يک تگ و نويسه > انتهای يک تگ را نشان ميدهد. ) و برای نمايش آنها در صفحاتتان مستقيما قابل مصرف نميباشند. در اين فصل با فهرست اين نويسه ها آشنا شده و نحوه درج آنها را با کمک Character Entities فرا خواهيد گرفت.

Character Entities
در اچتمل بعضی از نويسه ها دارای معنی خاصی بوده و برای نمايش آنها در صفحاتتان بايد از برابرهای خاصی استفاده کنيد. يک character entities از سه قسمت تشکيل ميشود:

1- نويسه ampersand (&)
2- نام entity يا نويسه # و سپس شماره عددی entity
3 - و نهايتا نويسه semicolon (;)
برای مثال برای نمايش نويسه > دو روش وجود دارد، میتوانید از &lt; يا از &#60; استفاده کنيد. در اين مثال lt نام entity و 60 شماره عددی آن ميباشد.
مزيت استفاده از نام entity در مقابل استفاده از شماره عددی آن سهولت يادآوری آن از روی نامش ميباشد و عيب آن اين است که تمامی مرورگرها نام گذاريهای موجود برای Entity ها را قبول ندارند ولی در عوض همگی شماره های عددی entity ها را بخوبی ميشناسند. توجه داشته باشيد که entity ها به کوچک و بزرگي حروف حساس هستند و در واقع Case Sensitive ميباشند.
پر کاربردترين character entity ها در اچتمل، نويسه فاصله يا Space يا Blank ميباشد و نام رسمی آن non-breaking space ميباشد. همانطور که ميدانيد مرورگرها فاصله های اضافی در متن را در نظر نگرفته (truncate spaces) و مثلا از 10 نويسه فاصله، 9 تای آنرا ناديده ميگيرند و برای نمايش فاصله های اضافی بايد از &nbsp; استفاده کنيد.

فهرست پرکاربردترين Character Entities ها

Result (نمايش) Description (شرح) Entity Name (نام) Entity Number (شماره عددی)
  non-breaking space &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
" quotation mark &quot; &#34;
' apostrophe    &#39;
چند Character Entitie با کاربردهای کمتر
Result Description Entity Name Entity Number
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
§ section &sect; &#167;
© copyright &copy; &#169;
® registered trademark &reg; &#174;
× multiplication &times; &#215;
÷ division &divide; &#247;

۱۳۸۹ شهریور ۲۱, یکشنبه

9 نکته موثر در طراحی وب سایت

چگونه به مسافران وب در پیدا کردن راهشان کمک کنیم ؟

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

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

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

نکته 1: از لینکهای متنی استفاده کنید!

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

نکته 2: یک راه حل خوب برای استفاده از لینکهای گرافیکی!

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

نکته 3: یک صفحه با عنوان نقشه سایت طراحی کنید .

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

نکته چهارم : از بکار بردن فریم پرهیز کنید.

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

نکته پنجم : از لینکهای حرکت دار بپرهیزید !

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

نکته 6 : فقط چند کلیک آنورتر!

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

نکته 7 : جستجو چرا ؟ فقط لینک !

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

نکته 8 : مسیرهای متعددی در نظر بگیرید !

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

نکته 9 : اطلاعاتتان را متمرکز کنید !

سعی نکنید در سایتتان محل های زیادی را طراحی کنید و اطلاعاتتان را در میان آنها پراکنده کنید چون در این صورت ممکن است کاربرانتان در میان انبوه صفحات سایت شما غرق شوند ! پراکندگی اطلاعات جزو مشخصه های یک وب سایت خوب نیست. 
 
منبع:http://www.hiberd.com/

۱۳۸۹ شهریور ۱۷, چهارشنبه

چندين نكته براي افزايش تعداد بيننده هاي سايت و رعايت استانداردهاي وب

مقدمه
امروزه وب سایت ها به عنوان مزيت كليدي اكثر كسب وكارها تلقي شده و سعي مديران بر اين است تا بتوانند با استفاده از اين ابزار مدرن خدمات بيشتر و بهتري را به مشتريان خود ارايه دهند . بسياري از افراد جامعه به خصوص جوامع پيشرفته ميزان استقبال مردم از يك وب سایت اينترنتي را نشانه توانمندي آن شركت دانسته و سعي بر آن دارند تا با توجه به حجم بالاي وب سایت هاي موجود در فضاي سايبر بهترين انتخاب ها را بر اساس بيشترين توانمندي ارايه شده در سايت ها داشته باشند . از اين رو داشتن يك سايت قدرتمند و همچنين هم سو و هم جهت با نيازهاي مردم از ضروريات بقا در اين عصر پر رقابت مي باشد . در اين مقاله ما قذ داريم تا نكاتي كه موجب اقبال مردم از يك سايت بر اساس استانداردهاي موجود در اين حوزه شده را عنوان كنيم .

مزيت وب نسبت به رسانه هاي سنتي

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

تفاوت طبيعت وب و رسانه هاي سنتي

تفاوت ساختري وب در اين است كه وب طبيعت غير خطي دارد اما  رسانه هاي سنتي طبيعت خطي دارند . به همين دليل مطلبي را كه بخواهيم در صفحات وب پيدا كنيم به راحتي و بدون گذشتن از مراحل مختلف مي توانيم به دست آوريم اما مطلبي كه در رسانه هاي سنتي ارايه مي شود بايد به طور كامل به ترتيب مراحل خاص به آن رسيد . طراحان وب بايد به اين موضوع توجه كنند و ساختار وب را به صورت غير خطي طراحي كنند .
حقايق طراحي يك سايت
  1. اغلب كاربران Monitor هاي 15 اينچ دارند .(800×600)
  2. اغلب كاربران با خطوط (Dial-up) به اينترنت وصل مي شوند .(سرعت 6/33)
  3. اغلب آن ها (Browser)هاي نسخه 4 يا بالاتر دارند .
  4. تعداد كمي از كاربران زماني را صرف به روز رساني (Browser) و نصب  ) Plug in ( مي كنند .
دلايل كاهش علاقه به update) به روز رساني (
  1. كاهش مزايايupgrade   ها
  2. بي تناسب بودن افزايش حجم   upgrade ها  با افزايش سرعت انتقال
  3. افزايش نسبت كاربران غير تكنيكي به كاربران تكنيكي
  4. ترس از آلوده شدن سيستم
personalization ‹ شخصي كردن صفحه ها ) كليد موفقيت (
درصورتي كه صفحات وب براي افراد مختلف و با سليقه هاي متفاوت به صورت شخصي طراحي شود بينندگان با رغبت بيشتري به سراغ آن سايت مي روند . سايت هايي كه از اين تكنيك استفاده مي كنند مي توانند براي بينندگان وب جذاب باشند . زيرا هر آنچه مي خواهند سايت وب در اختيارشان مي گذارد .
عوامل موفقيت سايت
سه فاكتور اساسي مي تواند مقدار موفق بودن يك سايت را مشخص كند ،
تعداد بينندگان
فاصله زماني بازگشت كاربران به سايت
زماني را كه بينندگان در سايت سپري مي كنند ، سرعت Load‌ شدن صفحه ها بر طبق يك قانون به نام يك و ده ثانيه بايد تنظيم شود . بر طبق اين قانون در يك ثانيه بايد تغييراتي بر روي صفحه كامپيوتر بيننده انجام گيرد و بعد از حدود 10 ثانيه حداقل بايد % صفحه ها 75 load شده باشد .
مراحل اوليه ايجاد يك وب سایت
مرحله اول (conceptualization)   
ايده اصلي سايت ادامه مي يابد . همچنين در اين مرحله استراتژي و هدف سايت مشخص مي شود .
مرحله دوم (Design Visualization)
در اين مرحله طرح اصلي سايت ارايه مي شود كه شامل رنگ هاي مورد استفاده نوع قلم ، تصاوير و ديگر Element ها مي باشد . همچنين Story Boarding , Mind-Mapping نيز در اين مرحله اتفاق مي افتد . Story Boarding : سناريو قسمت هاي مختلف سايت مي باشد) كه قبل از ساخت و اجراي انيميشن بايد آن را تهيه كرد تا بدانيم در يك انيميشن چه اتفاقاتي رخ خواهد داد (‌.
مرحله سوم (Analysis)
بايد داده هاي ما و همچنين طراحي گرافيكي سايت مورد تجزيه و تحليل كامل قرار بگيرند . كه گاه ممكن است به مرحله فبل برگشته و مواردي را تغيير دهيم .
مرحله چهارم (Production)  
در اين مرحله شروع به ساخت تمامي Element ها مي كنيم و همچنين عمليات (update)‌ بروزرساني‌ نيز در اين مرحله انجام مي شود .

(Testing)
آزمايش سايت
اين آزمايش به اين دليل صورت مي گيرد كه ما ببينيم يك كاربر به راحتي مي تواند مطلب خاص خود را پيدا كند و آيا به راحتي مي تواند بين صفحات وب حركت كند يا خير ؟
اين آزمايش در زماني كه نزديك به ابمام كار است انجام شود . تست بر روي افرادي انجام مي شود كه اين افراد نه حرفه اي باشند و نه خيلي مسلط ، طراح سايت به هيچ عنوان اجازه دخالت در اين آزمايش را ندارد زيرا وقتي كه يك كاربر در منزل خود به اين سايت مي رود كسي نيست كه او را در اين زمينه راهنمايي كند . بديهي است پس از انجام آزمايش يا فرد مورد نظر مصاحبه مي شود و نتايج به دست آمده را به ترتيب اولويت مرتب و همه اصلاحات را اعمال مي كنيم .
نكته :
براي آزمايش سايت هاي تخصصي از افرادي كه تخصصي در آن زمينه ندارند نبايد استفاده كرد زيرا در اين گونه سايت ها مجاز به استفاده از كلمات تخصصي هستيم و ممكن است باعث گيج شدن كاربري شود كه تخصصي ندارد .

Mind - Mapping
نگاش انديشه
(نقشه كشي ذهن)  ساخت الگوي كلي براي ساخت يك سايت فرايندي كه طراح سايت در طي آن ذهنيت خود را مورد بخش هاي مورد نظر يك سايت به روي كاغذ پياده مي كند . Mind-Mappingبيان كننده نمودار تصويري سايت مي باشد . نوشتن ايده ها روي كاغذ به ترتيب منطقي مي باشد . منطقي كه مغز انسان از آن تبعيت مي كند . زيرهم نوشتن مندرجات سايت به ترتيب مشخص نمي باشد . براي مثال عبارت Homepage را در وسط صفحه مي نويسند و سعي مي كنند شاخه هاي آنرا ترسيم كنند ، هدف Mind-Map‌ انتقال ايده از مغز به كاغذ است . هنگام نوشتن ايده ها به خوب يا بد بودن ايده ها فكر نمي كنيم و فقط آنها را مي نويسيم و همچنين طريقه ارتباط صفحات نيز در همين نقشه مشخص مي شود .

Brain storming

افراد تيم جمع مي شوند و در ارتباط با ايده هايشان صحبت مي كنند . هنگام بحث هيچ نوبت يا مقامي رعايت نمي شود . ) در اصطلاح توفان مغزي در مشكل گشاهي گروهي است (  . ايده هاي خنده دار و پيش پا افتاده نيز به طور حتم بايد بيان شود چون مي تواند منجر به ايجاد جرقه در ديگري شود . هدف سايت هاي مختلف متفاوت است . بسته به هدف سايت (Scope)  آن سايت متفاوت مي شود .
Scope (دورنما) : تعيين كننده هدف سايت و همچنين محدوديت هاي زماني و مالي آن است . مدير پروژه پس از تعيين (Scope)  به دنبال تكنيك ها و مهارت هاي لازم براي انجام پروژه خواهد بود . با اين نگاه كه هر كدام از راه حل هاي موجود تا چه ميزان قابل پشتيباني هستند .
Multimedia
Web‌يك محيط Multimedia است و Multimedia قابليت نمايش همزمان صوت ، تصوير ، ويديو و متن را درا است .
  • يكي از هنرهاي طراح سايت  Multimediaاين است كه بتواند از فضاي در اختيار خود به نحو احسن استفاده كند .
  • همچنين طراح سايت بايد به Plug-in‌ ها و فناوري هاي موجود در سيستم كاربر توجه كند تا سيستم كاربر آن را support ) پشتيباني (‌ مي كند .
  • يك طراح خوب سعي مي كند كه كاربر هم از لحاظ طراحي گرافيكي ، محتيات داخل و همچنين حجم يا سايز آن سايت رضايت داشته باشد .
  • يكي از تصورات غلط متداول ) Common Misconcepiton(  در زمينه طراحي وب اين است كه يك سايت وب خوب بايد Multimedia قوي ، كاربر را به شدت تحت تاثير قرار دهد و محتويات آن سايت در درجه دوم اهميت قرار دارند ، كه تصويري غلط محسوب مي شود .
  • هدف يك Multimedia بر آورده كردن نياز كاربر است طراح وب هدفش قانع كردن بازديكننده مي باشد و همچنين سايتي موفق است كه بيننده خود را حفظ كند . سايت هاي زيبا و جذاب هميشه كاربر را جذب نمي كند .
  • مطالعات متعدد نشان داده كه استفاده ببيش از اندازه Multimedia بينندگان را دلسرد و ناراحت مي كند . چون يا سيستمشان آن را پشتيباني نمي كند و يا اين كه نمي خواهند براي دانلودهاي طولاني زمان بگذارند . دو عامل محدودكننده در ) Multimedia (  :
  • سرعت
  •  Plug-in
Java Applet‌ از اين نوع انيميشن بايد پرهيز كرد به دلايل :
Security Browser
قسمت امنيتي مرورگر آن را Disable‌ مي كند .
  • Plug-inزيرا اكثر مرورگرها Plug-in خاص انيميشن هاي جاوا را ندارند . توجه شود كه استفاده از Applet هاي Java‌ مي تواند داراي معايب و يا معايبي باشند . از محاسن آن مي توان ارايه Video و Audio و هكچنين توسط آنها مي توان از Interactivity‌ يا تعامل بين كاربر و سايت استفاده كرد و از معايب آن مي توان به نياز داشتن به Java Virtual Machine Plug-in جهت به نمايش درآوردن آن در صفحات وب همچنين عمل Cache شدن آن در Browser‌ و نيز استفاده تخريب كننده آن اشاره كرد .
Status bar از اين نوع انيميشن نيز بايد پرهيز كرد چون كاربر از طريق نوار وضعيت مي تواند متوجه عمليات هاي خاصي شود كه در صورت استفاده از اين نوع انيميشن اين حسن از بين مي رود.
در طراحي Multimedia مهم ترين قسمت ، قسمتي است كه كاربر وارد مي شود ) Homepage يا Animation اوليه (‌ كه اگر جذاب باشد شانس ديده شدن بقيه قسمت ها بيشتر مي شود .

چند نكته در مورد طراحي وب
  • فضاي خالي در سايت كاربران سايت هايي را كه فضاي خالي دارند به سايت هايي كه به طور كامل پر از عكس و متن هستند بيشتر ترجيح مي دهند . هر صفحه وب مي بايست حداكثر 50% يك صفحه متني ) چاپي( ، مطلب داشته باشد .
Click-Rule
  • اين يك قانون براي ارزيابي يك سايت مناسب است كه آيا حداكثر با سه كليك مي توان ، حداقل نود درصد نيازهاي يك كاربر را برآورده كرد يا خير ؟ شايد براي رسيدن به آن هدف چهل كليك نياز باشد اما بايد راهي هم براي رسيدن با سه كليك وجود داشته باشد .
  • اگر در يك سايت بخواهيم اطلاعاتي از يك سايت ديگر بدهيم ، يعني با استفاده و كمك از سايت هاي ديگر نتيجه را نشان بدهيم بهتر است آن سايت در صفحه جديد باز شود .
  • طبق بررسي هاي آماري ، كاربران وب تا 80 درصدشان هيچ مقدار از مندرجات داخل صفحه را نمي خوانند به بيان ديگر فقط Scan مي كنند . يعني به طور سرسري واجمالي به دنبال كلمات كليدي مي گردند . علاوه بر اين سرعت خواندن اطلاعات در صفحه مانيتور 25% كمتر از سرعت خواندن اطلاعات از رسانه هاي چاپي است .
  • به فاصله بين پاراگراف ها توجه شود .
  • جملات اول پاراگراف خيلي با مفهوم باشند .
  • متن صفحات چندين بار كنترل شود تا از غلط هاي املايي جلوگيري شود .
  • صفحات سايت با اسم هاي با مفهوم ذخيره شوند زيرا كاربر در نوار نشاني مرورگر خود ، اسامي صفحه ها را مي بيند .
  • لينك هاي خارجي سايت در طي زمان هاي مختلف كنترل مي شوند چون ممكن است بعضي از لينك ها از بين رفته باشد .
  • سعي كنيد رنگ پيش فرض لينك ها را تغيير ندهيد زيرا كاربران وب احساس مي كنند كه نوشته هاي آبي رنگ لينك مي باشند و به اين مساله عادت كرده اند .
  • دقت كنيد كه رنگ هاي استفاده شده در صفحه با هم ، همخواني داشته باشند و به فعاليت شركت وسازمان مورد نظر دقت داشته باشيد تا از رنگ هاي درستي استفاده كنيد .(در اين مورد به طور حتم از يك گرافيست كمك بگيريد.)
  • پاراگراف ها Justify و يا هم تراز نشده باشند زيرا ممكن است چشم كاربر پس از رسيدن به انتهاي هر خط ، خط مورد نظر را پيدا نكند و لازم است چندين بار نگاه دقيق تري داشته باشد اما اگر خطوط هم تراز نباشند به دليل متفاوت بودن طول خطوط ، چشم مي تواند به راحتي به بررسي خود ادامه دهد .
  • طول خطوط  نبايد خيلي كوتاه و نبايد خيلي بلند باشد . 16 الي 10 كلمه براي هر خط مناسب است . با جدول بندي (table) مي توان طول خطوط را كوتاه كرد . در واقع خطوط بايد به گونه اي طراحي شوند كه بيننده بدون حركت دادن سوي چشم و در يك نگاه يك خط را بخواند .
  • براي صفحه هاي وب روش Black on White  به شدت توصيه مي شود . از نظر روانشناسي ثابت شده كه عموم مردم هنگام مطالعه از كودكي به زمينه هاي روشن متن تيره عادت كرده اند و به اين حالت عادت دارند ، رنگ بايد در اجزاي صفحه استفاده شود مثل داخل كادرها ، دور جدول ها ، علايم تجاري ، دكمه ها ، تصاوير و ...
  • ارايه اجباري يك مطلب در صفحات مناسب نيست . به طور مثال يك تبليغ Flash در صفحه اول خيلي حجيم است و شما را مجبور مي كند كه اول آن را ببينيد و بعد حق انتخاب داشته باشيد .
در واقع رسانه وب بر اساس طبيعتش ، رسانه اي است كه به كاربر اجازه مي دهد خودش تصميم بگيرد به چه نوع اطلاعاتي دست يابد . ممكن است براي دفعات اول و دوم جذاب باشد اما نمايش اطلاعات به صورت اجباري يا بايد كوتاه باشد و يا امكان پرش از آن قسمت (Skip)  را داشته باشد .
اگر مي خواهيد از فايل هاي صوتي استفاد ه كنيد سعي بر اين داشته باشيد كه آن فرمت قابليت Streaming‌ را داشته باشد و قابليت قطع صدا را فراموش نكنيد . Streaming‌ فناوري است كه در حين دانلود مي توان محتواي يك فايل صوتي را در همان زمان شنيد .
نرم افزار RealPlayer  محصول شركت Real Networks‌ است كه قابليت پخش فايل هاي صوتي و تصويري ر ا به صورت Streaming‌ دارد . همچنين به دليل پايين بودن حجم فايل در پخش صوت و تصوير از محبوبيت بالايي برخوردار است . فايل هايي با پسوند RAM-RA-RM را مي توان توسط اين نرم افزار اجرا كرد .
فايل هاي FDP ) elbatroP  tamroF tnemucoD (
اين فايل ها كه بايد توسط نرم افزار Adobe Acrobat Redader اجرا شوند ، داراي خصوصياتي مي باشند كه باعث محبوبيت آن در وب شده است . از خصوصيات آن مي توان به حفظ كردن فرمت تصوير در Platform هاي مختلف ، عدم نياز به فونت هاي استفاده شده در فايل ، عدم تغيير كيفيت در صورت بزرگ نمايي و همچنين به علت پايين بودن حجم آن ها ، مدت زمان كوتاهي جهت download اين گونه فايل ها صرف مي شود .
اهميت Navigation
Navigation براي  web‌  به طور كامل حياتي مي باشد زيرا بيننده براي به دست آوردن اطلاعات مورد نظر خود از Navigation استفاده مي كند . Navigation مانند تابلوهاي راهنمايي هستند كه به رانندگان كمك مي كند مسير خود را پيدا كنند . در طراحي Navigation بايد به اين مطلب توجه كرد كه بيننده مانند يك مسافر تازه وارد در يك شهر غريب مي باشد مه بايد به او كمك كرد تا مقصد خود را بيابد .

انواع
Navigation
Primary Navigation
Secondary Navigation
Primary Navigation
لينك هاي اصلي هر سايت كه نمايش دهنده شاخه هاي اصلي آن است به عنوان Navigation  primary  خوانده مي شوند . هميشه بايد لينك ها در صفحه وجود داشته باشند تا بيننده بتواند به قسمت هاي مختلف سايت دسترسي داشته باشد .

Secondary Navigation

لينك هاي فرعي هر سايت را به عنوان Secondary Navigation مي خوانند، Secondary Navigationبايد در صفحه هايي كه مربوط به شاخه آن ها مي باشد نمايش داده شود و در بقيه صفحه هاي سايت لزومي به استفاده از آن ها نيست.

Positonal Awareness

به اين معنا است كه در هر لحظه كاربر در كدام قسمت سايت قرار دارد . در واقع به اين منظور كه مسير طي شده را بداند و همچنين اطلاع از اين كه به چه قسمت هايي دسترسي خواهد داشت .
    • روش path Marker روشي است كه مسير طي شده توسط كاربر را به صورت Link و سلسله مراتبي در قسمتي از صفحه فعلي نمايش مي دهد .
    •  روش Heading در اين روش ، عنوان صفحه را بالاي صفحه مي بينيم .
    •  روش Color لينك صفحه مورد نظر با رنگ متفاوتي نسبت به لينك هاي ديگر نمايش داده شود .
4-روش Tab-Image وقتي روي Link كليك مي كنيم خط زير آن محو شده و ما اينگونه متوجه مي شويم كه به آن قسمت Link شده ايم . اما اين موضوع به كاربر نشان نمي دهد كه از كجا آمده است .
5- روش Site map به صورت گرافيكي و درختي نشان داده مي شود . قسمتي از سايت است كه لينك تمامي صفحه ها به ترتيب موضوعي درون آن قرار دارد . بهترين روش ، روش path Marker است .

Meta Data

با تگ هاي  Meta مي توان كلمات كليدي سايت را به موتورهاي جستجو معرفي مي كند و در رتبه بندي سايت ها در موتور هاي جستجو اهميت زيادي دارد . از آن جايي كه زبان (HTML‌)  يك زبان توصيفي نمي باشد جهت معنادار كردن صفحه به (Meta Tag) ها احتياج داريم .

محبوب ترين آن ها

در قسمت Content كلمات كليدي سايت را به ترتيب اهميت مي نويسيم.) حداكثر 255 كلمه مي توان استفاد ه كرد (. تمام Meta Tag ها در تگ) Head (قرار مي گيرند . به رغم قدرت بالاي اين Tag ها وب سایت هايي طراحي شده از آن استفاده مي كنند .
برخي از عوامل تاثير گذار در رتبه بندي سايت ها
تعداد تكرار كلمات كليدي در متن سايت
محل قرارگيري كلمات كليدي
Tag هايي كه كلمه كليدي در آن قرار گرفته است .
ميزان مرتبط بودن كلمات كليدي با محتويات سايت
ارزش كلمات كليدي ما بين كلمات ديگر (ميزان محبوبيت آن)
ميزان رقابتي بودن كلمات كليدي

Domain

در انتخاب Domain براي سايت نبايد از كلمات اختصاري استفاده كرد چرا كه خود Domain در رتبه بندي Search Engine ها بسيار مهم است .
Title
اگر سايت براي يك شركت مشهور مي باشد بهتر است از نام تجاري آن شركت در Title استفاده شود .

كلمات كليدي

بهتر است از كلمات كليدي تا حد ممكن در متن صفحات استفاده شود .كلماتي كه در پاراگراف هاي ابتدايي صفحه هستند ارزش بيشتري دارند . همچنين قرار دادن كلمات كليدي در ميان تگ هاي ‹ strong › : Boldem › : Italic و ... رتبه بهتري براي سايت ايجاد مي كند . تعداد سايت هايي كه به يك سايت لينك مي دهند و همچنين تعداد بيننده هاي سايت از اهميت بالايي برخوردار است .

فونت ها

در تعريف فونت بهتر است چند نوع فونت را تعريف كرده تا در صورتي كه فونت مورد نظر در كامپيوتر بيننده نباشد فونت هاي ديگر جايگزين شود . اين گونه فونت تعريف كردن به اين معني است كه اگر فونت Arial در سيستم وجود نداشت از فونت Helvetica استفاده مي شود و اگر دومين فونت هم موجود نبود از فونت سوم استفاد ه مي شود.

فونت هاي
sans serifs و serifs
فونت هاي serifs داراي خطوط تزئيني هستند كه به انتهاي حروف متصل مي شوند . در خطوط sans serifs اين خطوط تزئيني وجود ندارند . خطوط serifs را نمي توان براي اندازه هاي خيلي بزرگ و خيلي كوچك استفاده كرد اما خطوط serifs در متن هاي اصلي موجب خوانا تر شدن متن مي شود از خطوط sans serifs در تيترها استفاده مي شود .

اندازه فونت ها
( Font size)
اندازه فونت معمولي براي مرورگرها اندازه 3‌ مي باشد استفاد ه از عدد مثبت و منفي در سايز نوشته ها ، اندازه نوشته ها ر ا بر حسب اندازه پيش فرض مرورگر در نظر مي گيرد . در انتخاب فونت به طور حتم بايد به نوع سايت توجه  شود . سايت هاي رسمي بايد داراي فونت هاي رسمي باشد و سايت هاي فانتزي داراي فونت هاي فانتزي باشند فونت هاي Arial , Helvetica , sans serifs فونت هاي مشابهي هستند كه در سيستم عامل هاي PC , MAC و  Unix وجود دارند . همچنين فونت هاي serifs,Times,Time New Romans نيز مانند يكديگر مي باشند .

روش هاي نوشتن رنگ در
HTML
به سه صورت زير مي توان در HTML‌ رنگ ها را مشخص كرد اين صورت ها عبارتند از :

Web Safe Color

مرورگرها فقط قدرت نمايش 256 رنگ را دارند و تنها 216 رنگ استاندارد است كه 40 رنگ باقي مانده توسط سيستم عامل كامپيوتر مشخص مي شوند . 216 رنگ مشخص شده در تمام مانيتورها به يك صورت نمايش داده مي شوند و رنگ هاي Web Safe هستند براي ساختن اين رنگ ها در مدل Hex (هگزا) بايد از اعداد :
00,33,66,99,CC,FF و در مدل Decimal از اعداد  0,51,102,153,204,255   استفاده كنيم .
Dec Hex
00 0
33 51
66 102
99 153
CC 204
FF 255
Dithering
در صورتي كه رنگ استفاده شده جزو 216 رنگ نباشد آن رنگ به نزديك رنگ در جدول رنگي مانيتور و سيستم عامل تبديل مي شود . به همين دليل  است كه رنگ تغيير كند به اين عمليات به اصطلاح Dithering‌ گفته مي شود .

فرمت
GIF
  • Transparent هستند .
  •  256 رنگ را پشتيباني مي كنند .
  • Lossless  است . در صورت فشرده شدن (compress‌) اطلاعات تصوير از بين نمي رود اما مانند فرمت JPEG امكان فشرده شدن را بر اساس سايزهايس مختلف را ندارند .
  •  اين فرمت قابليت ارايه تدريجي تصوير را مي دهد  يعني بارگذاري آن بر روي كامپيوتر ابتدا از تصويري كه فاقد كيفيت است شروع مي شود و سپس تصوير در هر مرحله كيفيت اصلي خود را بدست مي آورد .
  • تمام سيستم عامل هاي جهان آن را پشتيباني مي كنند .
  • مي توان از Animation در فرمت Gif89a استفاده كرد .
فرمت JPEG
  • 16 ميليون رنگ دارد .
  • (Lossy) بر اساس سايزهاي مختلف مي توان كيفيت آن تصوير تعيين كرد
  • Transparent نيستند .
  • امكان ارايه تدريجي اين تصاوير وجود ندارد .
  • Animation نمي شود .
راه هاي بهينه سازي (Optimize)
  •  استفاده معقول ار تعداد رنگ هاي كمتر
  • استفاد ه از رنگ هاي Safe Color
  • استفاد ه از رنگ ها ي Solid . (يك نواخت سايه نداشته باشد) .
  •  پرهيز از (Anti-Aliasing) . به دليل افزايش تعداد رنگ ها و افزايش حجم تصوير .
Anti-Aliasing
يعني براي بالا يردن كيفيت ظاهري تصوير براي مثال در گوشه هاي يك متن پيكسل به پيكسل رنگ اضافه مي كنيم كه گوشه هاي تيز آن متن به اصطلاح نرم تر شوند . بديهي است كه در اين صورت حجم نيز افزايش مي يابد .
  • در نوشته هاي ريز نبايد از يان روش استفاده كرد چون نوشته ها محو مي شوند .
منبع:http://www.hiberd.com/

وب سایت چیست؟ (website)

وب با يك مجموعه مشخصات و پروتكل مخصوص تعريف شده است. توليد كننده هاى نرم افزار از اين مشخصات براى ساخت و اجراى مرورگرهاى web و برنامه هاى رايانه سرويس دهنده يا server در شبكه هاى وب استفاده مى كنند. تاثير متقابل بين مرورگرهاى وب و رايانه هاى سرويس دهنده شبكه هاى وب توسط HTTP تعريف شده است. مرورگرهاى وب پيغام ها را با استفاده از اين پروتكل به رايانه سرويس دهنده شبكه هاى وب ارسال مى كنند.

اين به معناى درخواست اطلاعات است. قراردادهاى آدرس دهى قديمى اينترنت، براى تعيين رايانه هاى متصل شده به شبكه خاصى است. نام رايانه هاى داراى IP مستقل متصل به اينترنت و آدرس ها هر دو استفاده مى شوند. ليكن اين روش كار را مشكل مى سازد، به نحوى كه نياز بود كاربران اينترنت از طريق كشوها و پرونده هاى سيستم هاى عامل، كار جست وجو را دنبال كنند. پروتكل URL محل منابع (پرونده ها، مستندات يا حتى بخشى از يك سند) را در گستره وب تعيين كرده و به آن دسترسى پيدا مى كند. مرورگرهاى وب با استفاده از URL در HTTP تقاضاهايى را به رايانه هاى سرويس دهنده شبكه هاى دوردست ارسال مى كنند. آنها تقاضاى اطلاعات را دقيقاً با شبكه اى كه منابع در آن وجود دارد ارسال مى نمايند. اطلاعات منتقل شده از مراكز شبكه ها به مرورگرهاى وب وارد شده و به همان شيوه اى كه در شبكه مبدا وجود دارند، نمايش داده مى شوند. اجزاى مختلف صفحات وب براى كارهاى مختلف با استفاده از HTM2 ساخته مى شوند. مهمترين كار اين قطعات، ارتباط متن يا تصوير با ساير بخش هاى همان صفحه، صفحات ديگر يا منابع ديگر است. اين ارتباط ممكن است با منابع روى شبكه هاى ديگر متصل به اينترنت باشد.

تمام اطلاعاتى كه كاربران اينترنت جست وجو مى كنند در فرمت HTML نيست، بلكه بانك هاى اطلاعاتى بزرگ، از ديگر منابع مهمى هستند كه در اينترنت قابل دسترس هستند. خصوصاً زمانى بهتر عمل مى شود كه اين منابع با فرمت اصلى باشند. CGI مكانيزمى براى نمايش و كار با اطلاعاتى است كه با فرمت هاى غير از وب هستند. با اين شيوه، منابع مهم با فرمت بانك هاى اطلاعاتى را از طريق وب مى توان در اختيار ديگران قرار داد. البته جمع آورى اطلاعات از اين نوع منابع با هدف مبادلات تجارى از طريق وب كاملاً حساس و فنى است. تنها طراحى فرم ها براى جمع آورى اطلاعات از طريق وب كافى نيست.

بلكه مكانيسم هاى خارج از رايانه سرويس دهنده شبكه (Server) نياز است تا آن اطلاعات را پردازش كند. CGI يك ارتباط بين Webserver و بقيه فرآيند تجارى برقرار مى كند. در پايان، پروتكل هاى حفاظت و ايمنى مناسب در وب شامل SSL و S-HTTP است. لازم به توضيح است كه اين پروتكل ها، ايمنى و حفاظت لازم را روى پروتكل هاى موجود بين مرورگرهاى وب و رايانه هاى سرويس دهنده وب كه آنها را پشتيبانى مى كنند ايجاد مى كنند.

منبع:forum.microrayaneh.com