آموزش پروژه محور Css Css3

مدرس: امیر دینی مدت زمان آموزش : 25 ساعت تعداد سمت ها : 77 وضعیت اموزش : تکمیل
شرح دوره

به گام دوم یادگیری حرفه ای طراحی سایت خوش آمدید.

در این گام دومین مهارت که برای طراحی سایت باید بهش مسلط باشید رو یاد میگیرید. این مهارت چیزی نیست جز آموزش CSS!

CSS کوتاه شده عبارت Cascading Style Sheets و در کنار HTML برای طراحی صفحات وب لازم است،CSS یکی از زبان های پرکاربرد در طراحی صفحات وبه که در حقیقت وظیفه استایل دهی به صفحات را دارد.

برای درک بهتر کاربرد CSS تصور کنید یک ساختمان را سفید کاری میکنید و یا اینکه دکوراسیون داخلی آن را تغییر می دهید،تمامی این ظرافت ها و استایل دهی ها توسط CSS اجرا می شود.

اما CSS3 چیه؟

CSS3 در واقع آخرین نسخه CSS است که دارای قابلیت ‎هایی فراتر از دو نسل اول است.

ویژگی هایی نظیر سایه دار کردن متن، منحنی کردن لبه های کادرها، استفاده از چند تصویر پس زمینه به عنوان بک گراند، ایجاد افکت های حرکتی بر روی عناصر صفحه تنها بخشی از قابلیت های منحصر بفرد سی اس اس ۳ است.

اما به دلایل زیر دیدن این دوره آموزشی سایت زیکو، برای شما ضروریه:

  • ویژگی های مثبت آموزش
  • تعداد پروژه های بالا و حل تمرین
  • پوشش کامل CSS3 که در اکثر آموزش ها وجود ندارد!
  • تسلط مدرس روی مباحث ارائه شده و فن بیان فوق العاده بالا
  • کیفت بالا آموزش
  • رضایت 97 درصدی کاربران

 

توی گام بعدی یک سوپرایز ویژه براتون داریم، از دستش ندید!!

 

  • برخی از پروژه های آموزش
  • پروژه Alert :
  • ساخت تولتیپ با استفاده از after و before
  • ساخت یک گالری به صورت پروژه محور و ایجاد افکت و جلوه های بصری بر روی تصاویر
  • ده ها پروژه در مورد انیمیشن ها
  • ساخت لودنیگ با استفاده از انیمیشن
  • گالری محصولات
  • افکت های حرفه ای در CSS3
