آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

دوره مجازی طراحی وب (جلسه 26): مباحث پیشرفته CSS - transition , animation ، sprites و ...

16 9749 ۱۹ فروردین ۹۴
در این جلسه از دوره آموزش طراحی وب خواهیم پرداخت به مباحث پیشرفته زبان CSS و موارد جالبی رو به شما خواهیم آموخت . ابتدا به معرفی لایه بندی های grid و flexbox خواهیم پرداخت. سپس ویژگی های transition، transform و animation ها در css رو آموزش میدیم و در انتها به  معرفی و استفاده از تکنیک css sprites خواهیم پرداخت . عموم مطالب ارائه شده در این جلسه عبارتند از :
  • معرفی سیستم لایه بندی grid در css3 و کاربردهای آن
  • معرفی سیستم لایه بندی felxboxدر css3 و کاربردهای آن
  • آموزش ایجاد شکل های مختلف (دایره، بیضی، مثلث و ...) با CSS
  • آموزش transition و ویژگی های مربوط به آن در CSS
  • آموزش transform و ویژگی های مربوط به آن در CSS
  • آموزش Animation و ویژگی های مربوط به آن در CSS
  • نحوه ایجاد انیمیشن در CSS و استفاده از آن
  • معرفی timing-function های معروف برای سرعت اجرای انیمیشن ها
  • معرفی تکنیک CSS Sprites و استفاده از آن
  • تشریح فواید ویژه استفاده از CSS Sprites
این مطلب یک جلسه از کاملترین و کاربردی ترین پکیج و دوره آموزش طراحی وب است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : به جای صرف هزینه های چند صد هزارتومانی برای یادگیری طراحی وب ، تنها با 30% هزینه ی کلاس های حضوری، دوره ی کامل و حرفه ای آموزش طراحی وب را برای شما عزیزان برگزار کرده ایم. در این دوره مفاهیم اساسی و پایه ای طراحی وب مطرح خواهد شد و زبان های HTML5 و CSS3 با جزئیات کامل و به صورت کاملا عملی و کاربردی تدریس می شود. وجه تمایز و مزیت این دوره نسبت به دوره های مشابه، کاربردی بودن آن است. در این دوره مواردی مانند آموزش طراحی قالب متناسب با سئو، آموزش طراحی وب واکنشگرا (Responsive)، آموزش تبدیل قالب فتوشاپی به صفحه وب، آموزش ترجمه و فارسی سازی قالب های خارجی، آموزش طراحی قالب برای سیستم های وبلاگدهی (بلاگفا و میهن بلاگ) به صورت کاملا عملی، از پایه تا پیشرفته توسط مدرسی با تجربه 10 ساله طراحی وب و دانشجوی دکترای نرم افزار برای شما به صورت کاملا اصولی و عملی تدریس می شود. شما برای این حجم مطالب آموزشی فقط یک سوم کلاس های حضوری هزینه می کنید! ما رضایت شما را تضمین خواهیم کرد ...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 16 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    علی یوسفی(۲۰ فروردین ۱۳۹۴)

    انشالله که بهتر باشن و شما و خانواده گرامی هم پایدار. کماکان منتظر دوره جی کوئری

  • ‏‏

    استاد دوره جاوا اسکریپت را سریعتر شروع کنین
    با تشکر فراوان

    • ‏‏
      لقمان آوند(۲۱ فروردین ۱۳۹۴)

      ایشالله آخر فروردین ثبت نامش رو شروع خواهیم کرد .

  • ‏‏

    سلام مهندس . دوره اندروید برگزار میکنید ؟

  • ‏‏

    انشاالله همیشه شاد و خندان و سلامت باشین

  • ‏‏
    محمدصدرا نجاتی(۲۱ فروردین ۱۳۹۴)

    استاد دوره سی شارپ چی شد ؟ کی شروع میشه ؟

    • ‏‏
      لقمان آوند(۲۲ فروردین ۱۳۹۴)

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

  • ‏‏

    جلسه بعدی رو کی قرار میدین ؟

    • ‏‏
      لقمان آوند(۲۵ فروردین ۱۳۹۴)

      سلام
      ایشالله امروز آخرین جلسه منتشر میشه
      ممنون از همراهیتون

  • ‏‏

    مهندس این اخرین جلسه است ؟

  • ‏‏
    محسن محمدرضاپورطبری(۱۳ دی ۱۳۹۵)

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

    • ‏‏
      لقمان آوند(۱۴ دی ۱۳۹۵)

      سلام
      از جناب علیمحمدی بپرسید

  • ‏‏

    سلام به استاد آوند عزیز
    استاد من می خوام از ویژگی transition استفاده کنم ،که چند تا مشکل دارم
    1-من توی مثال های که سرچ زدم اکثر ا روی hover یک تگ اعمال شده من میخوام وقتی صفحه اسکرول شد این خصوصیت اعمال بشه و میخوام بدونم چه حالتهای دیگه ای میتونیم استفاده کنیم
    2-وقتی به تگم کلاس میدم و روی کلاس از این ویژگی استفاده می کنم روی تگ موردنظراعمال نمیشه فقط زمانی که نام تگ را همراه نام کلاس می نویسم اعمال میشه مشکل از کجاست
    باتشکراز شما

    • ‏‏
      لقمان آوند(۱۴ خرداد ۱۳۹۶)

      سلام
      ویژگی transition لزوما و فقط برای حالت هاور نیست. این ویژگی تغیر حالت بین مقدار ویژگی های css رو با حالت زیبایی انجام میده.
      من توصیه می کنم css3 transition examples رو توی گوگل سرچ کنید و مثال های مختلف رو ببینید که کاربردش براتون جا بیفته در حالت های مختلف.
      مورد دومی رو که گفتید متوجه نشدم دقیقا …

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

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :