بخش های اصلی

راهنمای توسعه وب

طراحی وب سایت

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

چه چیزهایی را در سایت بذاریم؟

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

  • صفحه ی اصلیِ جذاب: همیشه برای تمام سایت ها الزامیِه.
  • لیست محصولات و خدمات به همراه جزئیات کامل.
  • اطلاعات کامل قیمت ها.
  • اطلاعاتی راجع به شرکت تان و ماهیت کسب و کارتان، شامل دست آوردهای تان.
  • اطلاعاتی راجع به نمونه کارهای تان و در صورت امکان اطلاعاتی راجع به نتیجه ی تجربه ی آن ها.
  • اطلاعات کامل تماس تان.
  • سؤالات متداول.
  • بازخوردها و داستان های موفقیت آمیز از طرف مشتریان تان.

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

چطور سایت تان را طراحی کنین؟

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

در این بخش برخی از نکته هایی که به شما در طراحی بهتر سایت کمک خواهند کرد را لیست کرده ایم:

  • در نظر بگیرین که برای طراحی وب سایت تان از چه تکنولوژی ای استفاده خواهید کرد. نوعی که به شما انعطاف پذیری و سرعت بیش تری در طراحی میده را انتخاب کنین و بر اساس آن طراحی کنین.
  • یک فریم ورکِ (framework) کلی طراحی کنین، به این ترتیب بعدا می توانید با تغییراتی کوچک وب سایت تان را ارتقاء و تغییر بدین.
  • سایتی را طراحی کنین که عملکردهای لازم برای آن را در نظر گرفته باشین. اگه سایتی را که دارای پایگاه داده است، طراحی می کنین، باید موارد زیادی را در رعایت کنین تا طراحی خوبی از شَما های پایگاه داده حاصل بشه.
  • تا جایی که می توانید طراحی تان را ساده انجام بدین، بطوری که هر توسعه دهنده ی جدیدی بتواند در سریع ترین زمان ممکن با سایت تان آشنا بشه.
  • اجزای تکرار شونده در وب سایت تان را شناسایی کنین و آن ها را جدا نگه دارین و سعی کنین هر جا که لازم بود از آن ها استفاده کنین.
  • ماهیت و شرایط بازدیدکنندگان وب سایت تان را شناسایی کنین و به این که وب سایت تان بر این اساس دیده و احساس بشه اهمیت بدین.
  • به جنبه های بازدیدکننده ی سایت تان فکر کنین. اگه شما بازدیدکننده بودین، دوست داشتین وب سایت را چطور ببینین؟ اگه همان سایت متعلق به شخص دیگه ای بود، مایل بودین مدتی را در چنین سایتی بگذرانید؟
  • باید یک موتور جستجوی کاربر پسند برای وب سایت تان ایجاد کنین.

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

چطور یک وب سایت را جذاب کنین؟

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

بنابراین مطمئن بشین که کاری برای انجام دادن برای بازدیدکننده های تان در سایت دارین. ارائه ی اطلاعات زیاد، با کیفیت بالا، مثل یک آهن ربای بزرگ برای بازدیدکننده ها عمل می کنه.

لیستی از برخی از ابزارهای جذابی که می توانید به سایت تان اضافه کنین، بدون این که هیچ مهارت برنامه نویسی داشته باشین یا هزینه ای خرج کنین، در ادامه آمده است.

  • رأی (Poll)
  • انجمن (Frum)
  • کتاب مهمان (Guest Book)
  • اتاق چت (Chat room)
  • کارت های تبریک (Greeting cards)
  • این وب سایت را به دوستان تان معرفی کنین (Tell-a-friend about this site)
  • فرم انتقادات و پیشنهادات (Feedback form)
  • خدمات آنلاینِ مشتری (Live customer service)
  • طنز یا کارتونِ روزانه (Daily joke or daily cartoon)
  • تیتر اخبار روزانه (Daily news headlines)
  • موتور جستجوی سایت (Site Search Engine)
  • لیست پستی (Mailing List)
  • پرسش و پاسخ های متداول خودکار (Atomated Frequently Asked Questions)
  • این لیست بسته به این که چه چیزی بازدیدکننده های سایت تان را جذب می کنه میتواند همین طور ادامه داشته باشه.

چطور برای وب سایت تان کد نویسی کنین؟

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

  • سایت تان باید تمام الزامات کیفیتی تعریف شده توسطِ W3C را داشته باشه. امروزه از XHTML برای طراحی تمام وب سایت ها استفاده می کنیم. XHTML، فقط یک نسخه ی دقیق تر از HTML است.
  • باید با استفاده از اعتبارسنجِ W3C، سورس کدتان را اعتبار سنجی کنین.
  • از توضیحات مناسب استفاده کنین ولی از استفاده ی بیش از حد توضیحات در فایل های HTML، خودداری کنین.
  • style sheetها و اسکریپت های جاوا یا VB را در فایل هایی جداگانه قرار بدین و در مواقع مورد نیاز آن ها را include کنین.
  • از استفاده ی بیش از حد از گرافیک ها درصفحه های وب تان خودداری کنین.
  • سعی کنین صفحه های وب تان بصورت ایستا باشن بجای این که آن ها را بصورت پویا تولید کنین.
  • مطمئن بشین که هیچ لینک خرابی در هیچ یک از صفحه های وب نباشه.
  • صفحه ی وب طراحی شده تان را در مرورگرهای مطرحی مثل Internet Explorer، Firefox، Mozilla، Netscape و ... امتحان کنین.
  • تمام اسکریپت هایتان را برای تمام حالات ممکن تست کنین. هیج صفحه ای را بدون تست کامل آن، هاست نکنین.

چطور موتورهای جستجوی کاربرپسند برای وب سایت ایجاد کنین؟

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

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

بهینه سازی سورس کد تکراری

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

گرفتن نسخه ی پشتیبان بصورت ساعتی یا روزانه کار بسیار خوبیِه. این نسخه ی پشتیبان را روی ماشین یا رسانه ی جداگانه ای نگهداری کنین.

در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

شما چه نظر و یا سوالی درباره این نوشته دارید؟

مبحث آموزشی

راهنمای توسعه وب

Web Developer's Guide

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد