آموزش css از سیر تا پیاز

شروع موضوع توسط amoozesh-sara.i ‏6 آگوست 2015 در انجمن زبان HTML

کلمات کلیدی:
  1. amoozesh-sara.i

    amoozesh-sara.i Member

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

    دانلود


    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏26 آگوست 2015
  2. amoozesh-sara.i

    amoozesh-sara.i Member

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

    دانلود


    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏27 آگوست 2015
  3. amoozesh-sara.i

    amoozesh-sara.i Member

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


    دانلود

    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏28 آگوست 2015
  4. amoozesh-sara.i

    amoozesh-sara.i Member

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

    دانلود


    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏29 آگوست 2015
  5. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه بیست و دوم :
    به ادامه مبحث box model می شویم و پراپرتی border را معرفی کرده و به حالت shorthand آن پرداخته و انواع مقدار دهی آن را بررسی می کنیم.

    دانلود


    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏30 آگوست 2015
  6. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه بیست و سوم :
    به ادامه مبحث box model می پردازیم و پراپرتی margin را معرفی کرده و به حالت shorthand آن پرداخته و انواع مقدار دهی آن را بررسی می کنیم.

    دانلود


    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏31 آگوست 2015
  7. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه بیست و چهارم :
    به نحوه محاسبه ی box model می پردازیم و سپس وسط چین کردن متون را در راستای افقی و عمودی بررسی می کنیم..

    دانلود


    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏2 سپتامبر 2015
  8. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه بیست و پنجم :
    به نحوه وسط چین کردن عناصر و کاربرد آن در طراحی سایت می پردازیم و سپس یک منوی افقی ساده زیبا را با استفاده از آموخته های مان طراحی می کنیم.


    دانلود

    منبع آموزش
     
    نوشته شده توسط amoozesh-sara.i در ‏2 سپتامبر 2015
  9. amoozesh-sara.i

    amoozesh-sara.i Member

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

    دانلود


    منبع آموزش
     
    نوشته شده توسط amoozesh-sara.i در ‏3 سپتامبر 2015
  10. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه بیست و هفتم :
    با توجه به مطالبی که آموختید یک منو عمودی را با استفاده از css برای حالت های عادی و هاور طراحی می کنیم.

    دانلود


    منبع آموزش
     
    نوشته شده توسط amoozesh-sara.i در ‏4 سپتامبر 2015
  11. amoozesh-sara.i

    amoozesh-sara.i Member

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

    دانلود


    منبع آموزش
     
    نوشته شده توسط amoozesh-sara.i در ‏5 سپتامبر 2015
  12. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه بیست و نهم :
    به پراپرتی visibility می پردازیم و تمام value های آن را بررسی می کنیم و سپس تفاوت visibility : hidden و display : none را بیان می کنیم.

    دانلود


    منبع آموزش
     
    نوشته شده توسط amoozesh-sara.i در ‏6 سپتامبر 2015
  13. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه سی ام :
    به نحوه استفاده از دستور import و نکات مثبت و منفی آن می پردازیم و سپس دستور charset را دز css بیان می کنیم.

    دانلود


    منبع آموزش
     
    نوشته شده توسط amoozesh-sara.i در ‏7 سپتامبر 2015
  14. amoozesh-sara.i

    amoozesh-sara.i Member

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

    دانلود


    منبع آموزش
     
    نوشته شده توسط amoozesh-sara.i در ‏8 سپتامبر 2015
  15. amoozesh-sara.i

    amoozesh-sara.i Member

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

    دانلود


    منبع آموزش
     
    نوشته شده توسط amoozesh-sara.i در ‏9 سپتامبر 2015
  16. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه سی و سوم :
    به پراپرتی clear و ارتباط آن با float می پردازیم و با کاربرد های آن آشنا می شویم و در پایان نکات مهمی را در رابطه با clear مطرح می کنیم.

    دانلود


    منبع آموزش
     
    نوشته شده توسط amoozesh-sara.i در ‏11 سپتامبر 2015
  17. amoozesh-sara.i

    amoozesh-sara.i Member

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

    دانلود


    منبع آموزش
     
    نوشته شده توسط amoozesh-sara.i در ‏12 سپتامبر 2015
  18. amoozesh-sara.i

    amoozesh-sara.i Member

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

    دانلود


    منبع آموزش
     
    نوشته شده توسط amoozesh-sara.i در ‏13 سپتامبر 2015
  19. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    در جلسه سی و ششم css3 به لایه ها (layout) می پردازیم و یک لایه را با توجه به مطالبی که آموختیم طراحی می کنیم و نکات مربوط به float را یاد آوری می کنیم.

    منبع آموزش


    دانلود
     
    نوشته شده توسط amoozesh-sara.i در ‏14 سپتامبر 2015
  20. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    سلام در جلسه سی و نهم css3 به پراپرتی و خاصیت outline می پردازیم و مقدار های آن را معرفی می کنیم و در مورد تفاوت آن با پراپرتی border صحبت می کنیم. در ادامه به تکمیل گالری جلسه قبل پرداخته و نکاتی را پیرامون float مطرح می کنیم و مشکلات احتمالی در آآینده را بر طرف می کنیم.

    دانلود


    منبع آموزش
     
    نوشته شده توسط amoozesh-sara.i در ‏16 سپتامبر 2015

به اشتراک بگذارید