|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/html5-animations-using-javascript-greensock/
课程评论：没有评论
课程名称：轻松制作HTML5动画和横幅 课程概述：本教程基于迷你项目，将指导学员制作一个HTML5动画横幅。通过使用PSD文件作为素材，我会带领您逐步重现横幅的HTML代码，随后进行动画处理。本教程将涵盖以下内容：从PSD中导出图像、创建和链接HTML、JS、CSS文件的文件夹组织、创建HTML文件、根据PSD的测量值为HTML元素添加样式，以及使用Greensock Javascript库对HTML元素进行动画处理。我们将从导出PSD中的内容开始，编写HTML代码，添加CSS样式，最后使用Greensock Tweenmax库为横幅添加动画。此课程适合具有基本HTML知识的学生，希望通过更高级的样式和动画制作进一步提升技能。如果您没有HTML基础知识，依然可以参加此课程，并将理解其基本内容。该课程还将帮助学生从任何PSD中重现HTML文档。
This tutorial is mini project based where we will produce an HTML5 animated banner. Using a PSD file as asset, I will guide you through all the steps to exactly reproduce the banner in HTML before animating it. This tutorial will cover the following sessions: - Export images from PSD, - Organise folder by creating and linking HTML, JS, CSS files, - Create HTML file, - Style HTML elements by taking measurements from PSD, - Animate the HTML elements using Greensock Javascript Library. We will start by exporting the contents from the PSD, writing the HTML codes, adding CSS styles and finally use the Greensock Tweenmax library to animate the banner. This course is for students who already have some basic knowledge about HTML, and wish to progress further by doing some more advanced styling and produce animations. If you don't have any HTML knowledge, you can still take the course and you will understand what it is all about. It will also help students reproduce an HTML document from a any PSD.
