راه اندازی یک وب سایت چندان ساده نیست. بر اساس نوع وبسایت و نیازهای پروژه، مراحل توسعه سایت، زبان های برنامه نویسی و برخی جزئیات دیگر می توانند متفاوت باشند.
در این مقاله به طور خلاصه، به مراحل توسعه یک وبسایت بر پایه ساخت یک سیستم مدیریت محتوا، نگاهی می اندازیم.
قبلا مقاله ای درباره سفارش طراحی سایت در تهران نوشته ام؛ امروز در این صفحه، کمی بیشتر و مفصل تر درباره مراحل سفارش طراحی وبسایت صحبت میکنیم.
قبل اینکه دست به قلم برای نوشتن طرح بشوید، یا پشت کامپیوتر برای طراحی و برنامه نویسی، دست نگه دارید، ضروری است که ابتدا یک برنامه و طرح اولیه برای وبسایت خود بسازید.
- هدف سایت شما چیست؟
- مخاطب شما چه کسانی هستند و میخواهید در داخل وبسایت شما چه کنند؟
- چه نوع وبسایتی لازم دارید؟ (مثلا کاتالوگ آنلاین، عضوگیری، فروشگاه آنلاین و..)
- چه نوع محتوایی می خواهید در وبسایت تان منتشر کنید؟
- هدف محتوای منتشر شده چیست؟
- برای بهترین تجربه کاربری، ساختار وبسایت تان بهتر است چطور باشد؟
- بودجه تان چقدر است؟
برای جواب دادن به این سوالات لازم است که با تیم برنامه نویسی تان صحبت کنید. همزمان به هماهنگی با تیم یا همکاران تان در بخش های مالی و مارکتینگ نیاز است تا در تعیین اولویت ها و تصمیم گیری، بهتر عمل کنید.
بطور خلاصه؛ اگر در ابتدای کار یک نقشه راه برای طراحی سایت تان داشته باشید، مساله خیلی ساده تر خواهد شد.
همه وبسایت های موفق، توسعه شان را با یک طرح کلی شروع به کار میکنند. به این طرح، وایرفریم گفته می شود. لازم نیست این یک سند رسمی و دقیق باشد، و بطور ساده، یک طرح اولیه است از اینکه می خواهید وبسایت تان چطور باشد. این طرح به خودتان و طراح سایت تان، نگاهی دقیق و روشن خواهد داد. می توانید وایرفریم را خیلی ساده روی وایت بورد، و یا کاغذ نقاشی کنید. و یا از ابزارهایی مثل wireframe.cc استفاده کنید.
وایرفریم ابزاری بصری است که کمک می کند مشخص کنید هر یک از نوشته ها، عکس ها و سایر جزئیات صفحات سایت چطور و کجا قرار بگیرند.
وقتی طراح سایت یک وایرفریم داشته باشد، بهتر و سریعتر می تواند ایده شما را درک کرده، و نقطه ای برای شروع طراحی در اختیار دارد.
شبیه به یک بیزنس پلان، سایت مپ اولیه می تواند در شناخت بهتر اهداف سایت، محتوایی که منتشر خواهد شد، کمک کننده باشد. در طراحی این سایت مپ اولیه باید با تیم طراحی سایت تان هماهنگ باشید.
- چه صفحات مستقلی لازم دارید؟
- چه محتوایی در آن صفحات منتشر خواهید کرد؟
- چطور میتوانید این صفحه ها را بصورت موضوعی دسته بندی کنید؟
- سلسله مراتب صفحات سایت تان چطور است؟
- صفحات چطور به همدیگر لینک خواهند شد؟
- کدام صفحه ها و دسته بندی ها برای مخاطب سایت شما حیاتی هستند؟
- کدام صفحه ها و دسته بندی ها را می توان حذف و یا در سایر دسته ها ادغام کرد؟
همچنین فکر خوبی ست که در این بخش با تیم یا مشاوران سئو (SEO) مشورت و از راهنمایی و نظرات آنان بهره مند شوید.
در گام بعدی لازم است وارد برنامه نویسی وب سایت تان شوید.
برنامه نویس ها بسته به نوع پروژه و نیازها و ضرورت ها، از ابزارها و زبان های برنامه نویسی مختلفی برای توسعه ی فرانت اند و بکندِ سایت استفاده می کنند. تمام این ابزارها و زبان ها در نهایت با همدیگر هماهنگ شده و وبسایت شما را می سازند.
مهمترین آنها HTML و CSS در کنار زبان های برنامه نویسی پایتون، جاوااسکریپت، PHP و فریمورک هایی مثل دات نت و لاراول است.
بکند در واقع بخشی از سایت است که بر روی وب سرور مستقر بوده و مسئول عملکردهای پروژه است. مثلا بکند فیسبوک، عکس های ما را ذخیره می کند، سپس در فرانت اند، می توانیم آن فایل ها را ببینیم.
بکند از دو بخش عمده تشکیل می شود:
- دیتابیس: مسئول ذخیره، سازماندهی، و پردازش داده هایی است که از سمت سرور درخواست می شوند.
- سرور: که ترکیبی از سخت افزار و نرم افزارهایی است که مسئول دریافت درخواست ها، پردازش و ارسال پاسخ به آنهاست. بطور خیلی ساده، مرورگر به سرور می گوید که کدام اطلاعات را لازم دارد، سرور می داند که چطور آن اطلاعات را به دست آورده و پاسخ دهد.
فرانت اند، همان جایی است که مخاطبان، مشتریان و کاربران شما می بینند. فرانت اند ترکیبی از ابزارهایی مثل CSS و فریمورک های جاوااسکریپت را به کار می گیرد، تا وبسایت را به بهترین شکل نمایش دهد. انجام این بخش به طور مستقیم با وایرفریم که در مراحل اولیه طراحی کرده بودید، در ارتباط است.
استانداردها، فناوری ها و ابزارهای توسعه ی فرانت اند، معمولا با سرعت بیشتری نسبت به استانداردهای بکند، تغییر می کنند، پس بهتر است به این استانداردها دقت کنید و به روز بمانید.
برای بعضی پروژه ها، لازم نیست همه چیز از صفر طراحی و برنامه نویسی شود. در چنین پروژه هایی از سیستم های مدیریت محتوای آماده ای مانند Wordpress کمک می گیریم.
استفاده از CMS های در دسترس را فقط وقتی جدی بگیرید که نیازهای فنی پروژه تان محدود بوده، سی ام اس مورد نظرتان، انعطاف کافی برای پاسخگویی به نیازهای شما داشته باشد.
حالا که سایت تان تقریبا آماده شده، می توانید یک دامنه مناسب برایش بگیرید (البته احتمالا خیلی زودتر اینکار را کرده اید).
دامنه ای با معنی، و حدالامکان کوتاه به طوری که به راحتی به یاد بماند، انتحاب کنید و سپس چک کنید که آزاد باشد.
خوب حالا بعد از گذراندن مراحل سفارش طراحی سایت، که کار طراحی و برنامه نویسی سایت تان انجام شده، دامنه هم به آن متصل کردید، برای افتتاح رسمی آماده است.
اما نباید عجله کنید! قبل از افتتاح رسمی، لازم است برای بررسی و تست بخش های مختلف، و ارزیابی صفحات از نظر سئو، وقت بگذارید.