کارهای ساده اما لازم برای بالابردن سرعت سیستم

کارهای ساده اما لازم برای بالابردن سرعت سیستم طراحی وب سایت 1- هرچندوقت یکباربسته به اینکه ازسیستم خود چقدراستفاده می کنید ( ازهفته ای یکبار تا ماهی یکبار) سیستم خودرا Disk Defragmenter کنید برای انجام این عمل می توانید به روشهای زیرعمل کنید: الف) روی یکی ازدرایوهایتان کلیک راست کنید وگزینه Properties را انتخاب کنید درپنجره بازشده روی سربرگ Tools کلیک کنید دکمه ای به نام Defragment Now دیده می شود روی این طراحی وب سایت دکمه کلیک کنید. ب) مسیرزیررا طی کنید: Start / All Programs / Accessories / System Tools / Disk Defragmenter به هرکدام ازروشهای بالا که عمل کنید پنجره ای درمحیط به نام Disk Defragmenter بازمی شود که درقسمت پایین این پنجره نام درایوها به همراه وضعیت آنها دیده می شود کافی است روی درایو موردنظرکلیک کنید تا انتخاب شود درپایین دومحل نمایش وضعیت طراحی وب سایت عملیات دیده می شود که قسمت Estimated disk usage before defragmentation وضعیت قبل ازعملیات را نشان می دهدو گزینه Estimated disk usage after defragmentation  وضعیت بعدازعملیات را نشان می دهدو دکمه های موجود عبارتنداز: دکمهAnalyze ابتدا بررسی می کند که آیا درایو موردنظراحتیاج به دفرگ کردن داردیانه؟ دکمه Defragment عملیات موردنظررا شروع می کندبعدازاتمام عملیات کادری درمحیط بازمی شودکه نشان می دهد عملیات تمام شده است اگرخواستید گزارش درایورا ببینید طراحی وب سایت کافی است روی دکمه View Report کلیک کنید وگرنه روی دکمه Close کلیک کنید نکته: رنگهایی که دراین پنجره دیده می شود عبارتند از : رنگ قرمز: فضاهای خالی ایجاد شده بین فایلها رنگ سبز : فایلهایی که قادربه جابه جایی نیستند وجایشان درآن درایو ثابت است رنگ آبی: فایلهای پیوسته رنگ سفید: فضای آزادروی درایو طراحی وب سایت 2- استفاده ازعملیات Disk cleanup : این عملیات باعث می شود که فایلهای غیرضروری وزاید وبلااستفاده ازروی سیستم پاک شود وفضای اشغال شده توسط این طراحی وب سایت فایلها آزاد شود برای انجام عملیات مسیرزیررا طی کنید: Start / All Programs / Accessories / System Tools / Disk Cleanup 3- تاجایی که می توانید برنامه ها را به صورت Shortcut روی صفحه Desktop قرارندهید جون همین عمل هم باعث می شود که فضای درایو ویندوز اشغال شود. 4- زمان پارتیشن بندی بسته به اینکه می خواهید روی درایو ویندوز چه مقداربرنامه نصب کنید سعی کنید حداکثرفضای موردنیازرابه این درایو بدهید زیرا اجرای چند برنامه به صورت همزمان باعث می شود که اگرفضای کافی دراختیارشان قرارنگیردسرعت سیستم را پایین بیاورد. 5- ازقراردادن تصاویرمتحرک به عنوان Background سیستم نیزچلوگیری کنید  طراحی وب سایت چون این تصاویرهم سرعت سیستم را پایین می آورند. این مطالب روبرای کسایی گذاشتم که مثل خودمن تازه کارهستند ازهمه دوستان باتجربه خود عذرخواهی می کنم دوستان نظریادتون نره طراحی وب سایت

محبوبیت یک سایت در وب

راه ورود موتور جستجوگر به سايت شما چيست؟
اين راه چيزي جز يک پيوند ناقابل از سايتهاي ديگر نيست. اگر مي خواهيد موتور جستجوگر را به ميهماني سايتتان دعوت کنيد بايد راه را هم به وي نشان دهيد و وي آدرس سايت شما را بداند. موتور جستجوگر بهانه هاي بسياري براي نپذيرفتن اين دعوت دارد زيرا در همان لحظه به سايتهاي بسيار ديگري هم دعوت شده است! بنابراين بايد در آدرس دادن نهايت دقت را انجام دهيد. براي روشنتر شدن موضوع، چگونگي کارکرد موتور جستجوگر را با هم بررسي مي کنيم.

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

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

حال اگر کاربري که دنبال چيزي مي گردد کلماتي را جستجو کند، موتور جستجوگر در پايگاه داده اي که تشکيل داده است ابتدا تمام صفحات مرتبط با موضوع جستجو شده را مي يابد و سپس مرتبط ترين را به عنوان اولين نتيجه جستجو و بقيه صفحات را بر اساس ميزان ارتباط بعد از آن در اختيار کاربر قرار مي دهد. به عبارت ديگر اگر تعداد نتايج جستجو 1000 مورد باشد، سايت رده اول مرتبط ترين و سايت رده 1000 کم ارتباط ترين سايت به موضوع جستجو شده مي باشد.
به آدرس دادن برگرديم. شما مي توانيد آدرس خود را روي تکه کاغذي مچاله شده به مهمان خود بدهيد و يا آنرا به شکلي بسيار با کلاس و خاطره انگيز تقديمش کنيد. حتما همه ما حالت دوم را ترجيح مي دهيم.
پيوندي هم که شما با آن موتور جستجوگر را به پارتي سايتتان دعوت مي کنيد، بسيار مهم است: همواره پيوند به سايتتان را در سايت (صفحات) مهم ديگر قرار دهيد تا موتور جستجوگر نه يکبار که چندين بار به سايت شما از آن طريق مراجعه کند.

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

