CSS Grid Layout Module یک سیستم چیدمان مبتنی بر شبکه ، با ردیف ها و ستون ها ارائه می دهد و بدون نیاز به استفاده از شناور و موقعیت یابی ، طراحی صفحات وب را آسان تر می کند.
Grid Layout به ما کمک می کند تا طرح هایی ایجاد کنیم که با استفاده از نمایش داده شده از رسانه تعریف شوند و با متن های مختلف سازگار شوند.
Grid Layout به ما امکان می دهد ترتیب صحیح ترتیب عناصر موجود در منبع را از نمایش تصویری آنها جدا کنیم. به عنوان یک طراح ، این بدان معنی است که شما می توانید مکان عناصر صفحه را تغییر دهید زیرا بهترین گزینه برای طرح شما در نقاط مختلف نقاط شکستنی است و نیازی به سازش یک سند ساختاری معقول برای طراحی پاسخگو نیست.
تهیه شبکه با فضای موجود بسیار آسان است. با داشتن هر عنصر منطقه ای در شبکه ، به دلیل تغییر اندازه متن ، محتوای بیشتر از بازدیدهای مورد انتظار یا کوچک ، در معرض خطر همپوشانی نیستند.
بر خلاف یک طرح مبتنی بر جدول HTML ، می توانید مواردی را در شبکه لایه بندی کنید. بنابراین در صورت لزوم ممکن است یک مورد دیگر همپوشانی داشته باشد.
> دقیقه
دمو و توضیحات کلی در مورد دوره پیش نمایش پروژه پایانی
> دقیقه
آشنایی با css Grid و پشتیبانی مرورگر ها
> دقیقه
ایجاد ستون ها grid-template-columns
> دقیقه
ایجاد ردیف ها grid-template-rows
> دقیقه
مینی پروژه منو
> دقیقه
مدریت اندازه المنت ها
> دقیقه
مدریت مکان المنت ها
> دقیقه
کار با grid-area
> دقیقه
طراحی یک صفحه ریسپانسیو و Grid Media Quary
> دقیقه
واحد fraction
> دقیقه
خاصیت auto در Grid
> دقیقه
خاصیت repeat در Grid
> دقیقه
خاصیت auto-fill در Grid
> دقیقه
خاصیت auto-fit در Grid
> دقیقه
مینی پروژه طراحی یک وبسایت ساده
> دقیقه
شروع پروژه قالب فروشگاهی
> دقیقه
طراحی top header
> دقیقه
ساخت nav و منو
> دقیقه
بخش اسلایدر کاملا با css
> دقیقه
قسمت بالای سایت
> دقیقه
بخش پرفروش ترین محصولات
> دقیقه
بخش محصولات اخیر و امکانات ما
> دقیقه
طراحی فوتر
> دقیقه
ریسپانسیو کردن 1
> دقیقه
ریسپانسیو کردن 2
> دقیقه
بخش فروشگاه
> دقیقه
شروع ساخت وبلاگ
> دقیقه
طراحی ایتم های وبلاگ
> دقیقه
بخش جزئیات محصول
> دقیقه
بخش جزئیات محصول 2
> دقیقه
بخش جزئیات محصول > نقد برسی
> دقیقه
بخش جزئیات محصول > مشخصات
> دقیقه
بخش جزئیات محصول > نظرات
مقطع تحصیلی | رشته تحصیلی | دانشگاه |
---|---|---|
کاردانی | نرم افزار اطلاعات | دانشگاه زنجان |
عنوان درس | لینک دانلود |
---|---|
اموزش Css Grid | مشاهده آموزش |
برای مشاهده کیفیت و نحوه تدریس مدرس چندین قسمت از آموزش برای شما به صورت رایگان قرار گرفته است
عنوان درس | لینک دانلود |
---|---|
دمو و مقدمه سایت فروشگاهی responsive با Css Grid | مشاهده آموزش |
قسمت 1 سایت فروشگاهی responsive با Css Grid | مشاهده آموزش |
mohammad.reza.sohrabi7979
سلام مهندس.
دوره فلکس باکس برگزار میشه؟
hamidreza
سلام وقت بخیر .
داخل وبسایت قرار گرفت
موفق باشید
معصومه
سلام وقت بخیر ، اموزش در سطح خوبی بود و خیلی استفاده کردم
فقط یک ایرادی که داشت این بود استاد خیلی سریع کد میزدن ، که البته چیز خیلی مهمی نبود ، نکته مثبتش این بود که حوصلمون تو اموزش سر نمیرفت و بسیار بهینه بود
تشکر از گروه اموزشی زیکو
حسن هلالی
سلام وقت شماهم بخیر
ممنون از نظرتون ، خوشحالم که اموزش مورد استفادتون قرار گرفته
این مورد به استاد گفته میشه حتما تا در آموزش های بعدی کیفیت به حداکثر برسه
موفق باشید
Alirezw
با سلام پیشنیاز های این دوره چیست؟
حسن هلالی
سلام وقت شما بخیر
پیش نیاز این دوره html و Css می باشد
موفق باشید
oxin
سلام و خسته نباشید خدمت شما استاد گرامی
محتوا اموزشتون و تسلطتون روی مطالب بسیار عالی هست فقط دوتا انتقاد داشتم خدمتتون، یکی اینکه خیلی خیلی سعی میکنید که به سرعت تایپ کنید و این باعث میشه هی برگردید و کدهارو تصحیح کنید و دومی استفاده خیلی زیاد از ببینید دوستان، امیدوارم دلگیر از انتقادم نشید هدفم بهتر شدن اموزشتون هست.
حسن هلالی
سلام دوست عزیز
ممنون از نظر و حسن نیت شما و انتقاد سازندتون
سعی میکنیم در قسمت های بعدی این مورد رو رفع کنیم
موفق باشید
kamran
سلام ایدی مدرس رو میشه بزارید !
حسن هلالی
سلام وقت بخیر
برای عضویت در گروه رفع اشکال ، در کانال تلگرامی ما عضو شوید
Maryam
سلام، تو این دوره flexbox هم آموزش داده میشه؟
حسن هلالی
سلام وقت بخیر
خیر
دوره بعدی به صورت اختصاصی در مورد Flexbox می باشد که تا 2 روز دیگر در سایت قرار میگیرد
rezatva
20 تا کامنت گذاشتم یکیشو تایید نکردین
خوب لااقل دوره رو نمیخواین برگذار کنید چرا الکی پول میگیرین
الان 2 هفتس این دوره همش رو قسمت 8 مونده
حسن هلالی
سلام وقت بخیر
دوست عزیز شما احتمالا از ایمیلتون چک میکنید
قسمت های جدید به ایمیل ارسال نمیشن
شما در سایت پنل اختصاصی دارید ، هر قسمتی که ضبط میشه در پنلتون قرار میگیره و الان تا قسمت 34 ضبط شده و اموزش تکمیل شده
لطف از پنل کاربریتون چک بفرمایید و در صورت وجود مشکل دوباره مشکل رو مطرح بفرمایید
rezatva
خواهشا ی ذره زود به زود قسمت های بعدی رو بذارید
هر روز باید بیایم چک کنیم
حسن هلالی
سلام وقت بخیر
اموزش تکمیل شد و تمامی قسمت ها در پنل کاربریتون قرار گرفت
iq67
سلام خدمت آقای فیروزی. بی زحمت اگر ممکنه مرورگر رو روی زوم 100 درصد قرار بدید. خیلی فونت ها ریز میشه و اذیت میشیم. ممنونم
حسن هلالی
سلام وقت بخیر
این مورد به استاد این اموزش ارجاع داده خواهد شد
ممنون از نظرتون
rezatva
سلام
ببخشید فرق فلکس باکس با گرید چیه ؟
آیا تو این دوره از فلکس باکس هم استفاده میشه ؟
ویدیوهای دوره کی قرار میگیره؟
با تشکر
rezatva
سلام
ببخشید این دوره پس کی شروع میشه ؟
خیلی ممنون
حسن هلالی
سلام وقت بخیر
این دوره شروع شده و تکمیل شده و در پنل کاربریتون قرار گرفته
حسن هلالی
سلام وقت بخیر
توضیحاتش مفصله
تو این دوره فلکس باکس گفته نمیشه ، به زودی در مدت یکی دو روز آینده دوره جدید پروژه محور فلکس باکس شروع خواهد شد
zahra73927
سلام ببخشید این پروژه (قالب فروشگاهی) رو انجام میدیم یا فقط دو سه تا مینی پروژه داره این پکیج؟
حسن هلالی
سلام وقت بخیر ، جدای مینی پروزه ها قالب فروشگاهی رو انجام میدیم به صورت کامل
حسن هلالی
سلام این قالب رو به صورت کامل انجام میدیم و کامل در این پکیج اموزش داده شده
محمد
سلام
ایدی تلگرام مدرس رو میتونم داشته باشم
اگر لطف کنید
حسن هلالی
سلام در کانال ما عضو باشید ، به زودی لینک گروه رفع اشکال رو قرار میدیم