قیمت این دوره: رایگانــ
  • مدرس دوره : حمیدرضا عبادی
  • تعداد ویدیوها : 12 ویدیو
  • مدت زمان دوره : 2:25:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/10/07
آموزش Media Query در Css

آموزش Media Query در Css

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

برای حل این موضوع مبحثی در Css وجود داره به اسم Media Query که ما میتونیم توسط این در سایز های مشخصی در وبسایت خودمون تغییراتی ایجاد کنیم 

 

در این دور به طور کامل Media Query هارو بررسی میکنیم و در انتهای دوره یک مینی پروژه میزنیم تا شما نحوه کار رو مشاهده کنید

 

حتما پیشنهاد میکنم این دوره رو ببینید چون یکی از مهمترین مباحثی هست که هر طراح وبی باید بلد باشه :)




فهرستـــ ویدیوها

مدت زمان دوره 2:25:00
00:00
00:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • معرفی دوره

00:04:37

معرفی دوره

2
  • MediaType

00:13:00

MediaType

3
  • MinWidth

00:12:00

MinWidth

4
  • MaxWidth

00:12:00

MaxWidth

5
  • ادامه بحث MinWidth و MaxWidth

00:12:00

ادامه بحث MinWidth و MaxWidth

6
  • container

00:11:00

container

7
  • فایل های مورد نیاز پروژه

00:09:00

فایل ها مورد نیاز پروژه

8
  • کد نویسی Header - Menu

00:15:00

کد نویسی Header - Menu

9
  • کد نویسی Main - Content

00:18:00

کد نویسی Main - Content

10
  • ریسپانسیو سازی Header - Menu

00:20:00

ریسپانسیو سازی Header - Menu

11
  • ریسپانسیو سازی Main - Content

00:11:00

ریسپانسیو سازی Header - Main

12
  • نکات طراحی واکنشگرا - جلسه پایانی

00:08:00

نکات طراحی واکنشگرا - جلسه پایانی

دوره های دیگر مدرس

مشاهده همه دوره ها

نظرات کاربران در رابطه با این دوره

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

ZAHRA dosti

ارسال شده در 1402/12/08

مثل همیشه یک تدریس بی نظیر توسط استاد عبادی!!!

mirzaei82amirhossein

ارسال شده در 1401/12/29

عالی بود . خیلی ممنونم استاد عزیز

hooman.h

ارسال شده در 1401/01/01

ممنون بابت دوره ی خوب و رایگان شما 🌹💯

حمیدرضا عبادی (مدرس)

ارسال شده در 1401/01/01

سلام خواهش میکنم موفق باشید

محمد صادق صادقی

ارسال شده در 1400/08/22

دوره بسیار عالی بود.  ❤ استاد واقعا به مطالب تسلط داشتن و تمام سوالاتم پاسخ داده شد.💕 پشتیبانی بسیار قوی بود. تشکر

یک توصیه به شما دوستان، هر ویدئو رو یکبار کامل نگاه کنید و دفعه دوم همراه با مدرس تمرین کنید.

محمد صادق صادقی

حمیدرضا عبادی (مدرس)

ارسال شده در 1400/08/22

سلام وقت شما بخیر باشه

 

خواهش میکنم، ممنون از نظرتون، موفق و پیروز باشید

مهدی دریس

ارسال شده در 1400/06/06

سلام استاد برای دور های اینده چه برنامه ی در نظر دارید ؟ تو حوزه طراحی سایت ؟ 

حمیدرضا عبادی (مدرس)

ارسال شده در 1400/06/06

سلام خدمت شما کاربر محترم

 

در حال حاضر برنامه برای به روزرسانی دوره های فعلی هست، دوره خاصی فعلا مد نظرم نیست ولی احتمالا دوره بعدی مربوط به Js باشه

اگر پیشنهادی داشتید تلگرام یا اینستاگرام پیام بدید

Instagram: ebadi.dev

telegram: EbadiDev

امیرحسین کیماسی

ارسال شده در 1400/05/01

mamnon az shoma man 2 3  ta az dore haye shoma didam khili kamel o ba jozeeyat tozih midid mamnon 

امیرحسین کیماسی

حمیدرضا عبادی (مدرس)

ارسال شده در 1400/05/02

سلام خدمت شما کاربر محترم

 

خواهش میکنم خوشحالم که راضی بودین

فتانه کهن زاده

ارسال شده در 1400/04/19

سلام

ضمن تشکر از دوره بسیار خوبتون یک سوال دارم از شما اگر ممکنه راهنماییم کنید

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

با تشکر 

 

فتانه کهن زاده

حمیدرضا عبادی (مدرس)

ارسال شده در 1400/04/19

سلام وقت بخیر

خواهش میکنم

 

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

ولی میتونید برای قالب موبایل و دسکتاپ Css مجزا بنویسید که معمولا این کار انجام میشه

saeid1401

ارسال شده در 1400/02/25

یعنی کاری کردی کارستون...رایگان که هست چه بهتر....پولی ام بود باز ارزششو داشت...امیدوارم رایگان عرضه کردنش باعث کم شدن انگیزه و کیفیت کارتون نشه....🌹

حمیدرضا عبادی (مدرس)

ارسال شده در 1400/02/25

سلام خدمت شما کاربر محترم

 

خواهش میکنم نظر لطفتونه , رضایت شما باعث افتخار من هستش

 

موفق و سربلند باشید

 

نیما خادمی راد

ارسال شده در 1400/02/03

این دوره اندازه دوره پولی ارزش داشت.ممنونم که رایگان در اختیار ما گذاشتی.خیلی چیزا یاد گرفتم.

نیما خادمی راد

حمیدرضا عبادی (مدرس)

ارسال شده در 1400/02/03

سلام خدمت شما کاربر محترم

 

خواهش میکنم، خوشحالم که دوره براتون مفید واقع شده

موفق باشید