آموزش چگونه Adobe Animate CC 2019 HTML5 Canvas را در وردپرس پاسخگو کنیم
How to make Adobe Animate CC 2019 HTML5 Canvas Responsive on WordPress
Adobe Animate در حال حاضر عالی است. آخرین نسخه، Animate CC 2019، روان و در انتشار در HTML5 (نه .swf) عالی است. با این حال، به‌طور پیش‌فرض، هنوز هم همان چیزی است که پیکسل کامل در نظر گرفته می‌شود، به این معنی که قرار نیست مقیاس‌پذیر باشد.
این آموزش همان جایی است که وارد می‌شود. از جایی که Adobe Animate متوقف شد، یعنی زمانی که به انتشار کامل پروژه‌های HTML5 مقیاس‌پذیر و پاسخگو می‌رسید، ادامه می‌یابد.
در این آموزش خواهید آموخت:
- چگونه یک پروژه متحرک HTML5 را به پاسخگو تبدیل کنیم
- کدی را در وردپرس بنویسید تا متناسب باشد
- تست در مرورگرهای متعدد
این یک درس گام به گام مبتدی است. توجه داشته باشید که احتمالاً باید در وسط توقف کنید و نحوه اتصال به میزبان وب خود را از طریق FTP بیابید. اما یک تماس تلفنی یا یک ایمیل به ارائه دهنده شما باید این چالش را حل کند.
توجه داشته باشید که به نرم افزار زیر نیاز دارید:
- Adobe Animate CC 2019 (منتشر شده در اکتبر 2018)
- WordPress 5.x
- اختیاری: ویرایشگر کلاسیک وردپرس
من دوست دارم ببینم چه چیزی در وردپرس ایجاد کردید. اگر این پروژه با موفقیت کار کرد (ممکن است دقیق تر از یک مربع قرمز در حال حرکت به جلو و عقب باشد)، یک عکس از صفحه نمایش و یک URL پرتاب کنید. من دوست دارم موفقیت شما را ببینم!
درس ها Lessons
-
پروژه انیمیشن خود را در وب سایت خود آپلود کنید Uploading your Animate Project to your Website
-
پاسخگو بودن پروژه و بدون شیت sprite Making the project responsive and no sprite sheet
-
پیش نمایش پروژه HTML5 خود به صورت آنلاین Previewing your HTML5 project online
-
راه اندازی پروژه HTML5 Animate Setting Up Your HTML5 Animate project
-
یک انیمیشن کلاسیک بسازید Create a Classic Animation
-
تست آن بر روی سایر مرورگرها Testing it on other browsers
-
نوشتن HTML Writing the HTML
-
تنظیم برای یک انیمیشن پایه Setting up for a basic animation
-
مقدمه Intro
-
کار کرد؟ Did it work?
-
در نتیجه In conclusion
-
نوشتن CSS در وردپرس Writing CSS in WordPress
-
ذخیره و پیش نمایش انیمیشن Saving and Previewing the Animation
https://donyad.com/d/0ac6
Haydn Adams
مربی فنی خلاق
من در دو کلمه بزرگ شدم - دنیای طراحی/توسعه وب که در آن HTML، CSS و اکنون JSX نوشتم، و دنیای طراحی گرافیک که در آن به H J در Quark تسلط داشتم (بله، من گفتم Quark).
>من اکنون تقریباً تمام کارهایم را به صورت آنلاین تغییر داده‌ام، اما متوجه شدم که عناصر طراحی نباید تنها به این دلیل که به جای کاغذ به پیکسل‌ها تغییر می‌کنند، تغییر کنند.
در سال 2020، درک نحوه کدنویسی، به ویژه به عنوان یک طراح، و بیشتر از آن یادگیری نحوه طراحی از طریق کدنویسی بسیار مهم است.
قبل از ساختن ویدیوهای Udemy، من مدرس آکادمی دانشگاه هنر در سانفرانسیسکو بودم که در آنجا بیش از 13 سال طراحی و توسعه وب را تدریس کردم. همچنین در طی آن مدت، من 3 برنامه اندرویدی iPhone/iPad را راه اندازی کردم و بهترین برنامه دانلود شده در تاریخ دانشگاه را داشتم.
نمایش نظرات