لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش طراحی وب: نمودارهای پای با CSS
Design the Web: Pie Charts with CSS
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
بیاموزید که چگونه داده های خود را در یک نمودار دایره ای نمایش دهید ، با چیزی بیش از HTML و CSS. Chris Converse نحوه ایجاد اشکال پیچیده با خصوصیات CSS3 و عناصر تو در تو HTML5 را نشان می دهد. پرونده های تمرینی دوره برای همه em> اعضا رایگان است و حاوی قطعه های کد برش و چسباندن دستی است که به شما امکان می دهد به راحتی دستورالعمل ها را دنبال کنید. بعد از پایان کار ، یک نمودار دایره ای زیبا خواهید داشت که در همه مرورگرهای وب دارای 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
نمایش نظرات