طراحی وب سایت – جلسه اول

سلام و درود خدمت شما دوستان ، جلسه اول دوره آموزش طراحی سایت رو درخدمتتون هستم ، میخام در طول دوره آموزش طراحی وب سایت به زبان های برنامه نویسی html و css و php و wordpress خدمتتون آموزش بدم.توی این ویدئو آموزش اصول طراحی و کدنویسی رو در طی 4 مرحله آموزش دادم که خیلی آسون متوجه مراحل انجام کار بشین.

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

خب ما اینجا دقیقا مثل معمار میخایم رفتار کنیم پس مورد اول تهیه نقشه سایته ، از کجا شروع کنیم ؟ خب ما فرض میگیریم ما میخایم یه سایت شخصی آموزشی طراحی کنیم . در قدم اول بایستی شما زبان اچ تی ام ال و سی اس اس که مکمل همدیگه هستش رو یادبگیرید. شاید براتون سوال پیش بیاد که HTML چیه و به چه دردی میخوره؟! خب من بهتون میگم 🙂

معرفی زبان HTML (مرحله اول)

HTML مخفف Hyper Text Markup Language هستش که معنی فارسیش میشه ( زبان نشانه گذاری ابرمتنی ) خب خودمونیش میشه زبانی که میشه باهاش با صفحات اینترنت مثل زبان مادری حرف زد و اونم برای شما خواسته تون رو براورده میکنه.خب شما با این زبان میتونید ساختار کلی سایتتون رو کدنویسی و طراحی کنید دقیقا مثل اسکلت بندی یه ساختمون . مثل عکس زیر:

آموزش طراحی وب سایت با معرفی زبان CSS (مرحله دوم)

همونطور که در عکس بالا میبینید یه ساختمون نیمه کاره رو داریم ، حالا برای ظاهر این ساختمون باید از مصالح ساختمونی مثل درب و پنجره و گچ و سیمان استفاده کنیم که زیبا و قشنگ بشه اینجاست که CSS به کمک ما میاد که مخفف Cascading Style Sheets میباشد. معنی فارسیش میشه رنگ و لعاب دادن به ظاهر سایت.پس با این تیکه کدها که زبان سی اس اس به سایتمون اضافه میکنیم میشه سایت رو قشنگ و زیبا کرد.مثل عکس زیر :

آموزش طراحی سایت با معرفی زبان PHP (مرحله سوم)

وقتی شما سایتتون رو با HTML و CSS طراحی کردین خب تا این مرحله از طراحی سایت شما یه سایت ایستا ساختین! یعنی چی ؟ یعنی اینکه سایت شما فقط جنبه نمایشی داره ، یعنی کاربر نمیتونه با سایت شما ارتباط برقرار کنه مثلا نمیتونه ثبت نام کنه و اینکه نظر خودش رو در مورد یه مطلبی ارسال کنه… اینجاست که زبان قدرتمندی بنام PHP میاد وسط و میتونه خاصیت هوش مصنوعی رو به سایت اضافه کنه . در اصل شما با تزریق کدهای پی اچ پی میتونید سایتتون رو هوشمند کنید.

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

معرفی سیستم مدیریت محتوای وردپرس (مرحله آخر)

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

• امکان درج و ویرایش پست های سفارشی با ترکیب متن ، عکس ، فیلم و لینک به مطالب داخلی و خارجی
• امکان درج و ویرایش دسته بندی و برچسب ها برای پست ها
• قابلیت ویرایش قالب و افزودن یا حذف یه قالب خاص از سایت
• قابلیت اضافه کردن پلاگین ها برای توسعه محیط کاربری و هسته ی وردپرس
• …

پیشنهاد ما به شما : دانلود آنتی ویروس نود 32 بهمراه آموزش آپدیت همیشگی و رایگان

ویدئوی طراحی وب سایت – جلسه اول – معرفی اصول طراحی و کدنویسی