سه شنبه , ۹ خرداد ۱۳۹۶
جدیدترین آموزش ها
خانه » فیلم آموزش CSS » جامع ترین و کامل ترین پکیج آموزش css به زبان فارسی

جامع ترین و کامل ترین پکیج آموزش css به زبان فارسی

می خوای طرحی وب یاد بگیری و یک web designer حرفه ای بشی….!!
می دونی قدم اول چیه..؟؟؟
اینکه css رو خوب بدونی و گرنه تو قدم های بعدی دچار مشکل میشی….

آموزش css

می خوای طرحی وب یاد بگیری و یک web designer حرفه ای بشی….!!

می دونی قدم اول چیه..؟؟؟

اینکه css رو خوب بدونی و گرنه تو قدم های بعدی دچار مشکل میشی….

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

اما خب پروژه چی!!!! پروژه محورم باشه….؟؟

پس وقت رو تلف نکن….

مشتمل بر ۲۰ ساعت آموزش css 

آموزش تمام مباحث css2 و css1 و بیان تمام value ها

آموزش تمام مباحث css3 به صورت تفکیک شده و کامل و کاربردی

انجام پروژه های متعدد برای تسلط بیشتر و یادگیری عمیق تر

با دیدن این دوره میتوانید بر روی css تسلط پیدا کنید و به این ترتیب درک بالا در طراحی وب به دست آورید تا بتوانید مباحث مرتبط در طراحی وب را بدون مشکل دنبال کنید.

به صورت رایگان می توانید کل دوره فوق را دریافت کنید.

سر فصل ها:

جلسه اول :

در این جلسه css  معرفی می شود و به برسی نقاط ضعف و قدرت آن میپردازیم و با قابلیت های جدید نسخه ۳ آن اشنا می شویم

جلسه دوم :

ساختار css را توضیح میدهیم

با روش ذخیره سازی فایل های css به ۳ روش External , Internal , Inline اشنا می شویم.

با روش استفاده از دستورات CSS اشنا می شویم.

به بررسی برخی از سلکتور ها مثل:

class selector , id selector , group selector, child selector ,element selector

وتفاوت های آن ها و هم چنین به نحوه ترکیب این سلکتور ها میپردازیم.

جلسه سوم :

سلکتور ها (selectors) را ادامه می دهیم و در مورد attribute selectors صحبت می کنیم و شکل های مختلف آن را بیان می کنیم.

در ادامه به کار با inspect element میپردازیم و با پراپرتی border اشنا می شویم.

جلسه چهارم :

همچنان سلکتور ها (selectors) را ادامه می دهیم و در مورد pseudo class صحبت می کنیم و شکل های

:root

:nth-child()

:nth-last-child()

:nth-of-type()

:nth-last-of-type()

آن را بیان می کنیم.

در ادامه به طور مفصل در مورد تفاوت آن ها صحبت می کنیم و با پراپرتی      background  آشنا می شویم.

جلسه پنجم :

به ادامه pseudo class ها می پردازیم  و

:first-of-type

:last-of-type

:only-of-type

:only-child

:empty

توضیح می دهیم و در مورد تفاوت آن ها صحبت می کنیم و بحث pseudo class ها را به پایان می رسانیم.

سپس به ادامه selectorها در css3 می پردازیم و در مورد

:target

:enabled

:disabled

:checked

:not

صحبت می کنیم و با پراپرتی width و height آشنا می شویم و بحث selectorها را به پایان می رسانیم.

دوستان من اول فیلم به اشتباه گفتم جلسه چهارم،این جلسه پنجم هست.

جلسه ششم :

به نحوه استفاده از رنگ ها در css می پردازیم و با ۴ روش رنگ دهی (rgb, rgbs, Hexadecimal, Color name) اشنا می شویم و در مورد ساختار رنگ  ها در کامپیوتر و نحوه تبدیل بیت به رنگ صحبت می کنم و در پایان به کامنت گذاری در css و کاربرد های آن می پردازیم.

جلسه هفتم :

به استایل دهی متون در css می پردازیم و با پراپرتی های

text-align, text-decoration, text-indent, direction و word-spacing

و انواع مقادیر وکاربرد های آن اشنا می شویم.

جلسه هشتم :

به ادامه استایل دهی متون در css می پردازیم و با پراپرتی های

white-space, vertical-align, letter-spacing, text-transform و line-height

و انواع مقادیر وکاربرد های آن اشنا می شویم

جلسه نهم :

به typography و استایل دهی متون در ۳ css می پردازیم و با پراپرتی های text-shadow و value آن اشنا می شویم و به توضیح آن می پردازیم و در پایان با مثال های متعدد اهمیت این پراپرتی جدید و قدرتمند را بررسی می کنیم.

جلسه دهم :

