ITS 364




1.     Describe two scenarios in which animation might be used. Question whether these are appropriate uses by responding to the three questions listed at the beginning of the chapter to determine if animation is used effectively.

 Animation can be used to draw the eyes of site visitors to a point on the page you want to highlight. Another use is that advertisers can use animations to get web surfers to focus on something like a logo, the announcement of a special offer, or notice of an image element on a webpage.

(1)     Yes, because both of these animation purposes allows the designer to draw the eyes of the user to something on the webpage. However, depending on the design they may lower the quality or professionalism of the webpage.

(2)      A website must place these animations to draw attention to important parts of the page so the creator must ensure that they are placing animations where the topics are important. Otherwise, they will draw attention away from important topics.

(3)      Depending on the animation, the website may not be suited to have for a business or personal use. Colorful and childish animation should not be used on a webpage that is used for business profession and webpages that are supposed to be calming should not include any animation.

2.     Identify the options you can use to keep animated GIF file sizes small.

 One option to keep file sizes small is through the process of Looping, which adds length to an animation by repeating the same animation without increasing file size. Another way that file sizes can be reduced by the process called optimization that reduces the amount of colors and frames of the animation. .

3.      Explain the process to optimize a GIF file.

 File sizes can be reduced by the process called optimization. This allows the computer to reduce the number of colors and the number of frames wherever possible. It will also give the user the choices for reducing the color palette and for eliminating unnecessary frames.

4.     Explain the three types of animation: static, stateful, and dynamic.

 A static animation starts at one point and end at another point. This means that they move from start to finish. Stateful animation has at least one state or need for input. The user may be able to hover over the image, which causes a change to occur and change back once the cursor is removed. Finally, dynamic animation relies on the user and other variables. Some other variables include logic, dragging an item, and anything causing the original state of the object to evolve into an altered state.

5.     Differentiate between 2D, 3D, and stop motion animation.

 2D animation are usually hand-drawn that are animations that have length and breadth, but no depth. 3D animation has length, breadth, and depth. This means that the animation allows you to do or see things you cannot do or see in 2D animation. The lighting can be highlighted differently, textures can be employed, or the shading of colors could be more intense in a 3D animated object than a 2D object. Finally, stop motion animation is a form of 3D animation, which is created by the user physically manipulating the object to make it appear that it is moving on its own.

6.     What are the pros and cons of using DHTML to create a complicated animation requiring user input?

 DHTML is also called Dynamic HTML, which is an efficient way to achieve many animation effects by manipulating the underlying XHTML code. Advantages of DHTML is that it does not include an image, which means that it will not have a large file size allowing it to load quickly. Instead of the browser searching for the image, it will already possess the image and just requires instructions to move it around. This saves considerable download time. However, some disadvantages include the fact that its instructions will not necessarily be interpreted the same by all browsers. It cannot create very complex animations. Finally, DHTML is not really a standalone tool.

7.     Create a scenario in which DHTML could be used to animate text or objects with justification of use of DHTML for the animation.

 The creator can use a DHTML when they want to create an image that changes when the user of the webpage hovers over the image or control. This can allows the user to create an animated image that changes as you hover. The dynamic structure relies on the user input and moving their mouse over the object for the image to change pictures.

8.     Compare and contrast the use of JavaScript and CSS3.

 Compare: JavaScript is a programming language that can be embedded in HTML documents. CSS3 allows for animation by XHTML elements without the use of JavaScript.

Contrast: JavaScript deals with units called objects, functions and events, and conditional statements. It can be used allow the user s to interact with a web page and any embedded script to respond without needing to access the remote server.  CSS3 requires the use of key frames that provide instructions for what styles the element will have throughout the various times of animation.

9.     Examine the usefulness of using HTML5 Canvas and SVG.

 HTML5 allows for dynamic, 2D animation through the coded HTML5 Canvas. The canvas element is a rectangular area that has no border and no content, which is supported by several different browsers. A Scalable Vector Graphic (SVG), the position attributes could simply be edits and the browser would determine how to redraw the object elsewhere. This allows the creator to move scale, reposition, and flip the drawing easier. SVGs are used readily for 3D animation.