یهو تصمیم گرفتید برای خودتان سایت طراحی کنید؟ این مقاله را با حوصله مطالعه کنید!

شش فاز طراحی سایت برای کسانیکه تجربه طراحی سایت ندارند

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

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

1) گردآوری اطلاعات

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

دانستن مقصد باعث می شود از بسیاری سردرگمی ها جلوگیری شود.

2) برنامه ریزی

در این مرحله شما ساختار سایت خود را طرح ریزی می کنید. اینکه سایت شما از چه صفحاتی تشکیل شده است؛ چه خصوصیت هایی دارد؛ و…

برای سایت خود بر روی یک برگه، نقشه سایت (Sitemap) را ترسیم کنید. همچنین در این مرحله تصمیم بگیرید از چه تکنولوژی ای استفاده کنید برای طراحی سایت؟ آیا صفحات ساده ی HTML پاسخگوی نیاز های شما خواهند بود؟ آیا باید از سیستم مدیریت محتوا (CMS) ی خاصی استفاده کنید؟

3) طراحی

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

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

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

4) توسعه سایت (برنامه نویسی)

توسعه سایت، همانطور که در پاراگراف آغازین توضیح داده شد، تعیین می کند که چه مطالبی نمایش داده شوند. برنامه نویسی می تواند سرور ساید باشد (PHP, MySQL, ASP, SQL) یا اینکه کلاینت ساید باشد (Client Side) (JavaScript, jQuery). بعنوان مثال، کار کردن با پایگاه داده ها، نیاز مند برنامه نویسی سمت سرور می باشد، یا ارسال ایمیل پس از زدن دگمه فرم تماس با ما نیز سرور ساید است. ولی نمایش دادن یک ساعت در کنار صفحه، یا یک ماشین حساب، یا مخفی کردن سریع بخشی از سایت و کارهایی از این دست که توسط مرور گر انجام می گیرند، این برنامه نویسی ها سمت کاربر (Client Side) می باشند، و شما باید جاوا اسکریپت یا جی کوئری بلد باشید.

برنامه نویسی سایت بسته به نوع سایت شما می تواند خیلی ناچیز و یا خیلی سنگین باشد، و در برخی سایت ها می تواند 90% کل زمان شما را بگیرد.

5) تست کردن و آپ کردن سایت

در این مرحله ی حساس، شما سایت طراحی شده را بر روی سیستم های مختلف، براوزر های مختلف، و در شرایط مخنتلف تست می کنید و مطمئن می شوید کاربران که از مکان ها و با شرایط گوناگونی می آیند با مشکلی روبرو نخواهند شد. سپس شما سایت خود را آپ می کنید (آپلود می کنید). برای این کار، شما باید یک دامنه (دامین Domain) و یک میزبان وب ( هاست Host) داشته باشید. پس از آپ کردن فایل ها در هاست، شما قادر خواهید بود سایت خود را در دامین ببینید: www.YourSite.com

6) نگه داری و بروز رسانی

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

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