چه دوره ای می خواهید یاد بگیرید؟

آینده خود را با دوره های آموزشی دانشجویار تضمین کنید

۵۷۱۶ ساعت فیلم تدریس شده است

بیش از ۵۰ هزار دانشجو

بیش از ۳۰۰ مدرس

صفحه نخست
رشته کامپیوتر
برنامه نویسی وب
آموزش CSS
Css رو قورت بده (فصل اول)
۲۸ نظر
بازدید : 7,217 بازدید
Css رو قورت بده (فصل اول)

در این مجموعه شما تمام css  را با ریزترین جزئیات یاد میگیرید.

خب دیگه چی میخوای!!!!!

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

اما چی می تونه از این خوشحال کننده تر باشه که دیگه میتونی خیلی راحت یه طراح حرفه ای بشی

بله دانشجویار تصمیم گرفته که کل این دوره که انصافا کامل ترین دوره 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 می پردازیم.

مطلب مفیدی برای شما بود ؟؟ پس به اشتراک بگذارید برای دوستانتان

دریافت کنید

  •   لینک :   براي دانلود روي تصوير مقابل کليک کنيد »
در صورتی که توضیحات نوشته، دموی آموزش و لینک های ارزیابی پاسخگوی سوالات شما در مورد این دوره آموزشی نمی باشد و نیاز به مشاوره بیشتری دارید لطفا این فرم را تکمیل کرده و در ساعات اداری منتظر تماس همکاران ما باشید.
  • *
  • *
  • *
  • *
  • در صورتی که توضیحات نوشته، دموی آموزش و لینک های ارزیابی پاسخگوی سوالات شما در مورد این دوره آموزشی نمی باشد و نیاز به مشاوره بیشتری دارید لطفا این فرم را تکمیل کرده و در ساعات اداری منتظر تماس همکاران ما باشید.

    پیام شما با موفقیت ثبت شد. در اولین فرصت با شما تماس گرفته خواهد شد.

    نظرات کاربران

    ۲۸
    • حسین استانستی
      یکشنبه ۱۷ بهمن ۱۳۹۵ - ۲۰:۳۷

      عالی بود
      ممنون

    • jadidi
      سه شنبه ۱۶ آذر ۱۳۹۵ - ۰۰:۵۹

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

      • مدیر رادفر
        سه شنبه ۱۶ آذر ۱۳۹۵ - ۰۸:۵۲

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

    • sara
      یکشنبه ۱۴ آذر ۱۳۹۵ - ۰۸:۵۲

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

      • مدیر-رادفر
        یکشنبه ۱۴ آذر ۱۳۹۵ - ۱۰:۵۳

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

    • hamid
      دوشنبه ۸ شهریور ۱۳۹۵ - ۱۱:۲۳

      تشکر بابت آموزش های کاملتون

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

    • 77astane
      شنبه ۸ خرداد ۱۳۹۵ - ۰۳:۰۷

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

    • نرگس
      چهارشنبه ۱۰ تیر ۱۳۹۴ - ۱۰:۴۳

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

    • حسین
      جمعه ۲۸ فروردین ۱۳۹۴ - ۱۲:۱۶

      میشه لینک دانلود مثال ها رو بدی؟

      • مدرس محسن پور
        جمعه ۲۸ فروردین ۱۳۹۴ - ۱۲:۳۵

        مثال هایی که برای text زدم منظورتونه؟؟؟؟

        • امید
          سه شنبه ۶ مرداد ۱۳۹۴ - ۱۱:۲۴

          بله استاد

    • saravipvip
      یکشنبه ۲۳ فروردین ۱۳۹۴ - ۱۲:۳۵

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

    • sina
      چهارشنبه ۱۹ فروردین ۱۳۹۴ - ۱۳:۲۳

      اموزش هایی که گذاشتین فوق العادست

      • مدرس محسن پور
        چهارشنبه ۱۹ فروردین ۱۳۹۴ - ۱۸:۰۲

        متشکرم از شما

    • nima
      سه شنبه ۱۸ فروردین ۱۳۹۴ - ۲۱:۰۱

      استاد ادامه داره ؟ و طراحی قالب با html ,css کار کردید ؟

      • مدرس محسن پور
        سه شنبه ۱۸ فروردین ۱۳۹۴ - ۲۳:۵۳

        سلام
        بله ادامه داره
        در این دوره صرفا مباحث تئوری مطرح می شه تا با زبان css به طور کامل اشنا بشید

    • منتظر
      سه شنبه ۱۸ فروردین ۱۳۹۴ - ۱۷:۴۸

      سلام چرا لینک دانلود مشکل داره؟

      • هادی نیا
        سه شنبه ۱۸ فروردین ۱۳۹۴ - ۱۷:۵۳

        سلام
        لینک ها چک شدن.مشکلی نداشت.

    • Nima
      دوشنبه ۱۷ فروردین ۱۳۹۴ - ۲۳:۵۴

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

    • 021
      دوشنبه ۱۷ فروردین ۱۳۹۴ - ۲۳:۳۰

      سلام
      ممنون بابت اموزش فوق العادتون
      من خودم تو سایتای ایرانی اموزش css3 اونم با این کیفیت ندیدم
      تنکیو

    • مهدی احمدی
      دوشنبه ۱۷ فروردین ۱۳۹۴ - ۱۷:۵۸

      آموزش هاتون فوق العاده است استاد :D

      لطفا ادامه بدید

      • مدرس محسن پور
        دوشنبه ۱۷ فروردین ۱۳۹۴ - ۱۹:۴۶

        حتما
        متشکرم

    • دکتر ممد
      دوشنبه ۱۷ فروردین ۱۳۹۴ - ۱۶:۲۷

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

      • مدرس محسن پور
        دوشنبه ۱۷ فروردین ۱۳۹۴ - ۱۷:۴۳

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

    • علی
      دوشنبه ۱۷ فروردین ۱۳۹۴ - ۱۵:۱۰

      سلام
      خیلی ممنون و تشکر از زحمات شما-مفید بود

      • مدرس محسن پور
        دوشنبه ۱۷ فروردین ۱۳۹۴ - ۱۶:۲۳

        خواهش می کنم

      • مدرس محسن پور
        دوشنبه ۱۷ فروردین ۱۳۹۴ - ۱۶:۲۶

        سلام
        مرسی
        با ما همراه باشید….

    • آیت
      دوشنبه ۱۷ فروردین ۱۳۹۴ - ۰۷:۱۴

      ممنون از لطف شما استاد عزیز و تیم خوب دانشجویار

    دوره های آنلاین دانشجویار

    دسته بندی

    تحصیلات تکمیلی

    رشته الکترونیک

    رشته کامپیوتر

    سایر دسته های دانشجویار

    سایر نرم افزارها

    کلاس آنلاین

    مدرسین

    تعداد دوره
    بر اساس امتیاز
    حروف الفبا
    • کد تخفیف :

      goldpack

      ویژه خرید پکیج طلایی (C#,ASP,PHP,Android,Network)
      60 درصد تخفیف

    مطالب سایت بر اساس

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