Computer Programming 10 – Adding Animation

Ross Sheppard High School
Web Page Design and Construction
Student Learning Guide
Adding Animation to Your Home Page


  When you have finished this project, you will be able to:
use a graphic program
download and use an animated icon
add movement to your web page
create your own animated graphic

describe the following terms:

  • animation

  1. The easiest method of using an animated graphic is to download it from the Internet. Go to Web Developer. (A Website Development resource) and then to the animated icons section. Download two animated icons. (Make sure you selected animations that are appropriate for a school)

  2. You will add this animated icon to the Web page that you will make during the next project.

    Creating Your Own Animation

  3. Another method of adding animation to your web page is to use a drawing program to create individual files or "frames" of the animation, then use another program to link the frames into an animation. Use PaintShop Pro to create an animation. You will also add this image to your Web page during the next project.

  4. To learn how to create an animation of your own, click here.

  5. Click here to see the marking guide for this project

  6. (All files should be in a folder called Animation) Place your project with your animated icon attached, into your personal "Hand In" Folder to be marked.

  7. You will be needing a Photograph of yourself for the scanning project next period. Please remember to bring one to class.


© 1998-2000 N.F. Mathew, EdD
Modified by John Heslinga DTE, October 14, 2003
File name: anim.htm