به ادامه typography و استایل دهی متون در ۳ css می پردازیم و با پراپرتی text-stroke و value های آن برای مرورگر کروم اشنا می شویم و همچنین به پیاده سازی این خاصیت در مرورگر های دیگر از طریق دستور text-shadow می پردازیم.

جلسه یازدهم :

به ادامه typography و استایل دهی متون در ۳ css می پردازیم و با پراپرتی Box-Reflect و Value های آن برای مرورگر کروم اشنا می شویم و با mask box image و حالت های پیاده سازی آن آشنا می شویم  و به gradient می پردازیم و به کاربرد آن در Reflection اشاره می کنیم و در نهایت حالت های مختلف را پس از پیاده سازی روی عکس،روی متن پیاده می کنیم.

جلسه دوازدهم :

به اخرین جلسه typography و استایل دهی متون در ۳ css می پردازیم و در ابتدا به طور مفصل در مورد خاصیت overflow صحبت می کنیم و بعد به خاصیت های text-overflow و word-wrap در css3 می پردازیم و تفاوت های آن ها را بررسی می کنیم.

جلسه سیزدهم :

با پراپرتی های color, image, repeat, attachment و position در background اشنا می شویم و به value های آن می پردازیم و در نهایت نحوه shorthand یا مختصر نویسی آن را شرح می دهیم.

جلسه چهاردهم :

به طور مفصل و با مثال های متعدد به پراپرتی display و value های آن می پردازیم و در مورد تفاوت value های آن صحبت می کنیم و با استفاده از این پراپرتی یک لیست را به وجود می آوریم و یک عنصر را مخفی می کنیم.

جلسه پانزدهم :

به نحوه ی تنظیم عرض و ارتفاع عناصر را با استفاه از پراپرتی های

max-width, height, min-height, max-height ,min-width,width

می پردازیم و نکات مهمی را درباره ی استفاده از این پراپرتی ها مطرح می کنیم و به

صورت عملی تفاوت inline و inline-block را بیان و به کاربرد max-width می پردازیم.

جلسه شانزدهم  :

ابتدا به واحد ها در css می پردازیم و واحد های نسبی و مطلق را معرفی و سپس مهم ترین آن ها را بیان می کنیم و سپس به

سراغ فونت ها میرویم و در مورد پراپرتی های

font-family, font-style, font-weight, font-size, lineheight

صحبت می کنیم و با value های آن اشنا می شویم و سپس نکات مهمی را در این رابطه مطرح می کنیم.

جلسه هفدهم :

به دو نکته باقی مانده از جلسه قبل می پردازیم و درمورد پراپرتی font صحبت می کنیم و سپس font face را اغاز می کنیم و در مورد فرمت های مختلف فونت و نحوه پشتیبانی از چند فرمت صحبت می کنیم و در نهایت به font services می پردازیم.

جلسه هجدهم :

در مورد list style و نحوه استایل دهی لیست ها صحبت می کنیم و به پراپرتی های list-style-type, list-style-image, list-style-position و value های آن می پردازیم و در نهایت حالت shorthand آن را بیان می کنیم.

جلسه نوزدهم :

باز به مبحث pseude class یا کلاس های کاذب می پردازیم و در مورد کلاس های hover, link, active, visited و focus  صحبت می کنیم و به شرح آن ها می پردازیم.

جلسه بیستم :

وارد مبحث box model می شویم و پراپرتی padding را معرفی کرده و به حالت short hand آن پرداخته و انواع مقدار دهی آن را بررسی می کنیم.

جلسه بیست و یکم :

با توجه به مطالبی که آموختید یک منو اکاردئونی کاملا جذاب بدون استفاده از حتی یک خط کد jquery را طراحی می کنیم.

ak menu

جلسه بیست و دوم :

به ادامه مبحث box model می شویم و پراپرتی border را معرفی کرده و به حالت shorthand آن پرداخته و انواع مقدار دهی آن را بررسی می کنیم.

جلسه بیست و سوم  :

به ادامه مبحث box model می پردازیم و پراپرتی margin را معرفی کرده و به حالت shorthand آن پرداخته و انواع مقدار دهی آن را بررسی می کنیم.

جلسه بیست و چهارم :

به نحوه محاسبه ی box model می پردازیم و سپس وسط چین کردن متون را در راستای افقی و عمودی بررسی می کنیم..

جلسه بیست و پنجم :

به نحوه وسط چین کردن عناصر و کاربرد آن در طراحی سایت می پردازیم و سپس یک منوی افقی ساده زیبا را با استفاده از آموخته های مان طراحی می کنیم.

جلسه بیست و ششم :

با توجه به مطالبی که آموختید یک دکمه را فقط با استفاده از css برای حالت های عادی و هاور و اکتیو طراحی می کنیم و همچنین با پراپرتی border radius که در نسخه css3 ارائه شده آشنا می شویم.

button in css3

جلسه بیست و هفتم :

با توجه به مطالبی که آموختید یک منو عمودی را با استفاده از css برای حالت های عادی و هاور طراحی می کنیم.

