معماری
ضعیفبد نیستمتوسطخوبعالی (2 votes, average: 5٫00 out of 5)
Loading...

آموزش طراحی وب – قسمت هفتم CSS3-Part1

با نام و یاد آفریننده عشق، خداوند مهربان

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

آموزش CSS3 برای طراحی صفحات وب ریسپانسیو
آموزش CSS3 برای طراحی صفحات وب ریسپانسیو

سی اس اس 3، آخرین نسخه از CSS می باشد که توسط W3C استاندارد سازی شده است و محبوبیت خاصی بین طراحان وب دارد، چرا که طراحی را جذاب تر و آسان تر کرده است، همچنین دست ما نسبت به قبل در طراحی بیشتر باز شده و در یک صفحه وب با کنترل بیشتر و حرفه ای تر می توانیم کد نویسی کنیم. سی اس اس 3 به بخش هایی به نام Module تقسیم می شود که علاوه بر مشخصات نسخه قدیمی سی اس اس(که تقسیم می شدند به قطعات کوچکتر) موارد جدیدی به آن افزوده شده است. موارد زیر، از جمله مواردی هستند که در سی اس اس 3 بوجود آمده اند و یا با قابلیت های جدید و کاربردی گسترده تر شده اند:

  • انتخابگر ها(Selectors): سلکتور های بیشتری در سی اس اس 3 بوجود آمده اند
  • پس زمینه ها و حاشیه ها: استفاده از چندین تصویر بطور همزمان در تصویر زمینه، گرد کردن گوشه کادر ها، سایه دادن به کادر ها و..
  • جلوه های متن
  • تبدیلات دو بعدی و سه بعدی
  • انیمیشن (متحرک سازی): بعنوان مثال ایجاد یک بنر بدون طراحی gif و فقط با استفاده از کد های سی اس اس.
  • متن های چند ستونه: همانند صفحات روزنامه ها.
  • رابط کاربری: تغییر اندازه عناصر توسط کاربر.
  • فونت ها: در این زمینه سی اس اس 3 بسیار قوی عملکرده و بر خلاف نسخه های قبلی که فقط می توانستیم از فونت های پیشفرض استفاده کنیم و اگر فونت مورد نظر ما روی سیستم کاربر نصب نبود نمایش ان به حالت عادی بر میگشت و در طراحی مشکل ایجاد میکرد، در اینجا دیگر این مشکلات وجود ندارد و از هر فونتی که دوست دارید استفاده کنید!
  • ایجاد طیف رنگ
  • استفاده از مدیا کوئری ها
  • و..

و اما در این قسمت از آموزش طراحی وب چه خواهیم آموخت:

  • معرفی سی اس اس 3
  • حاشیه ها 3 – CSS3 Borders
  • زمینه صفحات وب – CSS3 Backgrounds
  • رنگ ها – CSS3 Colors
  • ایجاد طیف رنگی – CSS3 Gradient
  • جلوه های سایه – CSS3 Shadow Effect
  • انجام عملیات روی متن – CSS3 Text
  • فونت ها – CSS3 Web Fonts
  • تبدیلات دو بعدی – CSS3 2D Transforms

در قسمت بعدی نیز ادامه مباحث آموزشی سی اس اس 3 را خواهیم داشت.

جهت دانلود رایگان فیلم آموزشی و یا مشاهده آنلاین، همچنین دریافت PDF این قسمت و فایل های تمرینی به ادامه مطلب مراجعه کنید.

دانلود
دانلود

دانلود فیلم آموزشی

حجم: 151 مگابایت / زمان: 1 ساعت و نیم  / کیفیت : عالی 720p / تولید کننده و ناشر: میهن لرن

مشاهده آنلاین آموزش

PDF آموزشی این قسمت

فایل های تمرینی (شامل 47 مثال و نمونه کد)

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

همچنین ببینید

تزریق سازنده با collection

تزریق سازنده با collection

به نام خدا در این مقاله از سری مقاله های فریمورک اسپرینگ، قصد داریم توضیحات …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *