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

دوره مجازی طراحی وب (جلسه 11): ویژگی های CSS - قسمت اول

23 10722 ۹ بهمن ۹۳
در جلسه قبل انواع سلکتورهایی که در زبان CSS وجود داره رو به شما معرفی کردیم. امروز می خوایم ویژگی های CSS رو که می تونید استفاده کنید به شما آموزش بدیم. در ابتدای این جلسه به نکته های مهمی اشاره می کنیم که پیشنهاد میشه حتما اونها رو به خاطر داشته باشید.   عموم مباحثی که در این جلسه مطرح میشه عبارتند از :
  • ذکر روند تدریس ویژگی های CSS
  • ویژگی های پیشونددار مرورگرهای خاص
  • پیشوند -moz- و مرورگر موزیلا فایرفاکس
  • پیشوند -ms- و اینترنت اکسپلورر
  • پیشوند -o- و مرورگر اپرا
  • پیشوند -webkit- برای کروم و سافاری
  • ذکر معایب و مزایای استفاده از ویژگی های پیشوند دار در کنار ویژگی های استاندارد CSS3
  • معرفی کیورد initial و کاربردهای آن
  • معرفی کیورد inherit و کاربردهای آن
  • معرفی کیورد none و کاربردهای آن
  • معرفی کیورد auto و کاربردهای آن
  • معرفی کیورد !important و کاربردهای آن
  • معرفی box model در html و css
  • تفاوت border, padding و margin
  • آموزش ویژگی های مختلف زبان CSS
  • ویژگی color و کاربردهای آن
  • ویژگی opacity و کاربردهای آن
  • ویژگی background و کاربردهای آن
  • ویژگی background-attachment و کاربردهای آن
  • ویژگی background-color و کاربردهای آن
  • ویژگی background-image و کاربردهای آن
  • ویژگی background-position و کاربردهای آن
  • ویژگی background-repeat و کاربردهای آن
  • ویژگی background-clip و کاربردهای آن
  • ویژگی background-origin و کاربردهای آن
  • ویژگی background-size و کاربردهای آن
  • ذکر نکات مهم در مورد نحوه طراحی و انتخاب درست پس زمینه
  •  بحث تقارن پس زمینه و یکپارچه سازی پس زمینه نهایی با تکرار تصویر کوچک
این مطلب یک جلسه از کاملترین و کاربردی ترین پکیج و دوره آموزش طراحی وب است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : به جای صرف هزینه های چند صد هزارتومانی برای یادگیری طراحی وب ، تنها با 30% هزینه ی کلاس های حضوری، دوره ی کامل و حرفه ای آموزش طراحی وب را برای شما عزیزان برگزار کرده ایم. در این دوره مفاهیم اساسی و پایه ای طراحی وب مطرح خواهد شد و زبان های HTML5 و CSS3 با جزئیات کامل و به صورت کاملا عملی و کاربردی تدریس می شود. وجه تمایز و مزیت این دوره نسبت به دوره های مشابه، کاربردی بودن آن است. در این دوره مواردی مانند آموزش طراحی قالب متناسب با سئو، آموزش طراحی وب واکنشگرا (Responsive)، آموزش تبدیل قالب فتوشاپی به صفحه وب، آموزش ترجمه و فارسی سازی قالب های خارجی، آموزش طراحی قالب برای سیستم های وبلاگدهی (بلاگفا و میهن بلاگ) به صورت کاملا عملی، از پایه تا پیشرفته توسط مدرسی با تجربه 10 ساله طراحی وب و دانشجوی دکترای نرم افزار برای شما به صورت کاملا اصولی و عملی تدریس می شود. شما برای این حجم مطالب آموزشی فقط یک سوم کلاس های حضوری هزینه می کنید! ما رضایت شما را تضمین خواهیم کرد ...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

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

  • ‏‏

    استاد من اون نقطه رو گرفتم
    حواسم نبود اون کلاس هست که نقطه گرفته 😐
    چون به ul چسبیده بود فکر کردم ی چیز دیگه هس 🙂

  • ‏‏

    سلام ی مجدد 😛
    مشورت :
    استاد مشکلی نیست از این جلسه به بعد یه جلسه ‌js یه جلسه php و یه جلسه html,css یاد بگیرم ؟؟؟
    پیشناهادتون در رابطه با این برنامه ریزی چیه ؟؟؟؟
    توی جلسه اول js گفتین پیشنیازش html css هستش که html تموم شد و start سی اس اس رو هم ک امروز زدیم
    و توی جلسه php هم ک گفتین اصا پیشنیاز خاصی نداره ققط html , css بلد باشیم بهتر میتونیم خروجی بگیریم
    نظرتون چیه یه جلسه وب ببینم و یادبگیرم و یه جلسه جاوااسکریپت و یه جلسم پی اچ پی 😆 😎 😎 😎 😎 😀 😀 😀 😉 😉 😉 😉 😉 😉

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

      ترجیحا حداکثر 2 مورد رو دنبال کنید که تمرکزتون به هم نخوره. اول html,css و js رو یاد بگیرید و بعد برید سراغ php

  • ‏‏
    وحید صف آرا(۱۹ اردیبهشت ۱۳۹۶)

    با سلام و خسته نباشید دوباره خدمت استاد
    من کلا آدم کنجکاویم ببخشید زیاد سوال میپرسم 😀

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

    • ‏‏
      لقمان آوند(۲۰ اردیبهشت ۱۳۹۶)

      سلام
      لزوما اینطور نیست که فقط از پیشوندها به همراه ویژگی های css3 استفاده بشه. یکی از دلایلش اینه که اگر ساپورت نشه مشکلی بوجود نیاد در اون مرورگر.
      الان تقریبا همه مرورگرهای معروف در آخرین ورژن هاشون سودوالمنت هایی مثل ::selcetion رو همینجوری ساپورت می کنن به جز فایرفاکس. دلیل این رو در موزیلا واقعا نمی دونم . احتمالا سیاست خاصی دارن دیگه که ما بی خبریم 😉

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram