آموزش طراحی وب
در این مقاله قرار نیست طراحی وب را به شما آموزش بدیم قرار است به شما آموزش بدیم چگونه طراحی وب را آموزش ببینید. مشکلی که خیلی از دوستان دارند این است که وقتی صحبت طراحی وب می شود همه می گویند باید از صفر شروع کنید، من با این گفتار مخالف نیستم اما دلیلی ندارد که همه ماشین روا از چرخ بسازند.
من به شما آموزش میدهم که چگونه بتوانید با معلومات کم و زمان کوتاه طراح وب شوید.
نکته اول در آموزش زبان مشترک است. به همین دلیل در ابتدا من اصطلاحات تخصصی این بحث را خیلی کوتاه و در سطح عمومی توضیح میدهم اگر دوست داشتید می توانید با جستجو در گوگل تخصصی تر آموزش ببینید.
اصطلاحات طراحی وب
وب سایت: وب سایت یا درگاه یا پرتال یا لندینگ پیج یا اصطلاحات نزدیک به این کلمه را می توان اینگونه شرح داد. هر محتوایی که بر روی یک دامنه نمایش داده شود یک وب سایت می باشد.
دامنه یا دامین: دامنه یا دامین اصطلاحا به ادرس های اینترنتی گفته می شود که با دو اختصار شروع می شوند http یا https بعد از این اصلاح شیوه نمایش داده مشخص می شود مثلا www این سه کلمه یعنی تار جهان گستر یا world wide web این سه دابلیو قبل از سایت گاهی نشان داده نمی شود چون اختیاری است بعد از این سه دابلیو یک نقطه می خورد . یعنی که قرار است اسم این سایت به انگلیسی یا جدیدا به فارسی قرار بگیرد. مثلا http://www.balvardi.ir آنچه بعد از دامنه می آید پسوند نامیده می شود.
الان اگر قصد راه اندازی وب سایت دارید بهترین کار ثبت دامنه با پسوند ایرانی است که شامل .ir می شود.
این پسوند هم ارزان هست هم معرف این است که این وب سایت ایرانی است. البته یک مشکل بزرگ هم دارد اینکه مشخصات دامنه برای همه قابل دیدن است و شما نمی توانید انرا مخفی کنید.
پس یاد گرفتیم http://www.balvardi.ir یا http://balvardi.ir یا https://www.balvardi.ir یا https://balvardi.ir همه می توانند آدرس یک وب سایت باشند.
اصطلاح بعدی که یاد میگیرم هاست می باشد.
هاست چیست؟
به فضای ذخیره سازی اطلاعات شما بر روی اینترنت هاست می گویند. این فضا به دامنه شما متصل می شود و داده های شما را به کاربر نشان می دهد.
هاست ها در ایران چند دسته هستند.
1-هاست ویندوز
هاستی که برای سرویس دهی و خدمات دهی از سیستم عامل ویندوز استفاده کرده است.
2- هاست لینوکس
هاستی که برای سرویس دهی و خدمات دهی از سیستم عامل لینوکس استفاده کرده است.
همین ابتدا بگویم اگر شما تازه کار هستید برخلاف انتظار شما باید حتما هاست لینوکس بخرید. این که هاست شما چه سرویس دهنده ای نصب کرده باشد خیلی برای شما تفاوتی نمی کند اما این را بدانید که نیازی نیست شما حتی یک خط لینوکس بلد باشید این نوع وب سایت فقط به زبان برنامه نویسی وب سایت شما بر می گردد.
پس من پیشنهاد می کنم که هاست خود را از خدمات دهنده های خوب ایرانی بگیرید.من خودم سرور دارم و ادرس اون http://www.dimaserver.ir هست اما چون تعداد سایت های خودم زیاد است فقط برای پروژه های خودم استفاده می کنم. اما اگر شما به دنبال یک سرویس خوب هستید هاست شرکت نت افراز خیلی خوب بوده و مشتریانی که ازش هاست گرفتن راضی هستند. شما هم اگر میخواهید شروعی تازه داشته باشید نت افزار یک سرویس ایرانی لینوکس برنزی دارد که برای تازه کارها و حتی وب سایت های شرکتی مناسب است.
از بحث هاست که بگذیریم شما باید بر روی سایت خود چیزی بالا بیاورید که بتوانید با دیگر کاربران یا مشتریان در ارتباط باشید. به این نرم افزار ارتباطی ما اصطلاحا اسکریپت می گوییم. البته معنی اسکریپت خیلی عمومی است اما برای شروع بدانید بد نیست.
اسکریپت چیست؟
اسکریپت یعنی کدی که برنامه نویسی شده تا کاری را انجام دهد. برای برنامه نویسی اسکریپت زبان های برنامه نویسی زیادی وجود دارد اما برای شما که قصد ندارید تخصصی کار کنید ، بهترین زبان php می باشد که همان هم نیاز نیست یاد بگیرید در ادامه توضیح می دهم.
زبان برنامه نویسی چیست؟
برای تولید اسکریپت باید در محیطی خاص با زبان برنامه نویسی خاص کدی تولید شود، شیوه نگارش این کد را زبان برنامه نویسی می گویند.
اگر علاقه داشتید توی گوگل زبان برنامه نویسی رو می توانید سرچ کنید و بیشتر بدانید.
حالا یک سوال پیش می آید همه که استعداد برنامه نویسی ندارند باید چی کار کنند؟
اینجا شما می توانید یا خودتان یاد بگیرید یا به کسانی که این کار را کرده اند مراجعه کنید، نمونه اش داداش بنده که برنامه نویس هست آدرسشون هم http://www.alirezabalvardi.ir هست. ایشون برنامه نویس حرفه ای هست و گاهی کارهای برنامه نویسی من رو هم انجام میدهد.
اگر علاقه به این موضوع ندارید پول هم ندارید باید بدانید که یه سری خیر پیدا شده اند و اسکریپت هایی را براساس قوانین باز متن رایگان منتشر کرده اند یه چیز تو مایه های صلواتی و نذری خودمون هست.
شما میتوانید با دانلود این اسکریپت ها و انتقال و نصبش بر روی هاست اینترنتی صاحب وب سایت شوید.
من چند تا از این اسکریپت ها رو براتون می نویسم تا شما هر کدام رو دوست داشتید استفاده کنید:
نرم افزار وردپرس:
ساده ترین و ابتدایی ترین نرم افزار طراحی وب سایت یا اسکریپت آماده رایگان برای راه اندازی وب سایت این نرم افزار هست با حجم فشرده نشده 25 مگابایت و با زبان برنامه نویسی php و بانک اطلاعاتی mysql
این برنامه بسیار ساده و راحت است و در کمتر از 1 روز میتوان آموزش دید و نصبش کرد.
این محیط ساده این برنامه به زبان فارسی است. نصبش راحت و اسان است اما اگر حال نداشتید میتوانید از من درخواست کنید تا برای شما راه اندازی کنم.
نرم افزار جوملا
جوملا نرم افزار رایگان با حجم تقریبی 45 مگابایت فشرده نشده با زبان برنامه نویسی php و بانک اطلاعاتی mysql است. این نرم افزار کمی از وردپرس پیچیده تر است که من در حدود 14 سال پیش برای اولین بار فارسی و در ایران منتشرش کردم البته الان کسان دیگری زحمت فارسی سازی و توسعه اون رو می کشند که واقعا خسته نباشند.
هر دو نرم افزار را می توانید از سایت های اصلی خودشنا یعنی wordpress.org یا joomla.org بگیرید ، متاسفانه توسعه دهنده های فارسی این برنامه ها درگیر هستند و روی سایت خودشون نسخه های قدیمی رو گذاشتند ، به همین دلیل سفارش می کنم حتما از سایت اصلی دانلود کنید. البته یه نسخه فارسی شده جوملا رو هم من منتشر می کنم که اونهم فرصت نمی کنم مرتب بروز کنم در ادرس http://www.dimacms.ir می تونید دانلود کنید.
الباقی اسکریپت ها نه به کار شما میاد نه خودتون رو برای شروع درگیرش کنید.
بعد از این بحث ما تازه وارد بحث اصلی طراحی وب می شویم با اصطلاحی به نام قالب وب سایت یا تم یا تمپلیت.
قالب وب سایت چیست؟
قالب وب سایت ظاهر خوشگلی هست که شما بعد از باز کردن هر وب سایت می توانید ببینید. اصل طراحی وب در این جا خودش را نشان میدهد یعنی شما اسکریپت را نصب کرده اید و دوست دارید براساس نیاز خود ظاهر انرا تغییر دهید. خوشبختانه اینجا هم هستند کسانی که قالب رایگان طراحی کرده باشند که شما بتوانید استفاده کنید مثلا من خودم برای جوملا 120 قالب رایگان و 16 هزار قالب تجاری طراحی کردم.
هزینه طراحی قالب برای جوملا یا وردپرس بالاست به همین دلیل خیلی ها ترجیح می دهند که قالب های اماده استفاده کنند مثلا من خودم چند تا سایت فروشگاهی دارم که قالب های اماده از 30 هزارتومن یا 300 هزارتومن توش هست البته قالب رایگان هم داره که می تونید با ثبت نام دانلود کنید ، ادرس وب سایت هم این هست https://www.dimatemplate.ir من حدود 12 سال است که قالب اماده کنار کارم می فروشم.
اگر دوست داشتید که قالب طراحی کنید باید با یک سری اصطلاح دیگر اشنا شوید:
1- CSS 2-Javascript 3-Design Layout 4-html 5-Bootstrap
این اصطلاحات رو چون توضیح زیاده من براتون فعلا فقط عنوانش رو نوشتم اما بدونید روال طراحی وب سایت به این صورت هست که ابتدا شما در یک نرم افزار گرافیکی ظاهر وب سایت خود رو باید طراحی کنید به این طراحی UI یا User Interface یا رابط کاربری می گویند و به چینش کلی این مطالب در ظاهر سایت UX می گویند.
شما میتوانید با دیدن سایت های مختلف مرتبط با موضوع خودتون به یک UI خوب برسید اما در مورد UX کار کمی پیچیده تر هست و باید مطالعه بیشتری کنید. من براتون یه UX شرکتی رو توضیح میدم که تا حدی آشنا شوید.
اول منو و لوگوی شرکت رو بالا میزارید بعدش زیرش یه اسلایدر بعد معرفی شرکت بعد خدمات و بعد سرویس ها و در قسمت پایینی اخبار و اطلاعات تماس و نقشه سایت و کپی رایت رو میزارید این ساده ترین حالت چینش یک وب سایت شرکتی است.
از این بحث بگذریم و یه قالب دانشگاهی رو ببینیم حالمون خوب بشه
https://www.dimatemplate.ir/fa/shop/theme/649
این قالب دانشگاهی رو من تازه طراحی کردم و سعی کردم نیاز های یک دانشگاه رو در نظر بگیرم.
اگر از این مطلب خوشتون اومد لایک کنید تا بخش دوم رو هم براتون بنویسم.
با تشکر روح الله بلوردی
طراح وب