پيوند دادن و پيوند گرفتن امروزه مقوله اي بسيار جدي ميان مديران سايتهاست. شايد هر روزه ميليونها پست الکترونيک فقط براي اين موضوع ميان مديران سايتها رد و بدل مي شود. البته مديران سايتها نيز خسيس شده اند و به سادگي لينک نمي دهند. به سايت شما لينک نمي دهند تا زمانيکه به سايت آنها لينک ندهيد: به من لينک بده تا من به تو لينک بدهم!

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

اما چرا پيوندها مهم هستند؟
- يکي از مهمترين دلايل آنست که ما با کمک آنها مي توانيم موتورهاي جستجوگر بيشتري را به سايتمان دعوت کنيم. لطفا دقت کنيد که درست است که گوگل غول دنياي جستجوست اما موتورهاي جستجوگر مهم ديگري نيز وجود دارند که شما نمي توانيد از آنها غافل باشيد. ياهو نمونه اي از آنهاست. هر چه موتورهاي جستجوگر بيشتري سايت شما را بشناسند، بهتر (بهتر تر !) است.

- حدود بيست درصد مراجعات به وب سايتها از طريق دنبال کردن لينکهاي موجود در وب است. چرا کاربران وب از طريق همين پيوندها به سايت شما مراجعه ننمايند؟

- اگر بدون درخواست شما به سايتتان لينک داده مي شود، مي تواند دليل آن باشد که محتواي سايتتان براي سايت هاي ديگر مفيد و مناسب بوده است و اين مي تواند معيار ارزيابي خوبي براي سايتتان باشد.
منبع:www.hiberd.com

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

منبع

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 ها بسيار مهم است .

Dec	Hex
00	0
33	51
66	102
99	153
CC	204
FF	255

Title
اگر سايت براي يك شركت مشهور مي باشد بهتر است از نام تجاري آن شركت در Title استفاده شود .

كلمات كليدي
بهتر است از كلمات كليدي تا حد ممكن در متن صفحات استفاده شود .كلماتي كه در پاراگراف هاي ابتدايي صفحه هستند ارزش بيشتري دارند . همچنين قرار دادن كلمات كليدي در ميان تگ هاي ‹ strong › : Bold ‹ em › : 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   استفاده كنيم .

Dithering
در صورتي كه رنگ استفاده شده جزو 216 رنگ نباشد آن رنگ به نزديك رنگ در جدول رنگي مانيتور و سيستم عامل تبديل مي شود . به همين دليل  است كه رنگ تغيير كند به اين عمليات به اصطلاح Dithering‌ گفته مي شود .

فرمت GIF

• Transparent هستند .
•  256 رنگ را پشتيباني مي كنند .
• Lossless  است . در صورت فشرده شدن (compress‌) اطلاعات تصوير از بين نمي رود اما مانند فرمت JPEG امكان فشرده شدن را بر اساس سايزهايس مختلف را ندارند .
•  اين فرمت قابليت ارايه تدريجي تصوير را مي دهد  يعني بارگذاري آن بر روي كامپيوتر ابتدا از تصويري كه فاقد كيفيت است شروع مي شود و سپس تصوير در هر مرحله كيفيت اصلي خود را بدست مي آورد .
• تمام سيستم عامل هاي جهان آن را پشتيباني مي كنند .
• مي توان از Animation در فرمت Gif89a استفاده كرد .

فرمت JPEG

• 16 ميليون رنگ دارد .
• (Lossy) بر اساس سايزهاي مختلف مي توان كيفيت آن تصوير تعيين كرد
• Transparent نيستند .
• امكان ارايه تدريجي اين تصاوير وجود ندارد .
• Animation نمي شود .

راه هاي بهينه سازي (Optimize)

•  استفاده معقول ار تعداد رنگ هاي كمتر
• استفاد ه از رنگ هاي Safe Color
• استفاد ه از رنگ ها ي Solid . (يك نواخت سايه نداشته باشد) .
•  پرهيز از (Anti-Aliasing‌) . به دليل افزايش تعداد رنگ ها و افزايش حجم تصوير .

Anti-Aliasing
يعني براي بالا يردن كيفيت ظاهري تصوير براي مثال در گوشه هاي يك متن پيكسل به پيكسل رنگ اضافه مي كنيم كه گوشه هاي تيز آن متن به اصطلاح نرم تر شوند . بديهي است كه در اين صورت حجم نيز افزايش مي يابد .

• در نوشته هاي ريز نبايد از يان روش استفاده كرد چون نوشته ها محو مي شوند .

منبع : ماهنامه تخصصي عصر فناوري اطلاعات – شماره 36