دوره آموزشی یادگیری SVG
2 ساعت 31 دقیقهمبتدی2017-09-21
مدرسین

Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
جزئیات دوره
فرمت Scalable Vector Graphics (SVG) به سرعت در حال گسترش در سراسر وب است. SVG به طور طبیعی پاسخگو است و می تواند از خیلی بزرگ تا خیلی کوچک مقیاس شود و گرافیک ها را می توان پس از دانلود در مرورگر با کد دستکاری کرد. به مربی کارکنان لینکدین مورتن رند-هندریکسن بپیوندید تا اصول یادگیری SVG را پوشش دهد. او آناتومی SVG را پوشش می دهد، از جمله ساختار داخلی که باعث می شود SVG شما به راحتی از طریق وب ارسال شود و در عین حال حداکثر انعطاف پذیری را حفظ کند. او نشان میدهد که چگونه شکلهای SVG را ترسیم و دستکاری کنید، با خطوط و متن کار کنید، و از خطها، پر کردنها و الگوها استفاده کنید تا SVGهای خود را درست به نظر برسانید. بعلاوه، نحوه تبدیل یک طرح گرافیکی موجود به SVG را بیاموزید—بهینه سازی دسترسی و در عین حال بهینه سازی آن برای وب.
اهداف یادگیری
SVG چیست؟
افزودن SVG به وب
رسم اشکال
گروه بندی اشکال
استایل دادن به SVG با CSS
اضافه کردن متن
طراحی با سکته مغزی، پر کردن، شیب، و الگوهای
اهداف یادگیری
SVG چیست؟
افزودن SVG به وب
رسم اشکال
گروه بندی اشکال
استایل دادن به SVG با CSS
اضافه کردن متن
طراحی با سکته مغزی، پر کردن، شیب، و الگوهای
مهارت ها
SVGW3CWeb GraphicsWeb DesignLearningProgramming LanguagesSoftware Development
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - استفاده از فایلهای تمرین
- 03 - این دوره چیست و چیست
1. SVG - اصول اصلی
- 04 - SVG چیست
- 05 - SVG به عنوان گرافیک
- 06 - SVG در مرورگر
- 07 - SVG به عنوان کد
2. آناتومی یک SVG
- 08 - SVG را به یک سند وب اضافه کنید
- 09 - اندازه صفحه نمایش SVG را تعریف کنید
- 10 - ViewBox را درک کنید
- 11 - عناصر شکل SVG
- 12 - اشکال SVG را با g گروه بندی کنید
- 13 - از نمادهای SVG با نماد و استفاده مجدد استفاده کنید
- 14 - اندازه نمادهای SVG استفاده شده
- 15 - CSS را برای نمونههای نماد جداگانه اعمال کنید
3. ایجاد SVG در کد
- 16 - نمای کلی اشکال SVG
- 17 - یک خط بکشید
- 18 - یک مستطیل بکشید
- 19 - یک دایره بکشید
- 20 - بیضی بکشید
- 21 - چند خط بکشید
- 22 - یک چند ضلعی رسم کنید
- 23 - مسیری را ترسیم کنید
- 24 - متن را به SVG اضافه کنید
- 25 - تبدیل متن به طرح کلی
- 26 - یک تصویر خارجی به یک SVG اضافه کنید
- 27 - اشکال SVG را بچرخانید
4. Stroke , نشانگرها، گرادیان ها , و الگوها
- 28 - سکته مغزی
- 29 - خط تیره
- 30 - نشانگرها
- 31 - گرادیان برای پر و ضربه
- 32 - نقوش کاشی کاری
5. SVG عملی
- 33 - گرافیکهای پیچیده را به SVG قابل استفاده تبدیل کنید
- 34 - SVG را در دسترس قرار دهید
- 35 - فایلهای SVG را برای انتشار وب پاک کنید
نتیجه
- 36 - مراحل بعدی