vertical menu in css3

جلسه بیست و هشتم :

به پراپرتی cursor و به نحوه تغییر کرسر در css می پردازیم و سپس در مورد استایل های پیش فرض مرورگرها صحبت می کنیم و نحوه ریست کردن آن ها در  reset.css را توضیح می دهیم و سلکتور * را مطرح می کنیم.

جلسه بیست و نهم :

به پراپرتی visibility می پردازیم و تمام value های آن را بررسی می کنیم و سپس تفاوت visibility : hidden و display : none را بیان می کنیم.

جلسه سی ام :

به نحوه استفاده از دستور import و نکات مثبت و منفی آن می پردازیم و سپس دستور charset را دز css بیان می کنیم.

جلسه سی و یکم :

یک صفحه تماس با ما را به طور کامل با توجه به آنچه که آموختیم پیاده سازی می کنیم.

contact us in css3

جلسه سی و دوم :

به پراپرتی float و مفهوم شناور شدن می پردازیم و کاربرد آن را مطرح می کنیم و در مورد تفاوت آن با display صحبت می کنیم و مشکلات float را بررسی و حل می کنیم و در نهایت به پراپرتی opacity می پردازیم.

جلسه سی و سوم :

به پراپرتی clear و ارتباط آن با float می پردازیم و با کاربرد های آن آشنا می شویم و در پایان نکات مهمی را در رابطه با clear مطرح می کنیم.

در جلسه سی و چهارم :

یک منو افقی (nav menu) زیبا با استفاده از پراپرتی های جدیدی که یاد گرفتیم  مانند float و overflow برای تمرین بیشتر طراحی می کنیم.

menu in css3

در جلسه سی و پنجم :

یک سری نکات (note) در مورد رابطه float با box model مطرح می کنیم و به حل مشکل فاصله در عناصر inline block می پردازیم.

در جلسه سی و ششم :

به لایه ها (layout) می پردازیم و یک لایه را با توجه به مطالبی که آموختیم طراحی می کنیم و نکات مربوط به float را یاد آوری می کنیم.

layout in css3

در جلسه سی و هفتم:

به گالری ها (gallery) می پردازیم و یک گالری را با توجه به مطالبی که آموختیم و با استفاده از مبحث float طراحی می کنیم تا اهمیت این مبحث برای شما به خوبی مشخص شود.

gallery

در جلسه سی و هشتم:

به صفحه بندی (pagination) در صفحات html می پردازیم و یک pagination را با توجه به مطالبی که آموختیم  طراحی می کنیم.

pagination

در جلسه سی و نهم :

به پراپرتی و خاصیت outline می پردازیم و مقدار های آن را معرفی می کنیم و در مورد تفاوت آن با پراپرتی border صحبت می کنیم.

در ادامه به تکمیل گالری جلسه قبل پرداخته و نکاتی را پیرامون float مطرح می کنیم و مشکلات احتمالی در آینده را بر طرف می کنیم.

در جلسه چهلم:

به پراپرتی و خاصیت border-radius که از پراپرتی های css3 است می پردازیم و  تمام حالت ها و value هاي آن را معرفي مي کنيم و نشان مي دهيم که به راحتي با استفاده از اين خاصيت مي توان يک دايره را ايجاد کرد.

در جلسه چهل و یکم:

به پراپرتی و خاصیت border-image که از پراپرتی های css3 است می پردازیم و تمام حالت ها و value هاي آن را معرفي مي کنيم و با استفاده از عکس يک border را به زيبايي ايجاد مي کنيم.

در جلسه چهل و دوم:

به پراپرتی و خاصیت box-shadow که از پراپرتی های مهم و پرکاربرد css3 است می پردازیم و تمام حالت ها و value هاي آن را معرفي مي کنيم و مشاهده مي کنيد که چه قدر اين پراپرتي ما را از فتوشاپ و فلش بي نياز کرده است.

 

در جلسه چهل و سوم :

به ساختار اصلي css يعني مفهوم cascade به معني آبشاري مي پردازيم و اولويت هاي متفاوت را بررسي مي کنيم تا با کاربرد آن اشنا شويد.اطلاع از اين مطلب تاثيري زيادي در کد نويسي شما دارد.

در جلسه چهل و چهارم :

به ساختار specificity در css مي پردازيم که حالت ديگري براي اولويت اعمال استايل هاي يکسان با مقادير مختلف مي باشد. در اين ساختار ما بررسي مي کنيم که اولويت کدام سلکتور در هنگام انتخاب يک عنصر بيشتر است.اين مبحث از مباحث مهم و کاربردي css مي باشد.

در جلسه چهل و پنجم:

به ادامه مباحث اولويت در css مي پردازيم و در مورد بالاترين اولويت يعني important! صحبت ميکنيم و در ادامه در مورد ارث بري در css صحبت مي کنيم.

 

