Animation for the Web
I. Course Prefix/Number: ART 273
Course Name: Animation for the Web
Credits: 3 (0 lecture; 6 lab)
III. Course (Catalog) Description
Course examines animation techniques for the web by combining graphic animation tools and techniques with accepted principles of web design, layout and typography. Content includes interaction design and animation to create web sites with enhanced interactivity and multimedia integration.
IV. Learning Objectives
- Translate movement of objects in space to the computer using graphic software.
- Explain bandwidth limitations of the web when planning, organizing and constructing interactive web pages.
- Establish a coordinated plan to create interactive web pages.
- Demonstrate interaction design principles by designing for specific users and behaviors.
- Use sophisticated graphics applications to incorporate interactivity and animation into web pages.
- Organize, deploy, troubleshoot and maintain a set of sophisticated, highly interactive web pages.
V. Academic Integrity and Student Conduct
• plagiarism (turning in work not written by you, or lacking proper citation),
• falsification and fabrication (lying or distorting the truth),
• helping others to cheat,
• unauthorized changes on official documents,
• pretending to be someone else or having someone else pretend to be you,
• making or accepting bribes, special favors, or threats, and
• any other behavior that violates academic integrity.
There are serious consequences to violations of the academic integrity policy. Oakton's policies and procedures provide students a fair hearing if a complaint is made against you. If you are found to have violated the policy, the minimum penalty is failure on the assignment and, a disciplinary record will be established and kept on file in the office of the Vice President for Student Affairs for a period of 3 years.
Please review the Code of Academic Conduct and the Code of Student Conduct, both located online at
VI. Sequence of Topics
- Basics of motion and motion design
- History of animation
- Creating a flip book
- What is motion?
- Listening to the motions around you
- Birds and bouncing balls
- Time and sequence
- Web object fundamentals
- HTML 5 Elements and Animation
- CSS Principles and Properties
- Animation and color theory
- Creating text for animation
- Using layers to create animation
- Creating image effects
- Web animation topics
- Site design principles
- Usability issues
- File size, pre-loaders and streaming
- Smart clips and reusability
- Basic principles of 3D
- Character animation
- Using video
- Animation/web page integration
- Using extensions
- Tables and layers for animated content
- Animation file placement
- Text creation and formatting
- Buttons and flash text
- Defining a site
- Background colors with software
- Behaviors, objects and commands
VII. Methods of Instruction
Course may be taught as face-to-face, hybrid or online course.
VIII. Course Practices Required
- Attend and participate in classes and lab sessions
- Attend scheduled critiques presenting completed work
- Complete assigned artwork by scheduled due dates
- Quizzes and final exam
- Demonstrate a professional attitude
IX. Instructional Materials
- Flash drive or portable hard drive
- Ink-jet paper
X. Methods of Evaluating Student Progress
The final grade will be based upon the following elements and their weights:
|A.||Class attendance and participation:||20%|
|C.||Mini projects/critiques/homework assignments:||20%|
There will be three quizzes, spaced throughout the semester. There will be three mini projects covering issues such as motion design principles, animated navigation systems, and advanced animation. The final project will simulate a well-organized highly interactive web site. The final exam, an objective test, will be administered on the last day of class.
XI. Other Course Information
If you have a documented learning, psychological, or physical disability you may be entitled to reasonable academic accommodations or services. To request accommodations or services, contact the Access and Disability Resource Center at the Des Plaines or Skokie campus. All students are expected to fulfill essential course requirements. The College will not waive any essential skill or requirement of a course or degree program.
Oakton Community College is committed to maintaining a campus environment emphasizing the dignity and worth of all members of the community, and complies with all federal and state Title IX requirements.
Resources and support for
- pregnancy-related and parenting accommodations; and
- victims of sexual misconduct
Resources and support for LGBTQ+ students can be found at www.oakton.edu/lgbtq.
Electronic video and/or audio recording is not permitted during class unless the student obtains written permission from the instructor. In cases where recordings are allowed, such content is restricted to personal use only. Any distribution of such recordings is strictly prohibited. Personal use is defined as use by an individual student for the purpose of studying or completing course assignments.
For students who have been approved for audio and/or video recording of lectures and other classroom activities as a reasonable accommodation by Oakton’s Access Disabilities Resource Center (ADRC), applicable federal law requires instructors to permit those recordings. Such recordings are also limited to personal use. Any distribution of such recordings is strictly prohibited.
Violation of this policy will result in disciplinary action through the Code of Student Conduct.