65000 تومان – خرید
لینک های دانلود سرفصل دوره
  • معرفی جامع دوره Css و Css3 ، مقدمه ، راهای کسب درامد ، ابزار های مورد نیاز ، روش های استفاده شده در اموزش

  • آموزش Style نویسی و کار با انتخاب گر ها ، ساختار Selector ، استفاده از کلاس ، استفاده ID

  • آشنایی با انتخابگر های تلفیقی و انتخابگر صفت ها hover - visited - link - active - focus

  • نحوه کار با سلکتور های تعاملی و زبانی و عناصر مجازی

  • بررسی واحد های اندازه گیری px ، em ، en

  • درصد بندی در Css css3 و آشنایی با ویژگی های مادر فرزندی

  • درصد بندی در Css css3 و آشنایی با ویژگی های مادر فرزندی ، انواع روش سلکت کردن عناصر در لیست ها

  • انتخاب فرزاندان بر اساس نوع در شبه کلاس ها : ، nth.last.of.type First-of-type ، last of type

  • کامنت گذاری در Css و اهمیت آن در کد نویسی استاندارد

  • کار با رنگ ها و روش های استفاده از آن

  • آموزش Style دهی به متون در Css Css3 : بررسی direction ، text align ، Text decoration ، text indent ، text transform ، letter-spacing

  • آموزش Style دهی به متون در Css Css3 : بررسی white-Space ، word-break

  • آموزش Style دهی به متون در Css Css3 : بررسی overflow ها

  • آموزش Style دهی به متون در Css Css3 : بررسی font-size ، font-wight ، font-style ، font family ، Font face

  • آموزش Style دهی به متون در Css Css3 : بررسی list-style-type ، list-style-image ،

  • طراحی یک منو با استفاده از آموخته های قبلی و معرفی padding ، Float ، position ، display ، margin ،

  • طراحی زیر منو ها ( منو های آبشاری ) و معرفی Transition ، border-radius

  • کاربرد مشخصه Dsiplay و اهمین آند Css , Css3

  • معرفی تئوری Box mode در Css و Css3 ، توضیحاتی در مورد Padding ، margin ، border ،

  • اموزش تخصی و مفهموی padding و margin در Css و Css3

  • اموزش مفصل margin و display در ساخت یک منو در Css css3

  • طرج چندین پروژه در رابطه با max-width & min-width به صورت عملی

  • بررسی float به صورت کاربردی

  • طراحی یک صفحه گالری ساده با استفاده از float در Css Css3

  • آموزش استفاده از cleer در صفحات html با مثال

  • اموزش خاصیت های top ، right ، bottom ، left ، posiiton ، z index

  • ترفند هایی برای به وسط آوردن عناصر با استفاده از display ، text algin و ... چند خاصلید دیگر در Css و Css3

  • معرفی دستوراتِ مازاد در Css به همراه طراحی 2 پروژه کاربردی

  • طراحیِ پروژه محورِ چند Alert زیبا با آموخته های قبلی

  • معرفی دستوراتِ مازاد در Css به همراه طراحی 2 پروژه کاربردی

  • معرفی خاصیت های bacgkround-size ، background-url ، background-image ، background-postion با مثال های متنوع

  • بررسی تخصصی border و بک گراند به همراه مثال

  • بررسی border و خاصیت ها آن : dashed ، dothed ، solid به صورت کاربردی در Css Css3

  • بررسی خاصیت های outline-color ، outline-style ، outline-width ، outline-offset به همراه مثال

  • آشنایی با column-count ، column-count ، column

  • آشنایی با Column-gap ، Column-role-color ، Culumn-role-style ، Culumn-role-width ، Column-fill همراه مثال

  • ساخت یک tooltip حرفه ای با استفاده از Visibility در Css

  • شرح مفهوم کاربردی after و before با پروژه

  • ساخت یک منو زیبا با استفاده از لیست ها و ویژگی after و before به صورت کاربردی

  • پروژه : ساخت یک تولتیپ حرفه ای با استفاده از after

  • طرح چندین مثال در مورد shadowes

  • توضیحاتی در مورد گرادنیت ها و بررسی ساپورت شدن هریک در مرورگرها ی مختلف ،

  • توضیحای درباره جلوه های آمیختگی تصاویر در " background-belend-mode " و ویژگی های آن

  • تغییر شکل و مکان عناصر در فضای دو بعدی : Transform ، transition و ویژگی های آن ها با حل چندین مثال حرفه ای

  • تغییر شکل و مکان عناصر در فضای دو بعدی ( قسمت 2 ) و بررسی برخی از ویژگی ها مثل Scale ، rotate ،

  • تغییر شکل و مکان عناصر در فضای دو بعدی ( قسمت 3 ) ، بررسی ویژگی های Skew

  • تغییر شکل و مکان عناصر در فضای سه بعدی

  • بررسی توابع فیلتر و ویژگی ها آن : GraySclae() ، sepia() ، Sturate() ، hu-rotate() ، invert() همرا مثال های متونع برای درک بهتر

  • بررسی توابع فیلتر و ویژگی ها آن : Opacity() ، Contrast() ، Brightnes() ، Blue() ،

  • ساخت یک گالری به صورت پروژه محور و ایجاد افکت و جلوه های بصری بر روی تصاویر

  • ساخت یک گالری به صورت پروژه محور و ایجاد افکت و جلوه های بصری بر روی تصاویر

  • بحث شیرین و مفصل Transiton در Css

  • بحث شیرین و مفصل Transiton در Css

  • بحث شیرین و مفصل Transiton در Css

  • استفاده از انیمیشن در Css3 و بررسی ویژگی های : animaition-duration ، animaition timing-function ، animaition-delay ، animaition-dirction ، animaition-fill-mode ، animaition-play-state ، animaition-atrition-count

  • استفاده از انیمیشن در Css3 و بررسی ویژگی های keyframes

  • استفاده از انیمیشن در Css3 و بررسی ویژگی های keyframes@ ، From

  • استفاده از انیمیشن در Css3 و بررسی ویژگی های ، حل پروژه

  • استفاده از Important در پروژه ها

  • اهمیت و استفاده Css-reset در پروژه

  • معرفی کوتاه و مختصر دستورات و استفاده در پروژه

  • ساخت یک loading زیبا با استفاده از انیمیشن در Css3

  • ساخت یک متوازی الاضلاع به کمک css3 و در نظر گرفتن یک تمرین بسیار سخت

  • توضیحات مربوط به Selection و بررسی ساپورت شدن در مرورگهای مختلف

  • ساخت یک گالری محصولات به کمک html ، Css ، Css3

  • اهمیت بهینه سازی کد ها در Css

  • صحبت های پایانی دوره سیر تا پیاز css3 و یک خداحافظی غم انگیز :(