در جلسه چهل و ششم :

به يکي از پراپرتي هاي مهم در css يعني position مي پردازيم که کاربرد زيادي دارد. انواع value هاي آن که absolute,static,fixed,relative مي باشد را برسي مي کنيم و نکات مربوط به آن ها را بيان مي کنيم و سپس با پراپرتی های top,bottom,left,right که پرارپتی هایی هستند که مستقیما با position در ارتباط هستند آشنا می شویم و در آخر تفاوت absolute و fixed را مطرح مي کنيم.

 

سلام در جلسه چهل و هفتم:

در مورد overlap صحبت مي کنيم و با استفاده از پراپرتي z-index اين مسئله را کنترل مي کنيم و نکاتي را در مورد z-index هاي يکسان مطرح مي کنيم.

در جلسه چهل و هشتم:

با استفاده از دانسته های مان به طراحي يک تب منو (tab menus) مي پردازيم و علاوه بر مرور مباحث گذشته نکاتي را در مورد دابل بردر(double border) بيان مي کنيم و ياد مي گيريم که چه طور با مشکلات در css رو به رو شويم و آن ها را بر طرف کنیم.

tab menus

در جلسه چهل و نهم :

يک تولتیپ (tooltip) را فقط با استفاده از css و دانسته هاي مان طراحي مي کنيم و به تکنيکي در مورد ايحاد يک مثلث در css مي پردازيم و پراپرتي content و کلاس کاذب after را مختصر بيان مي کنيم.

tooltip

در جلسه پنجاهم:

يک پاپ آپ (popup) را فقط با استفاده از css و دانسته هاي مان طراحي مي کنيم و ضمن معرفی سلکتور جدید + ، به مرور تمام حالت های position برای یادگیری عمیق تر می پردازیم و علامت ضبدر در html را بیان می کنیم.

popup

در جلسه پنجاه و یکم:

به بررسي يکي از جالب ترين پراپرتي هاي css3 يعني گرادينت ميريم (gradient) و حالت خطي (linear-gradient) آن را برسي مي کنيم و آن را هم به صورت چند رنگ و هم به صورت شفاف به روشن به کمک دستور rgba ايجاد مي کنيم.

 

در جلسه پنجاه و دوم :

ه ادامه مبحث گرادينت پرداخته و حالت دوم آن يعني radial-gradient را به صورت کامل بيان مي کنيم.سپس اختلاف بين syntax عمومي و syntax با پيشوند را بیان مي کنيم و تمام کلمات کليدي چه در حالت عمومي و چه در حالت با پيشوند را مطرح مي کنيم .انواع مقياس دهي براي مرکز گرادينت را بيان کرده و حالت دایره و بيضي آن را بررسي مي کنيم.سپس به سراغ يک حالت قديمي و خاص در هسته webkit رفته و تمام حالت ها را بررسي مي کنيم و اختلافات موجود را بيان مي کنيم.

 

در جلسه پنجاه و سوم:

به طور مفصل در رابطه با چند مرورگري (cross browser) صحبت مي کنيم و اینکه چطور يک سايت را با چندين مرورگر سازگار کنيم و در ادامه راهکاري را معرفي مي کنيم تا حالت هاي مختلف Ie یا internet explorer را شبيه سازي کنيم.

در جلسه پنجاه و چهارم:

به يکي از تکنيک ها در css يعني css sprite مي پردازيم و معایب و مزاياي اين تکنيک را بررسي مي کنيم و سپس منوي عمودي که قبلا طراحي کرده ايم را با استفاده از اين تکنيک اصلاح مي کنيم.

 

در جلسه پنجاه و پنجم :

به استايل دهي براي ورژن هاي مختلف ie مي پردازيم تا در صورت بروز مشکل بتوانيم براي ورژن های خاصي از ie استايل دهي را انجام دهيم و در اين رابطه پراپرتي هاي مختلفي را معرفي مي کنيم.

 

در جلسه پنجاه و ششم:

با استفاده از مطالبي که آموختيم يک vertical tab menu را طراحي مي کنيم و مشکلات و مسائل مربوط به اين منو را بررسي مي کنيم.

 

vertical tab menu

در جلسه پنجاه و هفتم:

همچنان مباحث css3 را ادامه مي دهيم و به سراغ backgorund ها در css3 مي رويم.ابتدا multiple backgrounds ها را معرفي مي کنيم و مثالي را در اين رابطه پياده سازي مي کنيم.سپس به سراغ پراپرتي جديد background-size مي رويم.پراپرتي که يکي از نياز هاي ما به فتوشاپ يعني تغيير سايز تصاوير را برطرف کرده است.تمام نکات مربوط به آن را مطرح مي کنيم و سپس به سراغ ۲ پراپرتي مهم background-clip و background-origin مي رويم.اشتباهات رايجي که در اين ۲ پراپرتي وجود دارد را مطرح مي کنيم و به طور کامل کاربرد اين ۲ پراپرتي را مي گوييم.

