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

Design the Web: Pie Charts with CSS

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: بیاموزید که چگونه داده های خود را در یک نمودار دایره ای نمایش دهید ، با چیزی بیش از HTML و CSS. Chris Converse نحوه ایجاد اشکال پیچیده با خصوصیات CSS3 و عناصر تو در تو HTML5 را نشان می دهد. پرونده های تمرینی دوره برای همه اعضا رایگان است و حاوی قطعه های کد برش و چسباندن دستی است که به شما امکان می دهد به راحتی دستورالعمل ها را دنبال کنید. بعد از پایان کار ، یک نمودار دایره ای زیبا خواهید داشت که در همه مرورگرهای وب دارای HTML5 ، از جمله Chrome ، Firefox ، Safari و Internet Explorer کار خواهد کرد.

سرفصل ها و درس ها

مقدمه Introduction

  • پیش نمایش پروژه نهایی Preview the final project

  • درباره پرونده های تمرینی About the exercise files

1. ایجاد HTML و CSS برای نمودار پای 1. Creating HTML and CSS for a Pie Chart

  • ظرف ظرف پای Creating the pie-chart container

  • ایجاد یک قانون مشترک CSS Making a shareable CSS rule

  • ایجاد یک عنصر برای گوه Creating an element for the wedge

  • ایجاد ظرف گوه Creating the wedge container

  • اندازه و چرخش شکل گوه Sizing and rotating the wedge shape

  • اضافه کردن شکل گوه دوم Adding a second wedge shape

  • برچسب های اضافه و موقعیت یابی Adding and positioning labels

  • اضافه کردن گرافیک و متن Adding graphics and context

نتیجه Conclusion

  • از اینجا به کجا بروم Where to go from here

نمایش نظرات

آموزش طراحی وب: نمودارهای پای با CSS
جزییات دوره
25m 29s
11
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
16,740
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Converse Chris Converse

طراح و توسعه دهنده در استودیوی طراحی کدیفای