طراحي وب

[soooot]

اهميت رنگ در طراحي وب




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


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

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

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

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

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


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

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


رنگ هاي گرم و سرد :رنگ هاي گرم تشكيل شده اند از : زرد ، نارنجي ، قهوه اي ، زرد-سبز و نارنجي- قرمز . يعني رنگ هايي كه با پاييز در تعامل هستند . بطور كلي رنگ هاي گرم گرايش به هيجان و تكاپو دارند . بسياري از مردم مقدار كم از اين رنگ ها را مي پسندند . بنفش و سبز رنگ هاي واسط هستند كه نه گرم و نه سردند و وابسته به ميزان رنگ قرمز يا زردي هستند كه در رابطه با رنگ آبي در آنها بكار رفته است . اگر رنگ آبي آن كم تر باشد بيشتر شبيه رنگ هاي گرم بنظر ميرسد .

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

[soooot]

آشنايي با
ساختار آدرسهاي اينترنتي

تقريباً براي انجام هر كاري در اينترنت نياز به يك نوع از انواع آدرس هاي اينترنتي است. براي email فرستادن لازم است آدرس الكترونيكي طرف مقابل را بدانيم، براي مشاهده وب سايت يك شركت نيز بايد آدرس و بي آن را بدانيم و...

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

در قرارداد ارتباطي اينترنت (Protocol- IP Internet) از اطلاعات مربوط به آدرس هاي اينترنتي، براي ارسال داده ها از يك كامپيوتر ديگر استفاده مي شود. هر آدرس IP بر روي اينترنت شامل چهار سري عدد است كه با نقطه از يكديگر جدا مي شوند- مثل44/53/187/64 هر كدام از اين اعداد مي توانند بين 0 255 متغير باشند.

براي كامپيوتر فرقي نمي كند با عدد كار كند و يا با حروف، ولي براي ما كار با حروف راحت است چرا كه به خاطر سپردن آن ساده تر است. مشكل ديگري كه ممكن است پيش بيايد آن است كه ممكن است آدرس هاي IP ي يك سرور به دلايل فني تغيير كند. مطلع شدن از اين تغيير هميشه امكان پذير نيست.

شركت SUN Microsystems سيستم نامگذاري (System Domain Name DNS) را اوايل دهه هشتاد ميلادي به عنوان روش ساده تري براي ارتباط با آدرس ها گسترش داد كه ساختار فعلي آدرس دهي در اينترنت نيز به همين شكل است. در اين ساختار هر سايت با يك آدرس حرفي مشخص مي شود كه در اين سيستم به IP ها تبديل مي شوند.DNS سلسله مراتبي از domain ها را كه در واقع گروهي از كامپيوترهاي بر روي اينترنت هستند پايه ريزي مي كند.

DNS به هر كامپيوتر روي شبكه يك آدرس اينترنت با نام domain مي دهد كه به جاي اعداد از حروف، كلمات و علامات قابل تشخيص استفاده مي كند.Domain هايي كه در سطح بالاي هر سلسله قرار دارند، فقط ليست ها و آدرس هاي domain هاي يك مرحله پايين تر از خود را دارند. به اين ترتيب هر كامپيوتر بر روي شبكه يك آدرس اينترنتي مي گيرد.DNS همچنين به كامپيوترهاي متصل به اينترنت كمك مي كند email خود را با تبديل آدرس اينترنتي متني به معادل عددي اش، به مقصد مورد نظر برساند.

يك آدرس اينترنتي از دو قسمت مهم كه به وسيله علامت@(at sign) از هم جدا شده اند تشكيل شده است.

مثال زير نمونه اي از يك آدرس اينترنتي است:

Iranistitute.org @internet