multiple backgrounds

در جلسه پنجاه و هشتم:

به يکي از پراپرتي هاي جالب css3 يعني transition ها مي پردازيم در مورد transition-duration,transition-delay,transition-property صحبت مي کنيم و به طور مفصل به transition-timing-function مي پردازيم و انواع آن را بررسي مي کنيم و تفاوت step-start و step-end را مطرح مي کنيم و سايتي را براي ايجاد transition هاي زيبا معرفي مي کنيم و در پايان مثالي ساده را به کمک آن پياده سازي مي کنيم.

 

در جلسه پنجاه و نهم:

با استفاده از مطالبي که آموختيم يک منوي کشويي (dropdown menu) از نوع افقي را طراحي مي کنيم و به صورت گام به گام پيش مي رويم تا با نحوه ايجاد اين منو آشنا شويد و با بکارگيري transition در اين مثال تاثير اين پراپرتي براي شما به طور کامل آشکار خواهد شد. اين منو از جمله منو هاي دشوار هست چون ترکيب دو منو عمودي و افقي مي باشد تا منو کشويي حاصل شود.

dropdown menu

در جلسه شصتم :

يک منو کشويي (drop down menu) از نوع عمودي (vertical) را طراحي مي کنيم تا شما با دو حالت اين نوع منو آشنا شويد و تسلطتان افزايش يابد.

vertical dropdown menu

در جلسه شصت و یکم:

به يکي ديگر از مباحث جذاب css3 يعني transform ها مي پردازيم و تمام تابع هاي مرتبط به آن را در حالت ۲ بعدي (۲d) يعني

translate
,translatex
translateY
scale
scalex
scaleY
rotate
skew
skewx
skewY
matrix

مي پردازيم و نکات مربوط به value هاي اين توابع را نيز مطرح مي کنيم و در پايان سايتي را براي استفاده از تابع matrix معرفي مي کنيم.

 

در جلسه شصت و دوم:

به ادامه transform ها در css3 مي پردازيم و حالت ۳d آن را یعنی

translate3d
translateZ
scale3d
scaleZ
rotate3d
rotateX
rotateY
rotateZ

به طور مفصل بيان مي کنيم و رايج ترين اشتباهاتي که در زمينه پراپرتي perspective و تابع perspective وجود دارد را بيان مي کنيم و به تفاوت اين دو مي پردازيم و در نهايت در رابطه به تعريف perspective صحبت مي کنيم و حالتي را براي شبيه سازي scalez ايجاد مي کنيم.

 

در جلسه شصت و سوم:

در رابطه با نحوه نمايش به صورت جدولي صحبت مي کنيم به صورتي که از تگ هاي جدول استفاده نکنيم اما عناصرمان به شکل جدول نمايش داده شود و در اين رابطه مقادير جديدي را براي display مطرح مي کنيم يعني
display:table
display:table-row
display:table-cell
display:table-column
و مزاياي استفاده از اين مقادير را مي گوييم.

 

در جلسه شصت و چهارم:

به (compress css) فشرده سازي در css مي پردازيم و نکاتي را در اين رابطه مطرح مي کنيم تا باعث صرفه جويي در پهناي باند و افزايش سرعت لود شود و معايب اسفاده از فشرده سازي را بيان مي کنيم و در نهايت سايت هايي را براي فشرده سازي مطرح مي کنيم.

 

در جلسه شصت و پنج:

ابتدا در رابطه با استايل دهي متون select شده توسط موس صحبت مي کنيم و با استفاده از سلکتور :selection متون انتخاب شده را استايل مي دهيم سپس به سراغ کلاس هاي کاذب after و before ميرويم و پراپرتي content را توضيح مي دهيم و مثال هايي را براي کاربرد اين کلاس بيان مي کنيم و و در پايان تکنيک حرفه اي clearfix را توضيح مي دهيم.

 

در جلسه شصت و ششم:

در رابطه با يکي ديگر از پراپرتي هاي جالب css3 يعني animation ها صحبت مي کنيم و تمام مقادير آن را بیان مي کنيم و در رابطه با ۲تا پراپرتي transform-style و perspective-origin صحبت مي کنيم.

 

در جلسه شصت و هفتم:

ه ادامه مباث css3 مي پردازيم  و multiple columns يا چند ستوني را توضيح مي دهيم و در همين رابطه پراپرتي هاي
column-count
column-width
column-gap
column-rule
column-span
را مطرح مي کنيم و چند ستون را با استفاده از اين پراپرتي ها ايجاد مي کنيم تا تاثير آن در سرعت کار ما آشکار شود و در پايان پراپرتي هاي
resize
outline-offset
box-sizing
که از پرارپتي هاي css3 و براي UI سايت مي باشد را شرح مي دهيم.

 

در جلسه شصت و هشت :

