پیشنهاد فرادرس

آموزش طراحی نمودارهای تحت وب با CSS

دسته بندی ها: آموزش های لیندا (Lynda) ، آموزش طراحی وب ، آموزش CSS

آموزش-طراحی-نمودارهای-تحت-وب-با-css

این آموزش تصویری شما را با نحوه طراحی نمودار های دایره ای تحت وب با استفاده از CSS آشنا می کند.

این دوره آموزشی محصول Lynda می باشد.

سرفصل های دوره آموزشی:

  • ایجاد HTML و CSS برای نمودار Pie
  • ایجاد نمودار دایره ای
  • ساخت CSS قابل اشتراک گذاری
  • ایجاد یک عنصر برای wedge
  • ساخت یک wedge
  • اضافه کردن یک wedge 
  • اضافه کردن برچسب و موقعیت
  • اضافه کردن گرافیک و متن
  • و ...

لیست سرفصل های دوره آموزشی:

Learn how to display your data in a pie chart, with nothing more than HTML and CSS. Chris Converse shows how to create complex shapes with CSS3 properties and nested HTML5 elements. The course exercise files are free to all members and contain handy cut-and-paste code snippets that allow you to follow along with the instructions easily. When you're done, you'll have an elegant pie chart that will work in all HTML5-enabled web browsers, including Chrome, Firefox, Safari, and Internet Explorer.

Introduction 1m 22s Preview the final project 42s About the exercise files 40s 1. Creating HTML and CSS for a Pie Chart 22m 57s Creating the pie-chart container 3m 31s Making a shareable CSS rule 1m 57s Creating an element for the wedge 3m 45s Creating the wedge container 2m 47s Sizing and rotating the wedge shape 3m 13s Adding a second wedge shape 2m 53s Adding and positioning labels 3m 6s Adding graphics and context 1m 45s Conclusion 29s Where to go from here 29s

عنوان دوره: lynda - Design the Web- Pie Charts with CSS حجم فایل: 102MB

آیا این نوشته را دوست داشتید؟
Lynda Design the Web Pie Charts with CSS

پیشنهاد فرادرس

hosein در 1393/05/21 ساعت 06:57

سلام اینکه اموزش هاش کامل نیستند !

مدیر در 1393/06/02 ساعت 13:35

فایل کامل است