قسمت اول آدرس ( سمت چپ علامت@ نام كار براست كه معمولاً اشاره به شخص يا بخشي دارد كه صاحب آن account است. قسمت دوم آدرس ( سمت راست علامت@ نام ميزبان يا نام domain ي است كه نشان دهنده كامپيوتر بخصوصي است كه شخص از آنجا اشتراك اينترنت و يا host را گرفته است.

منتهي اليه سمت راست بخش domain در آدرس، نشان دهنده بزرگترين domain ي است كه شخص از آن جا آدرس دارد. رايج ترين domain كنوني در سطح دنياcom. است كه مخففcommercial و به معني سايت هاي تجاري است. البته com ديگر اين معني را از دست داده است و ممكن است هر كسي و به هر نحوي از آن استفاده كنند (مثل Iavasani.com) در رده هاي بعدي org. وnet قرار دارند كه به ترتيب مخفف organization (به معني موسسه" وnetwork (به معني شبكه) هستند در كنار اين domain ها كه بدون محدوديت جغرافيايي عرضه مي شوند و گرفتن آنها بسيار راحت استdomain هاي ديگري وجود دارند كه در اختيار گرفتن آنها تابع مقررات خاصي است. از جمله مقررات اين domain ها آن است كه آن شخصيت حقيقي يا حقوقي در چارچوب جغرافيايي آن كشوري كه domain مربوط به آن است، فعاليت كند. اين domain ها كه معمولاً دو حرفي هستند مخفف كشوري اند كه نماينده آن هستند. مثلاً ir مربوط به ايران،jp مربوط به ژاپن، uk مربوط به انگليس،Cn مربوط به چين و ...

همانطور كه در ابتدا اشاره شد در مورد آدرس هاي اينترنتي نكاتي وجود دارد كه دانستن آنها به بهتر استفاده كردن آن منجر مي شود، كه برخي از آنها در زير آورده مي شود:

- استفاده از حروف كوچك و بزرگ، تاثيري در كاربرد مورد نظر شما در اينترنت نخواهد داشت. ولي آن چه در اينترنت رايج است استفاده از كاراكترهاي كوچك است.

- در آدرس هاي اينترنتي تنها اجازه استفاده از علامت خط تيره وجود دارد و مشخصاً حق استفاده از ويرگول و فاصله (space) وجود ندارد.

- در انتخاب اسم كاربري(username) و اسم domain به كوتاه و معنا داشتن عبارت انتخابي دقت كنيد. اين كار به حافظه سپردن آدرسemail وsite web شما را براي ديگران راحت ترمي كند.

استفاده از irdomain توصيه مي شود، مشروط برآنكه از بوروكراسي اداري كه بر مرجع صادر كننده آن ( مركز تحقيقات فيزيك نظري به آدرسipm.act.ir) كم شود و مدت زمان كمتري صرف صدور آن شود. ( در حال حاضرصدورir.domain حدوداً يك ماه به طول مي انجامد.)

[soooot]

فرمتهاي فشرده سازي تصاوير تحت وب

اولين و مهمترين نكته كه در ساخت تصاوير جهت استفاده در وب بايد مورد توجه قرار گيرد، فرمت و قالب بندي آنها است. دو فرمت فايل استاندارد تصوير كه در وب استفاده مي شوند: فرمتGIF (كه سرنام كلمه هاي Graphics Interchange Format) و فرمت Jpeg(كه سر نام كلمه هاي Joint Photographic Exprets Group) مي باشد. علاوه بر اين دو قالب، قالب سومي نيز به نام PNG (كه سرنامه كلمه Portable Network Graphics) وجود دارد. به نظرمي رسد كه اين فرمت بهترين فرمت ذخيره سازي تصاوير جهت وب مي باشد. اما متاسفانه مرورگرهاي قديمي اين فرمت را پشتيباني نمي كنند. در صورت تمايل شما مي توانيد از اين فرمت فايل استفاده كنيد ولي توجه داشته باشيد كه تمام مرورگرها نمي توانند فايلهايي را با فرمت PNG بخوانند.

يكي از چيزهايي كه هنگام ذخيره سازي تصاوير بايد بسيار به آن توجه كنيد محدوديت پهناي باند اينترنت مي باشد. به صورتي كه شما براي انتقال يك تصوير زيبا با حجم 2 مگا بايت به يك مودم 8/28 نياز داريد و مودم هايي با سرعت پايين تر هنگام انتقال اين تصوير دچار مشكل مي گردند. ولي اين بدان معنا نيست كه شما نمي توانيد يك تصوير بزرگ را در وب انتشار دهيد، منظور اين است كه كاربران اينترنت شايد براي نمايش يك تصوير4 مگابايت منتظر نمانند.

فرمتهاي فشرده سازي در پايين آوردن حجم و اندازه قابل تا حد زيادي مي توانند شما را ياري دهند بدوم اين كه به كيفيت نمايش تصاوير صدمه اي برسانند.



فرمت JPEG

اين فرمت با توجه به نياز شما مي تواند ايده آل ترين فرمت فشرده سازي باشد. اين فرمت جهت ارسال تصاوير تمام رنگي استفاده مي گردد، مخصوصاً كه در اين فرمت مي توانيد 16 ميليون رنگ مختلف را نمايش دهيد. فرمت JPEG اطلاعات رنگي تصوير را حفظ مي كند اما از روش Lossy براي فشرده سازي استفاده مي كند. براي ذخيره سازي تصاوير در فتوشاب با اين فرمت شما بايد مد رنگي تصاويرتان را به RGB تبديل نماييد. لابد مي پرسيد چرا RGB ؟ زيرا مد RGB مد رنگي مورد استفاده براي تمام مانيتورهاست.

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



فرمتGIF

فرمت فايل ديگري كه شما مي توانيد جهت استفاده تصاوير در وب از آن استفاده كنيد GIF است. تعداد رنگهاي موجود دراين فرمت 256 رنگ مي باشد. از اين فرمت شما مي توانيد جهت ساخت تصاوير متحرك در Image Realy استفاده كنيد.



فرمت PNG

در فتوشاب شما از دو نوع فرمت PNG جهت فشرده سازي تصاوير مي توانيد استفاده مي كنيد كه عبارتنداز: 8 بيت و24 بيت.

در فرمت 8-PNG از 8 بيت رنگ (2 به توان هشت) استفاده مي گردد و بيشتر براي تصاويري كه داراي نواحي يكدست رنگ مي باشند استفاده مي شود. اين فرمت خيلي خوب جزيياتي مانند نقشهاي ترسيم شده، آرمها يا طرحهايي كه حاوي متن مي باشند را حفظ مي نمايد.



نكته: اگر مي خواهيد كه افراد بيشتري از صفحه وب شما ديدن كنند از فرمت 8- PNG استفاده نكنيد. زيرا مرورگرهاي قديمي اين فرمت پشتيباني را نمي كنند. فرمت 8-PNG از روش فشرده سازيIossless استفاده مي نمايد. در اين روش هيچ داده از تصوير هنگام فرآيند فشرده سازي از بين نمي رود. اندازه تصاوير در اين فرمت نسبت به فرمتGIF 10 تا 30% كوچكتر مي باشد. در فرمت 24-PNG از 24 بيت (2به توان بيست و چهار) رنگ استفاده مي شود و بيشتر براي تصاويري كه تغييرات شدت رنگ در آنها تدريجي است استفاده مي گردد. شفافيت چند سطحي توسط اين فرمت در تصاوير، پشتيباني مي گردد.

[soooot]

- مقدمه :

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


1- تعييين اهداف


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


مسلماً نماي سايت وبي که اخبار و اطلاعاتي را در موضوع مشخصي مطرح مي کند با نماي سايتي که به مبحث خريد و فروش Online در اينترنت اختصاص دارد متفاوت است .اهداف پيچيده تر در مسير يابي، ابزار ايجاد کننده اي که بکار مي گيريد ( بکارگيري Flash,Director و مشابه آنها ) و حتي نما و حس سايت ، همه و همه در طراحي موثر مي باشند .


2- انتخاب تنوع بازديد کنندگان


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


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


آيا سايت شما در يک شبکه اينترانت داخلي مورد استفاده قرار مي گيرد که تماس کاربران از سيستم مرورگر مشابهي استفاده مي کنند. تمامي اين فاکتورها براي مشاهده صفحات وب شما مفيد و توجه به آنها حائز اهميت است.


3- ايجاد سايتهاي سازگار با مرورگرها


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


اگر سايت تان در وب قرار دارد ممکن است بزودي و در آينده نزديک از طريق مرورگرهاي جديدي مورد بازديد قرار گيرد يا حتي بوسيله مرورگرهاي قديمي يا متني همانند مرورگرlynx .


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


همچنين مي توانيد پيغامهايي را براي چند تن از دوستانتان ارسال کرده و از آنها درخواست کنيد تا از سايت شما بازديد کنند و نتيجه آن را به شما اعلام نمايند . اين امر روش مناسبي براي بازخورد از يکسري بازديد کنندگان مي باشد.


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


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


4- سازماندهي ساختار سايت


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


روش معمول ايجاد يک پوشه در هارد ديسک است که تمامي فايلها و پوشه هاي مربوط به سايت را در خود جاي داده (پوشه سايت محلي) و ويرايش يا ايجاد اسناد جديد در داخل آن پوشه مي باشد.


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


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

5- طبقه بندي و خرد کردن سايت در داخل گروهها و دسته ها

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

اين نوع سازماندهي به شما کمک مي کند تا به آساني سايت را مديريت کنيد و در آن به جستجو بپردازيد.

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

مي توانيد پوشه اي با نام Assets را در سايت ايجاد کنيد و تمامي آيتم ها و عناصر سايت را که html نيستند درآن پوشه ها ويا زير پوشه ها ي آن قرار دهيد.( همانند پوشه Images براي تصاوير، پوشه sounds براي فايلهاي صوتي، پوشه Photos براي عکس ها و ....)

6- ايجاد نماي طراحي
اگر قبل از اجراي عملي طرح بندي و صفحه بندي سايت اقدام به طرح ريزي کنيد مي توانيد در زمان و وقت خود صرفه جويي نماييد . ساده ترين روش پياده سازي طرح سايت مورد نظر بر روي کاغذ است. و يا در روش حرفه اي تر استفاده از برنامه ها يي همچون فري هند و يا فايرورکز مي باشد.
داشتن هماهنگي و انسجام در طراحي و طرح بندي نيز حائز اهميت است به عبارتي ديگر بازديد کنندگان و کاربران بايد بتوانند بدون گيج شدن در سراسر سايت مفاهيم را بخوبي کليک کنند و استفاده لازم را از برنامه ببرند و براحتي بدانند که در کجاي سايت شما قرار دارند.

7- طراحي الگوي مرور و جستجو
محيط ديگري که به طرح بندي شما نتيجه مطلوبي مي دهد محيط مرور است . هنگام طراحي سايت به تجربه بازديد کنندگان سايت فکر کنيد . يک بازديد کننده چگونه مي تواند از صفحه اي به صفحه ديگر باز گردد. توانايي مرور و راهنماي موضوعي مي تواند به آنها در يافتن موضوعات و مطالبي که به دنبال آن هستند کمک شاياني نمايند.
امکان مرور بايد در سراسر سايت در دسترس قرار داشته باشد و سعي کنيد تا يک نوار مرور را در قسمت بالايي تمامي صفحات تان حفظ کنيد.

8- طرح ريزي و گرد آوري متعلقات:
هر زمان که دريافتيد طرح بندي و صفحه بنديتان چگونه بايد باشد مي توانيد اقدام به جمع آوري و گرد آوري متعلقات مورد نيازتان کنيد (عکس ها، تصاوير ، صداها، و متون ويا.....) و درسايت اين متعلقات را به نحو سازماندهي کنيد که به آساني به آنها دسترسي داشته باشيد.
با به کارگيري الگوها و عناصر کتابخانه اي به آساني امکان استفاده مجدد از طرح هاي صفحه و عناصر صفحه وجود دارد و در واقع اعمال الگوها و عناصر کتابخانه اي موجود بسيار آسان تر از ايجاد صفحات جديد مي باشد.
1- الگوها يا Templates :
هنگامي که قصد ايجاد صفحاتي با طرح بندي يکسان داريد مي توانيد يک الگوي پايه اي را براي طرح ريزي ايجاد نماييد. و درصورتي که پس ازاتمام طراحي ها نياز داشته باشيد تا تغييري در تمامي صفحات ايجاد کنيد کافي است تا به آساني و فقط فايل الگوي اصلي را تغيير دهيد تا تغييرات به تمامي صفحات اعمال شود.
البته ايجاد تغييرات در الگوها داراي محدوديتهايي نيز مي باشد. الگوها بيشتر در محيطهاي گروهي و چند کاربره مورد استفاده قرار مي گيرند تا مطمئن شويد که هر شخصي از يک محيط صفحه و طرح بندي استفاده مي کند. در خارج از محيط هاي گروهي بکارگيري آيتم هاي کتابخانه اي انعطاف پذيري بيشتري دارد.
2- آيتم هاي کتابخانه اي يا Library Items :
اگر فکر مي کنيد که يک آيتم همچون يک فايل تصويري در صفحات زيادي از سايت شما مورد استفاده قرار مي گيرد مي توانيد از آيتم هاي کتابخانه اي استفاده کنيد .
مفهوم مورد نظرتان را يکبار طراحي کرده و سپس آن را بعنوان يک آيتم کتابخانه اي تعريف نماييد.
سپس اگر آن آيتم را بعدها تغيير دهيد تمامي نسخه هاي مربوط به آن آيتم که در سايت مورد استفاده قرار گرفته اند بروز آوري مي شوند.

[soooot]

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

در وهله اول مراحلي كه در طراحي اوليه يك سايت بايد مد نظر قرار داد را بررسي مي كنيم . شروع كار طراحي سايت وب از طريق انجام كار اوليه بر روي يك تصوير در برخي موارد آسان تر از ساير روش هاست .بدين منظور :
1- ابتدا برنامه فتوشاپ را اجرا كرده و سپس فايلي را كه قصد استفاده از آن به عنوان صفحه اصلي سايت تان داريد را انتخاب كنيد.
2- پس از دست يابي به تصوير مورد نظر و جهت استفاده در سايت بايد آن را به تكه هاي مناسبي تقسيم كنيد. در اين مرحله با استفاده از اطلاعات كلي مربوط به كدنويسي HTML نحوه كار جداول را بررسي كرده و تصوير را به شيوه اي تقسيم بندي خواهيم كرد كه در جداول مورد استفاده قرار گيرند.
3- مرحله بعد ايجاد سندي است كه كد هاي HTML مربوطه بر اساس تكه هاي موجود در آن ايجاد مي شوند و در نتيجه در وب سايت قابل استفاده خواهند بود.
براي آسان تر شدن كار مي توانيد فايل مورد نياز كه در اين قسمت بر روي آن كار خواهيم كرد را با كليك در اينجا بر روي سيستم خود دريافت و ذخيره كنيد.


1- رابط ايجاد كننده تصوير


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

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

3-1 طرح بندي
شروع كار ما با صفحه اي در ابعاد 740*460 پيكسل مي باشد . در اين فضا سرصفحه ، محيط هاي مرور و محيط هاي مفاهيم مورد نياز را قرار خواهيم داد.
در صورتي كه به فايلي كه به فايل دقت كنيد ، نوارهاي آبي تيره موجود در بالا و پائين صفحه به محل قرار گيري نوار مرور اشاره دارند. در صورتي كه مفاهيم سايت شما زياد است و مايليد تا صفحات تان به سرعت بارگذاري شوند استفاده از اين شيوه بسيار موثر و مناسب است .
بعد از ايحاد تصوير در فتوشاپ زمان آماده كردن هر بخش جهت استفاده در يك سند HTML است.


2- تكه كردن تصوير
هر چند براي ايجاد تصاوير گرافيكي مي توانيد از نرم افزارهاي مختلفي استفاده كنيد ، اما توصيه من به شما استفاده از نرم افزار فتوشاپ مي باشد . در كنار فتوشاپ برنامه ديگري به نام ImageReady قرار دارد كه شما مي توانيد براي ذخيره تصاوير مناسب در وب ، ايجاد تصاوير انيميشن Gif ، و برش تصاوير موجود در فتوشاپ از آن استفاده كنيد . تكه كردن در واقع به اين مفهوم اشاره دارد كه ما تصوير مربوط به محيط اصلي را گرفته و آن را به بخش هاي كوچك تر تقسيم كنيم و پس از آن به راحتي هر بخش را در يك جدول HTML وارد مي كنيم .

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

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
همانطور كه ملاحظه مي كنيد خطوط آبي رنگ بصورت متقاطع در تصوير وجود دارند . اين خطوط در واقع همان خطوط راهنماي موجود در برنامه فتوشاپ هستند كه به سادگي و از طريق كشيدن محيط خط كش به روي صفحه قرار مي گيرند . سپس مي توانيد آنها را در محل هايي كه قصد برش تصوير را داريد قرار دهيد .
در مرحله بعد تصوير تان را به داخل برنامه ImageReady منتقل كرده و گزينه Slices را از منو انتخاب كنيد . در منوي مربوطه گزينه Create Slices from Guides را انتخاب كنيد . طرح شما بايد مطابق شكل زير باشد.

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
توجه داشته باشيد كه تمامي خطوط راهنماي ايجاد شده داراي شماره منحصري هستند. اين نام گذاري بر مبناي پيش فرضي است كه در برنامه ImageReady وجود دارد .
حال كه تكه هاي تصوير خود را ايجاد كرديد در كادر محاوره اي گزينه Show Slices را انتخاب كنيد. من چيزي شبيه به طرح زير را مشاهده كردم :

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
در اين مرحله سه تكه را با هم تركيب كرده و آنها را با يك عنوان نام گذاري مي كنيم . بدين منظور گزينه Slice Selection Tool را انتخاب كنيد . دو خط راهنماي عمودي قسمت سر صفحه را به سه قسمت تقسيم مي كنند . و ما قصد داريم تا سر صفحه را به يك تكه تصوير تبديل كنيم.
پس از انتخاب گزينه Slice Selection Tool در بالاي گوشه سمت چپ تكه شماره 01 كليك كنيد. سپس كليد Shift را پائين نگه داريد و در تكه هاي 02 و 03 نيز كليك كنيد. سپس در تكه وسطي راست كليك كرده و از كادر محاوره اي نمايان شده گزينه Combine Slices را انتخاب كنيد.
اكنون طرح شما بايد به شكل زير تبديل شده باشد :

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
سه تكه بالايي در اين مرحله به يك بخش تقسيم شده اند و با يك حاشيه زرد رنگ مشخص شده اند . براي نام گذاري تكه به كادر محاوره اي Show Slices برويد . در فيلد name كلمه header را وارد كنيد. و اين كار را براي محيط پاصفحه نيز تكرار كنيد و آن را footer نام گذاري كنيد.
هنوز تكه هايي وجود دارند كه به نام گذاري نياز دارند . در پائين سر صفحه و در سمت چپ آن بايد تكه شماره 02 را مشاهده كنيد- يك مربع كوچك آبي رنگ . از آنجا كه ابعاد اين تكه با ابعاد بخش هاي شماره 04، 08 و 10 مساوي هستند تنها يكي از آنها را ذخيره مي كنيم. در حاليكه ابزار تصوير Slice Selection Tool فعال است در تكه شماره 02 كليك كرده و نام blue_square را به آن بدهيد. سپس در تكه شماره 05 كليك كرده و نام gray_bar را به آن بدهيد. اگر دقت كنيد متوجه متناسب بودن ابعاد اين قسمت با تكه شماره 07 خواهيد شد. از اين رو تنها نياز به ذخيره همين قسمت خواهيد داشت.

بهينه سازي و ايجاد فايل خروجي
در اين قسمت اقدام به بهينه سازي و سپس ايجاد فايل خروجي مناسب براي وب خواهيم كرد. براي انتخاب تكه gray_bar از ابزار Slice Selection Tool استفاده كنيد . كليد Shift را پائين نگه داشته و در تكه blue_square كليك كنيد. از آنجا كه از لحاظ رنگ بندي هر دو اين قسمت ها يكسان هستند مي توان در يك مرحله هر دو قسمت را بهينه سازي كرد. از تنظيمات براي بهينه سازي هر دو تكه بصورت يك فايل Gif استفاده كنيد:

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
سپس از ابزار Slice Selection Tool براي انتخاب سرصفحه استفاده كنيد و در حاليكه كليد Shift را پائين نگه داشته ايد قسمت پاصفحه را نيز انتخاب كنيد. از آنجا كه رنگ بندي اين قسمت ها داراي ويژگي پيچيده تري است بهتر است اين قسمت ها را در حالت jpeg ذخيره كنيد .

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
براي ايجاد فايل خروجي ابزار Slice Selection Tool را انتخاب كرده و سپس تكه هاي header, footer, blue_square و gray_bar را انتخاب كنيد:

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
در منوي فايل گزينه Save Optimized As را انتخاب نمائيد.

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
گزينه هايي كه در اين قسمت وجود دارند عبارتند از :
1- انتخا ب مقصد و محل ذخيره فايل ها و پوشه ها
2- در قسمت هاي مربوطه مي توانيد تعيين كنيد كه فايل تنها بصورت HTML ذخيره شود و صفحه html اي ايجاد كند كه كاملا با طرح بندي شما متناسب باشد.
3- گزينه سوم – ذخيره تصاير انتخاب شده- را نيز انتخاب كنيد.
در كادر محاوره اي Save as type گزينه Images Only را انتخاب كرده و سپس در زير آن گزينه Selected Slices را انتخاب كنيد. بصورت پيش فرض برنامه ImageReady تمامي تصاوير انتخاب شده را در يك پوشه ذخيره مي كند. در صورتي كه قصد چنين كاري را نداريد مي توانيد در كادر Output Settings كليك كرده و در بخش پائيني كادر محاوره اي گزينه Put images in folder را غير انتخاب كنيد. البته بهتر است قبل از ايجاد تكه هاي مربوطه پوشه اي براي فايلهاي اصلي و در آن پوشه نيز زيرپوشه هاي مورد نياز تان را ايجاد كنيد. در اين حالت به راحتي مي توانيد هر تصوير را در پوشه مورد نظرتان ذخيره كنيد. پس از انتخاب موقعيت ذخيره فايل ها گزينه Save را كليك كنيد.

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
مرحله بعد ايجاد صفحه HTML اي است كه از آن به عنوان الگويي در وب سايت خود استفاده مي كنيم . نگران بخش هاي ذخيره نشده در فايل نباشيدو بخش مركزي تصوير در بردارنده مفاهيم و محتواي سايت است .


3- قرار دادن تصاوير تكه شده در فايل HTML

براي ايجاد الگوي مورد نظر در اين مرحله تصاوير مان را در داخل سند HTML قرار مي دهيم :
1- جدولي با پنج رديف و 3 ستون ايجاد كنيد.دقت كنيد تا كد <center> قبل از جدول و كد <center /> نيز بعد از آن قرار گيرد. اين امر سبب قرار گرفتن جدول شما در مركز صفحه مي شود .
2- در رديف بالا ، مقدار col span مربوط به سلول چپ اول را 3 قرار دهيد . در اين قسمت بايد تصوير header.jpg را وارد كنيد.
3- در رديف زير سر صفحه ، مقدار ارتفاع هر سلول را 18 پيكسل قرار دهيد . تا متناظر با تصوير blue_square.gif شود . و عرض سلول را 16 پيكسل در نظر بگيريد.
4- براي رديف چهارم نيز همين كار را تكرار كنيد.
5- در اين مرحله تصوير blue_square.gif را در سلول هاي بيروني رديف هاي دوم و چهارم وارد كنيد. تصوير gray_bar.gif را در داخل سلول اول رديف سوم قرار دهيد (سمت چپ) و اين مراحل را براي ستون سوم تكرار كنيد.
6- رنگ هاي زمينه هر دو سلول را CCCCCC # قرار دهيد . رنگ هاي زمينه ستون دوم رديف دوم و چهارم را برابر 374256 # قرار دهيد . در ستون مركزي رديف سوم ( جائيكه مفاهيم قرار مي گيرند ) رنگ زمينه CCCCCC #را انتخاب كنيد.
7- در رديف پنجم ، اولين سلول را انتخاب كرده و مقدار col span آن را برابر 3 قرار دهيد . سپس مي توانيد فايل footer.jpg را در آن قرار دهيد .
8- سرانجام ارتفاع رديف اول، دوم ، چهارم و پنجم را تعيين كنيد و رديف سوم را تعيين نشده رها كنيد تا بر مبناي مفاهيم وارد شده اندازه ان تغيير كند .
در اين مرحله صفحه شما بايد شبيه طرح زير باشد :

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
از آنجا كه رنگ زمينه سفيد به خوبي با طرح كار نمي كند ، من يك تصوير كاشي براي پشت سر رابط ايجاد كرده ام.

بدين منظور مي توانيد يك تصوير در فتوشاپ ايجاد به عرض 1 پيكسل و ارتفاع 2 پيكسل ايجاد كنيد. مربعي با عرض و ارتفاع 1 پيكسل انتخاب كنيد و رنگ آن را متناسب با رنگ طرح تان انتخاب كنيد. سپس آن قسمت را به پائين جابجا كنيد . تصوير را با استاندارد gif و تعداد رنگ 2-color ذخيره كنيد .



به سادگي تصوير را در كد background مربوط به tag الگوي جديدتان قرار داده تا تمام محيط را بپوشاند . براي مشاهده طرح نهايي در صفحه HTML اينجا را كليك كنيد.

رنگ زمينه سلول هاي تصوير gray_bar بايد بصورت #CCCCCC انتخاب شوند. بطوريكه در هنگام بزرگ كردن صفحه به همان رنگ ديده شود .

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

[soooot]

نـُه توصيه براي طراحان ايستگاه هاي اينترنتي
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
اكنون داشتن ايستگاه اينترنتي به رويدادي همه گير تبديل شده است و كم كم هر كاربري دوست دارد در گستره ي جهانگير اينترنت براي خودش گوشه اي داشته باشد اداره ها و سازمان ها كه جاي خود دارد هم اكنون بسياري از حوزه ها و معاونت ها در وزاتخانه هاي گوناگون به ايجاد ايستگاه هاي اختصاصي در اينترنت روي آورده اند كه رويداد خجسته اي است. اما در طراحي ايستگاه ها بايد به نكاتي توجه داشت تا بازديد كاربران مختلف از اين ايستگاه ها ، بازديد اول و آخرشان نباشد. طراحان اين ايستگاه ها از برخي كارها بايد حتماً خودداري كنند ، كه برخي از آنها عبارتند از:

1- ناممكن ساختن گشت وگذار در ايستگاه اينترنتي

بازديد كنندگان از طراحي چيزي نمي دانند و هر گونه پيچ و خم زيادي در ايستگاه اينترنتي آنها را فراري مي دهد. بنابراين به طور مداوم بايد ايستگاه را از اين نظر بهينه سازي كرد كه ايستگاهي خوش دست و" آسان گشت" ارايه شود.

2- بيشتر بودن تبليغات از مطالب:

هيچ كس از پول درآوردن بدش نمي آيد اما اگر تبليغات در ايستگاه اينترنتي بيش از مطالب و محتوا باشد، شست بازديد كنندگان خبردار مي شود و ديگر به سراغ چنين ايستگاهي نمي آيند. بازديد كننده هم كه نباشد پس تبليغات، پشيزي نمي ارزد.

3- كوتاهي در نگهداري ايستگاه:

ايستگاهي كه اطلاعاتش بيات و منسوخ باشد يا خطاهايش مزمن باشد براي هيچ بازديد كننده اي گيرايي ندارد. اگر " به هنگام سازي" روزانه ممكن نيست، به طور هفتگي بايد اطلاعات را نوسازي كرد.

4- سؤال پيچ كردن بازديد كنندگان:

كسب اطلاعات درباره ي بازديد كنندگان ، فكر بسيار خوبي است ؛ اما اگر چنين كاري كلافه كننده باشد،بازديد كننده عطاي ايستگاه را به لقايش مي بخشد.

5- پيشرفته سازي بيش از حد ايستگاه:

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

6- از كار انداختن مرورگر بازديد كنندگان:

هيچ چيز به اين اندازه بازديد كنندگان را كلافه نمي كند و اين اغلب به علت ضعف برنامه نويسي در طراحي ايستگاه اينترنتي است.

7- استفاده از جلوه هاي صوتي:

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

8- استفاده افراطي ازتصوير:

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

9- محل نگذاشتن به بازديد كنندگان:

اگر كاربري به موضوعي در ايستگاه اينترنتي علاقه مند شد و با دست اندركاران ايستگاه هم تماس گرفت و پاسخي دريافت نكرد، صد در صد سرخورده مي شود.