به (selectors) سلکتور هاي باقي مانده در css مي پردازيم تا مباحث ما در سلکتور ها کامل شود و در همين رابطه چند سلکتور که نسبت به سلکتور هاي قبلي کاربرد کمتري را دارد مطرح مي کنيم از جمله سلکتور
+
~
>
first-line
first-letter
و يک سري attribute selector

 

در جلسه شصت و نهم:

به پراپرتي filter مي پردازيم که همچنان در css حتي نسخه سوم آن معرفي نشده است و با قدرت اين پراپرتي که از پراپرتي هاي آينده مي باشد آشنا مي شويم و مشاهده مي کنيم که به چه مقدار زيادي در اختيار ما فيلتر قرار مي دهد و ما را از فوتوشاپ بي نياز مي کند.
توابع مطرح شده در این قسمت:
grayscale
sepia
saturate
hue-rotate
invert
opacity
brightness
contrast
blur
drop-shadow
url

filter

در جلسه آخر:

ه یکی از مهم ترین مباحث css3 یعنی Media Querie ها می پردازیم که ارتباط مستقیم با مبحث Responsive دارند.مطالبی را در رابطه با ریسپانسیو بیان می کنیم و سپس یه سراغ media type ها و media feature ها می رویم و تمام حالت های مهم آن را بررسی می کنیم و عملگر های منطقی آن را توضیح می دهیم و درنهایت نکاتی را در رابطه با ابزار موجد در طراحی Responsive در مرورگر کروم می گوییم.

بدين ترتيب اين دوره به پايان رسید و اميدواريم که مطالب ارائه شده در اين دوره مورد توجه کاربران قرار گرفته باشد و  باز هم بتوانيم با دوره هاي آموزشي بهتر و با کيفيت تر در خدمت کاربران عزیز باشيم.

 

   دانلود

درباره ی مدیر-محسن پور

من مهیار محسن پور هستم. علاقه شدیدی به طراحی وب مخصوصا به کد نویسی سمت سرور دارم . به زبان های html,css,javascript,jquery,php تسلط دارم. 6 ساله برنامه نویسی می کنم و شروع برنامه نویسیم هم با اسمبلی بوده. به برنامه سازی سیستم علاقه خاصی دارم چون حس میکنم درک بالایی از کامپیوتر به انسان میده. با زبان #C اشنایی دارم و برای یک پروژه دانشگاهی با این زبان قدرتمند بازی طراحی کردم. برای گوشی های دارای سیستم عامل اندروید برنامه طراحی کردم و تا حدودی با برنامه نویسی اندروید هم اشنا هستم. تو حوزه IT و امنیت مدت کوتاهی فعالیت کردم و به نسبت با شبکه اشنا هستم.

