دوست عزیز و همراه دوست داشتنی آکادمی آی تی سلام :


درسته که کار طراحی سایت یکی از لذت بخش ترین و بهترین کارهای دنیاست ، میتونی اونو هر زمان که دوست داشتی انجام بدی و واقعا میتونی خودت رئیس خودت باشی و ... اما اگر واقعا یک سری استاندارد رو رعایت نکنی این کار میتونه به سخت ترین کار دنیا برات تبدیل بشه حتما دوست داری بدونی چه کارهایی رو باید انجام بدی ؟[برای نمایش لینک باید عضو شوید. ]

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

مراحل طراحی وب سایت


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

همون طور که میدونی هر کاری یک سری مراحل انجام داره یعنی یکسری کارها رو باید پله به پله انجام بدی تا به نتیجه برسی. مثلا اول نمیتونی بری سراغ کد نویسی سرورساید بری باید اول کار قالب رو انجام بدی. حالا بریم سراغ پله هایی که یکی یکی باید اونها رو انجام بدی.

مرحله اول : طرح دستی

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

راه دوم اینه که با یکی از نرم افزار ها مثل Photoshop یا وب سایت هایی مثل wireframe یا ..... زمانی که فرصت داری بشینی و مثلا 20تا 30 طرح بزنی و کارفرما رو مجاب کنی که یکی از اونها رو انتخاب کنه.این مرحله واقعا مهمه و لطفا اگر میخوای مشکلی واست پیش نیاد حتما این مرحله رو انجام بده
برای این کار میتونید از یکی از این ابزار ها استفاده کنید :
[برای نمایش لینک باید عضو شوید. ]
[برای نمایش لینک باید عضو شوید. ]
[برای نمایش لینک باید عضو شوید. ]
[برای نمایش لینک باید عضو شوید. ]
[برای نمایش لینک باید عضو شوید. ]


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

مرحله دوم :طرح گرافیکی


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

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

مرحله سوم : شروع کد نویسی قالب


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



باز هم میتونی توی این مرحله قالب رو به کارفرما نشون بدی یا اینکه کارت رو ادامه بدی اما حتما بعد از پیاده سازی کامل قالب جلسه ای با کارفرما بذار و تائیدیه قالب سایت رو ازش بگیر.
لازمه توی این مرحله اصول سئو قالب یا همون مواردی که توی فایل رازهای طلایی بهینه سازی سایت در بخش on site یا بهینه سازی قالب مواردی رو گفتم که باید اونها رو رعایت کنی.
خوب از لحاظ کاری هم بهتره که توی این بخش خیلی ماهر باشید و وب سایتی کاملا استاندارد و زیبا با استفاده از آخرین تکنولوژی ها انجام ایجاد کنید تا نمونه کارهای خوبی داشته باشید و بعد از گذشت یه مدت خود این کار های خوب و زیبا برای شما جذب مشتری بکنه و کمتر نیاز باشه برای گرفتن کار جدید هزینه های تبلیغات و ... بدید . به نظر من هر کار خوب میتونه واسه شما حکم یک بازاریاب خووب رو داشته باشه .

مرحله چهارم :برنامه نویسی سرور ساید


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

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

مرحله پنجم :کنترل کیفیت


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

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