IT213 Lecture: Project #4 Animation Commercial (10% of Final Grade) I. Purpose The purpose of this assignment is to demonstrate your ability to use the various features and functions in Adobe Animate to create a commercial for your fictional company/organization.This assignment is an opportunity to utilize the animation authoring skills that you have learned to develop a creative and original 20-second non-looping animation to deliver a message about your company/organization. II. Steps You must use Adobe Animate to create your commercial. Your animation must meet the following requirements: Submit your FLA file via Blackboard using the Assignments Tool (“Course Tools” à “Assignments” àfollow the “Project 4: Animation Commercial” link). III. Grading Description Points File Format: File does not exceed 800x600 in dimension. File format is FLA. FPS is 12.Platform/Playback type is HTML5 Canvas (preferred) or ActionScript 3.0Duration is at least 20 seconds.Select a background color; Create a “loading” text box and 5 small white squares (3 point)Create a preloader animation (squares sequentially turn to black squares for 0.5 second each, moving from left to right (3 points)Resulting in a color change of any object (2 points)Resulting in a position change of any object (2 points)Resulting in a transformation change of any object (scale, rotation)(2 points)Resulting in a shape change (2 points)Create a button symbol (1 point)Set the following states for the button: (3 points)Upstate: Create a text box on top of the square with the text ‘End’ Over State: Change the color of the text ‘End’.Down State: Change the color of the text ‘End’.Import the Image.gif file (1 point)The animation stops when the button appears (to let the user click on the button) (2 points)The animation continues to play the imported Image.gif movie when the user clicks on the button. (2 points)The imported Image.gif file must run at least once completely without looping (2 point) 1-25 Accessibility (only for ActionScript 3.0 documents) Create the animation with the Accessibility Panel activatedSelect the “Make Movie/Object Accessible” option on movie or individual objectsProvide an alternative equivalent in the Name and Description fieldsNo component of the content flashes more than three times in any 1-second period 1-25 Preloader 6 Motion Tween 6 Shape Tween 2 Button 4 Ending (JavaScript or ActionScript 3.0) 7 TOTAL 25

1145 Final Exam Study GuideWill web browsers accept poor HTML coding and still render a webpage?Should HTML 5 attribute values always be enclosed in single or double quotes?Do inline style rules get overridden by external style rules?How do you code an image to display text if the image doesn’t load?Which heading element is the largest?What does the size attribute control on a text box form control?Can HTML lists be nested?Should web developers worry about the physical size and file weight of images ona web site?What text box attribute controls how many characters can be entered into thetext field?Can JavaScript commands be entered directly into an HTML file?Where does text appear that is wrapped in the <title> tag?What are the 3 basic types of hyperlinks?How are definition lists structured?What does the target attribute do when configured for the <a> element?Can ordered and unordered lists be nested together?Can bookmark links be linked to a different page on the same site?What JavaScript method would you use to write text to a web page?What are the two methods for incorporating jQuery on a web page?Can a web page have more than two forms?What is JavaScript?What do you call a reuseable block of JavaScript statements?What is an attribute of a JavaScript object referred to as?In terms of web page interactivity, what is an action taken by the user describedas?What comparison operator would you use if you wanted to test for equality?What is the purpose of the <script> element, and where can it be used in a webpage?What does a valid JavaScript variable name look like?When would the onmouseover event handler be triggered by a user?What are best practice considerations when planning out a mobile version of awebsite?What is the OneWeb concept?How would you make all img elements on a web site be automatically responsiveto changes in screen size?What are a few W3C mobile layout recommendations?What does the viewport meta tag do for a web page?What does Fair Use mean in terms of copyright?How would you add fallback content for older browsers that can’t handle the<audio> and <video> elements?What is Creative Commons?Should permission be obtained if you want to use someone else’s media on yoursite?What does the <iframe> element allow you to do?What does the <transform> CSS property allow you to do?What does the <transition> CSS property allow you to do?How do you add controls to the <audio> or <video> elements?What does the <source> element do?Are APIs and Plugis the same thing?What parts of a web page do search engine bots examine?What are the main components of a search engine?Do page titles and heading tags affect a page’s SEO potential?Are meta tags the only way to add SEO to a web page?What is the point of improving a site’s SEO?Will a robots.txt file direct search engine bots how to crawl your site?What is the command that can be put in front of a URL to test if it has beenindexed?Are XML sitemaps the same as a site’s navigational page with links to every pageon the site?What does SERP stand for?What is jQuery?Paying for search engine ads is the only way to get to the top of SERP?What is the syntax for a jQuery CSS method that selects all elements with a classof final?Short Answer QuestionsWrite code with the HTML 5 framework tags that has a page title, an HTMLcomment, and an ordered list featuring your favorite movies.Write just the HTML form code for a form that has its method and actionattributes filled out and two text fields, a checkbox, a text area, and a submitbutton.Write the HTML and JavaScript required for an alert/popup window.Write CSS rules that will take elements with an id of final have fixed positioning atthe bottom of the window. Another that will float right all list items in a list, butonly those list items that are children of a dive with an id of exam. Write anotherrule that will style text in elements of class fun to be bold, red, and have a fontsize of 14px.Write jQuery with the document ready event that will change the backgroundcolor of all div elements to green and the font size to 150%.Be familiar with SEO tactics and how page title, headings, meta descriptions, etc.can be improved with them to give a page better SEO.