79 دیدگاه

  1. ف
    فردين - رتبه بر اساس تعداد نظرات : خواننده

    سلام خدمت شما
    ابتدا ممنون از زحمات شما.
    اين آموزش كه قرار روي وب سايت بگذاريد با آموزش قبلي كه تا قسمت ٧٠ گذاشتيد تفاوت دارد؟

  2. M
    MohammadGrand - رتبه بر اساس تعداد نظرات : خواننده

    slm
    man dar be dar donbale amozesh migashtam ke bad az chand saat web gardi site shomaro didam,khastam begam chejori jobran konam.ali tarin amozeshi bod ke dide bodam,mamnon

  3. m
    mohammmad - رتبه بر اساس تعداد نظرات : خواننده

    ********************** فوری *******************************
    سلام
    ببخشید می خواستم بدونم با چه نرم افزاری این فیلم ها رو پر کررید منظورم اینه که چه نرم افزار طراحی وب سایتی هستش یعنی اسمش چیه؟؟ لطفا سریع تر بگید من برم دانلودش کنم.
    ممنون از آموزشتون

  4. ه
    هادی - رتبه بر اساس تعداد نظرات : خواننده

    سلام با تشکر از آموزش های خوبتون واقعا عالی هستید
    میخواستم یه دوره طراحی قالب سایت رسپانسیو را با css3 قرار بدید در مورد هزینه هم مشکلی نیست
    بازم ممنون

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      سلام
      با css3 قرار داده نشده چون خواستم از ابزار قوی تری در این رابطه استفاده کنم
      برای همین با بوت استرپ به طور کامل آموزش داده شده

  5. م
    مصطفی - رتبه بر اساس تعداد نظرات : خواننده

    سلام …خدا خیرت بده بهترین آموزش css بود که تا حالا دیدم… امیدوارم این آموزشو رها نکنید… آیا آموزش های دیگه ای مثل ساختن انواع منوها و … نیز در آینده ایجاد خواهد شد یا اینکه کلا مبحث css را بستید؟

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

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

  6. A
    AliReza - رتبه بر اساس تعداد نظرات : خواننده

    سلام . خسته نباشید .
    یه سوال داشتم من سر فصل هارو که نگاه کردم آموزش ساخت SlideShow رو ندیدم
    سوالم اینه امکانش هست که با css بشه SlideShow ساخت ؟
    اگه امکانش هست ممنون میشه آموزش اون رو هم بزارید .
    تشکر از آموزش عالی تون.

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      سلام
      بله امکانش تو css3 فراهم شده
      بسیار ساده هست
      طبیعتا نمیشه همه چیز رو آموزش داد
      من اصول رو کامل آموزش دادم
      نه تمام چیز هایی که با css میشه طراحی کرد
      شما صرفا از transition و transform استفاده کنید یک slideshow ساده ایجاد کردید

  7. m
    mansoureh - رتبه بر اساس تعداد نظرات : خواننده

    درود بر شما استاد مهیار محسن پور با سپاس از زحمات بی دریغ شما

    استاد میخواستم یه خواهشی داشته باشم از شما .امکان داره یه بخشی رو به اموزش اضافه کنید تحتت عنوان ترفند های css3 وچندتا از ترفندهای css3 رو اموزش بدین؟مثل همین افکت هایی که شما روی سایت خودتون قرار دادین

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      سلام
      متشکرم از شما
      تقریبا ترفند هاشم گفتم
      چیز هایی که شما می بینید صد در صد css نیست
      زبان های دیگه هم هست

  8. m
    mansoureh - رتبه بر اساس تعداد نظرات : خواننده

    درست میفرمائید.اما من خواهشم این بود که چند نمونه از ترفندهای animiation.transition.transform رو انجام بدیم که تسلط بیشتری پیدا کنیم.

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      چشم
      اما در حال حاضر نمی تونم قولی بدم چون مدتیه که حتی وقت نکردم دوره هایی که شروع کردم رو به پایان برسونم و اولویتم پایان رسوندن اون دوره هاست

  9. m
    mansoureh - رتبه بر اساس تعداد نظرات : خواننده

    لطف میکنید خیلی ممنونم.

  10. s
    saeed - رتبه بر اساس تعداد نظرات : خواننده

    سلام لینک های دانلود کار نمی کنه
    not found میده.

  11. ی
    یوسف رستمی - رتبه بر اساس تعداد نظرات : خواننده

    سلام
    حجم این ۷۰ قسمت چقدر هست
    ممنون

  12. m
    mh - رتبه بر اساس تعداد نظرات : خواننده

    با سلام و تشکر از شما
    از بین آموزش css و css3 کدام را دانلود کنم بهتر هست؟

  13. m
    mh - رتبه بر اساس تعداد نظرات : خواننده

    با سلام مجدد
    الآن که دقت می کنم انگار این آموزشتان همون آموزش css3 هست (توضیحی که برای هر قسمت داده اید همان هست) .درسته؟
    من می تونم با phpDesigner 8 کار کنم؟من این نرم افزار رو نصب دارم .

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      این آموزش تمام مباحث css3 2 1 رو شامل می شود
      اگر به css مسلط هستید فقط مباحث css3 رو دانلود کنید در غیر این صورت کل آموزش
      بله می تونید

  14. m
    mh - رتبه بر اساس تعداد نظرات : خواننده

    خیلی متشکرم

  15. ا
    امیر - رتبه بر اساس تعداد نظرات : خواننده

    خدایی کم پیش میاد من از یکی تعریف کنم

    ولی باید بگم فرا تر از تعریفای مایی.

    کارت درسته رفیق امیدوارم همیشه موفق باشی

    خیلی استفاده کردم از این اموزشه قشنگت
    ممنون.

  16. ف
    فرزانه - رتبه بر اساس تعداد نظرات : خواننده

    سلام اقای محسن پور فیلماتون خیلی عالی و جامع هستن ما استادمون برای یادگیری کامل css فیلمای شمارو پیشنهاد دادن که خیلی جامع بود ممنون

  17. a
    aslan - رتبه بر اساس تعداد نظرات : خواننده

    باتشكر از شما اقاي محسن پور انشاءالله كه هميشه سرحال وسرزنده دررسيدن به اهدافت باشي ممنون از اين لطفي كه كرده اي

  18. م
    منصوره - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

    درود بر شما استاد

    استاد چرا یه مدت مثل قبل اموزش نمیذارین؟

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      سلام
      متسفانه درگیره مسائل کاری هستم سعی می کنم تا بهمن یا اوایل بهمن آموزش هارو تکمیل و دوره های جدید رو قرار بدم

  19. م
    منصوره - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

    سپاس گذار استاد
    اموزش های جدید شامل جی کوئری هم میشه؟

  20. م
    محمد - رتبه بر اساس تعداد نظرات : خواننده

    سلام

    بابت آموزش های عالیتون ازتون ممنونم .

    آموزشی برای اچ تی ام ال دارین شما نسخه ۵ اچ تی ام ال رو آموزش دادین ولی آوزشی از اچ تی ام ال ۱ نذاشتین ؟

    بازم بابت آموزش های فوق العاده تون درباره سی اس اس ازتون تشکر میکنم .

  21. آ
    آرمان - رتبه بر اساس تعداد نظرات : خواننده

    سلام
    من آموزش های HTML و CSS رو دارم بطور همزمان میبینم.
    بعد میتونم مسقیم برم سراغ بوت استرپ؟

  22. م
    مهدی توتی - رتبه بر اساس تعداد نظرات : خواننده

    استاد خدا پدر مادرتا بیامرزه

  23. K
    Koorosh Kakaei - رتبه بر اساس تعداد نظرات : خواننده

    فقط خواستم تشکر کنم
    کامل ترین آموزش CSS به زبان فارسی هبود که دیدم
    خدا قوت

  24. a
    a.a - رتبه بر اساس تعداد نظرات : خواننده

    سلام خسته نباشی
    مهندس این محیطی که شما کدها رو داخلش مینویسی و اجرا میکنی چیه(نام نرم افزار و لینک دانلودش)؟
    تشکر

  25. A
    A - رتبه بر اساس تعداد نظرات : خواننده

    سلام لینک دانلود خرابه، لطفا درستش کنید.ممنون.

  26. م
    مسنوی معنوی - رتبه بر اساس تعداد نظرات : خواننده

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

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      سلام
      دوست عزیز اول باید عرص کنم این آموزش بوت استرپ هست و نه css و نه js
      در هر صورت بنده فقط در این حد عرض کنم که css کامپایلر نداره و زبان interpreter ای هستش
      پس منظور شما از کامپایلر css رو متوجه نشدم
      اما بنده این ها رو در مباحث مربوطه تدریس کردم
      و اینکه خوش حال میشم رفرنس حرفتون در رابطه با js رو به من ارائه بدید تا به دانش بنده هم این مطلب اضافه بشه که js از کجا اومده
      در غیر این صورت بنده میتونم به شما ارائه بدم که js از کجا امده
      و در رابطه با ناقص بودن اموزش
      من تمام مطالب موجود در سایت مرجع رو تدریس کردم
      پس ناقص بودن شما یعنی سایت اصلی ناقص مباحث رو مطرح کرده که اینم منطقی نیست

  27. u
    usof - رتبه بر اساس تعداد نظرات : خواننده

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

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

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

  28. ب
    برنامه نویس - رتبه بر اساس تعداد نظرات : خواننده

    با سلام. من از آموزش های css استفاده کردم. بسیار بسیار عالی و مفید است. ممنون از شما. خدا قوت

  29. b
    bhm b92 - رتبه بر اساس تعداد نظرات : خواننده

    salam
    vaghean mamnoon babate zahmate shoma baraye dore haye html va css
    be omide movafaghiate roozafzoone shoma
    bagheri

  30. س
    سعید - رتبه بر اساس تعداد نظرات : خواننده

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

  31. س
    سعید - رتبه بر اساس تعداد نظرات : خواننده

    سلام
    ممنون مشکل حل شد اشکال از IDM من بود

  32. آ
    آموزش زبان - رتبه بر اساس تعداد نظرات : خواننده

    باسلام
    ممنوم از پست خوبتون.

  33. م
    محسن - رتبه بر اساس تعداد نظرات : خواننده

    ضمن خسته نباشید خدمت جناب محسن پور عزیز، به اطلاع دوستانی که با دانلود فایلها مشکل دارن برسونم که روی لینک باید کلیک راست بکنید و در صفحه ای که باز میشه هفتاد تا لینک وجود داره روی هر لینکی باید خط کشیده تا به رنگ آبی در بیاد و گزینه Go to http رو بزنید تا بتونید دانلود بکنید.
    تشکر

  34. م
    محسن - رتبه بر اساس تعداد نظرات : خواننده

    بنده از طریق وبسایت کافه برنامه نویس با سایت شما آشنا شدم و از طریق این وبسایت آموزش کامل سی اس اس شما رو دانلود کردم، خواستم از این طریق از شما تشکر کنم.

  35. م
    محمد - رتبه بر اساس تعداد نظرات : خواننده

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

  36. م
    محمد - رتبه بر اساس تعداد نظرات : خواننده

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

  37. ر
    رامین - رتبه بر اساس تعداد نظرات : خواننده

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

  38. ح
    حامد - رتبه بر اساس تعداد نظرات : خواننده

    ببخشید میشه لینک جلسه یک رو برام بذارید

  39. s
    sani - رتبه بر اساس تعداد نظرات : خواننده

    عالی بود مرررررررررررررررررررررررررررررسی

  40. م
    محمدرضا - رتبه بر اساس تعداد نظرات : خواننده

    سلام. میخواستم خدمتتون عرض کنم لینک آموزش ها مشکل دارند. من هیچ کدوم رو نتونستم دانلود کنم.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *