سایت فروشگاهی responsive با Css Grid
100 % از دوره تکمیل است
۱۵ ساعت
- توضیحات
- محیط پروژه
- مدرس
-
27
دیدگاه
-
قسمت های رایگان
Grid چیست ؟
CSS Grid Layout Module یک سیستم چیدمان مبتنی بر شبکه ، با ردیف ها و ستون ها ارائه می دهد و بدون نیاز به استفاده از شناور و موقعیت یابی ، طراحی صفحات وب را آسان تر می کند.
کاربرد Css Grid
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 | مشاهده آموزش |
- طراح قالب به صورت رسمی برای سیسم های وبلاگ دهی
- مدرس فرانت اند
- کانفیگ سرور و طراحی قالب فرانت اپلود سنتر ها
- طراح بیش از 30 نوع قالب برای شرکت هایی مخلف
- مقام دوم جشنواره جوان خوارزمی رشته نرم افزار مرحله کشوری
- مقام سوم جشنواره جوان خوارزمی رشته نرم افزار مرحله کشوری ( طراحی اپلیکیشن برای یک تیم دیگر )
> 27 دیدگاه برای “سایت فروشگاهی responsive با 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
سلام ببخشید این پروژه (قالب فروشگاهی) رو انجام میدیم یا فقط دو سه تا مینی پروژه داره این پکیج؟
حسن هلالی
سلام وقت بخیر ، جدای مینی پروزه ها قالب فروشگاهی رو انجام میدیم به صورت کامل
حسن هلالی
سلام این قالب رو به صورت کامل انجام میدیم و کامل در این پکیج اموزش داده شده
محمد
سلام
ایدی تلگرام مدرس رو میتونم داشته باشم
اگر لطف کنید
حسن هلالی
سلام در کانال ما عضو باشید ، به زودی لینک گروه رفع اشکال رو قرار میدیم