آموزش وب سایت خود را با یک شعار متحرک بدرخشید - با استفاده از انیمیشن های SVG و CSS

Make Your Website Shine with an Animated Tagline – Using an SVG and CSS Animations

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره:

با استفاده از انیمیشن های SVG و CSS، یک عنوان یا عنوان متحرک برای وب سایت خود ایجاد کنید. با تعویض نماد و متن برچسب، به راحتی برای وب‌سایت خود سفارشی کنید.

در این کلاس 25 دقیقه ای، ساخت SVG شما، آماده سازی آن برای متحرک سازی، افزودن فایل SVG به سایت شما، برخی اصول اولیه انیمیشن CSS و ساخت فایل انیمیشن های CSS شما را پوشش خواهیم داد.

در پایان، یک انیمیشن خواهید داشت که سایت شما را از بقیه متمایز می کند.

این کلاس برای دست اندرکاران وب سایت یا طراحان و توسعه دهندگانی است که خدمات وب سایت را به دیگران ارائه می دهند و می خواهند آن سرویس سطح بعدی را به مشتریان خود ارائه دهند.

قبل از این کلاس، باید با Adobe Illustrator، HTML و CSS تجربه داشته باشید.

فایل‌هایی را که در این کلاس استفاده می‌کنم دانلود کنید. →

همچنین یک نسخه فعال در CodePen را ببینید: 

بعد از این کلاس، با یک شعار SVG متحرک در وب‌سایت خود کنار می‌روید.

  1. یک شعار یا عنوان SVG برای وب سایت خود ایجاد کنید.
  2. SVG را به وب سایت خود اضافه کنید.
  3. فایل انیمیشن های CSS خود را بسازید.

یک مثال کاربردی این است:


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

درس ها Lessons

  • مبانی انیمیشن CSS CSS Animation Basics

  • نتیجه Conclusion

  • مقدمه Introduction

  • افزودن کد SVG به سایت شما Adding Your SVG Code to Your Site

  • نوشتن انیمیشن های CSS شما Writing Your CSS Animations

  • راه اندازی CSS خود Setting Up Your CSS

  • آماده سازی SVG برای انیمیشن Prepping Your SVG for Animation

  • در حال صادر کردن فایل SVG Exporting Your SVG File

  • سبک های اساسی برای SVG شما Basic Styles for Your SVG

  • ملاحظات دسترسی و سئو Accessibility & SEO Considerations

  • ایجاد SVG شما Creating Your SVG

نمایش نظرات

نظری ارسال نشده است.

آموزش وب سایت خود را با یک شعار متحرک بدرخشید - با استفاده از انیمیشن های SVG و CSS
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
24m
11
Skillshare (اسکیل شیر) skillshare-small
10 آذر 1397 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
448
4 از 5
دارد
دارد
دارد
Amanda Olson

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Amanda Olson Amanda Olson

طراح و توسعه دهنده Front-End

من یک طراح، توسعه‌دهنده جلویی و رویاپرداز مستقر در نبراسکا هستم. با بیش از 8 سال تجربه در صنعت طراحی، دوست دارم صاحبان مشاغل همکار خود را با نام تجاری مغناطیسی و طراحی وب چشمگیر توانمند کنم که تأثیر زیادی بر نتایج نهایی آنها می گذارد.

با این 10 نکته و ترفند سئوی وب سایت خود را تقویت کنید. ما با نگاهی کلی به استراتژی سئو شروع می کنیم و سپس آن را به مراحلی برای اجرای آن استراتژی تقسیم می کنیم.

https://anchoradesign.com/zag-blog/10-tips-tricks-for-better-seo/

با این ایده‌های بازاریابی رایگان، دید، ترافیک و فروش بیشتری دریافت کنید.

https://anchoradesign.com/20-ways-to-market-your-business-for-free/

Skillshare (اسکیل شیر)

اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.

یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.