Art 101, Spring 2015: Homework 09

NOTE:
M1 = Myers, Smarter Way HTML & CSS
M2 = Myers, Smarter Way JavaScript

Assignments, posted Monday, 5/25, due at 8 am on Monday, June 01.

A. From M1, read the text, Chs. 79-90, Video, Z-index.

C. From M2, read the text, Chs. 82-89, Forms, events.

This completes both texts.

B. Update the website for your homework for this course.

B1. Create a folder in your website for your homework for this week, named "week-09"
B2. A list of links on your homepage should point to your assignments, including the new one.
B3. Create an index page, "index.html" for the new folder.: Edit this index page, and your style sheet for this week, "hw-09.css",
choosing fonts, colors, borders, margins, etc, as you please.; Include an image on the page, relevant to the project.; Include links to the HTML, CSS, JS, (hw-09.html, hw-09.css, hw-09.js)
and the documentation file for your solution to part D of this assignment ("hw-09-about.html").; Include an image on the page, relevant to part D.; Style this as a navigation bar as in M1, chs. 69-75.
B4. Include a description of part D in a separate file, ("hw-09-about.html").: The description should include the overall plan, inputs, outputs, variables, functions, etc.; Include an organizational chart for your page hw-09.html, like M1, p. 188.; Optional but suggested: include a flowchart of your software.; Include a list of your team members with their homepage URLs.; The week-09 folders of each team member should be in sync.; Include brief indications of the contributions of each team member.
B5. Include a "Modern Header"in your file "week-09/index.html".: Follow closely M1, chs. 64-68.

D. Create a triple (hw-09.css, hw-09.html, and hw-09.js) to solve the problem that you propose in B4.

This is the fifth DIY assignment. You and your team are to design a project, to be executed as a triple of files as usual,
plus the new page of description. and posted to the websites of all members of the team, satisfying the following constraints.

D1. The HTML page (hw-09.html) should include these compulsory elements: The link to the JS code should be in the head section (see example 4-06). The elements: header, section#graphics, section#overlay, and footer, in the body. The title of the project in the header section. NEW. A short video of your own included in the overlay section (see example 8-03). NEW. The position of the video shoud be animated (see example 8-04). The overlay section with a canvas on top of an IMAGE in the graphics section. (changed 5/28, 4:40 pm). The footer section with the date and time last modified (see example 4-05). D2. The CSS page (hw-09.css) should control the position of the canvas element. D3. The JS page (hw-09.js) should include these compulsory elements: A window.addEventListener('load', globalApp) method. A globalApp function. The function used for animation on the canvas. An event should trigger the animation. An object with at least one property and at least one method defined and used in your code. D4. Post your homework D (five files) in the folder for this week.
D2. The CSS page (hw-09.css) should control the position of the canvas element. D3. The JS page (hw-09.js) should include these compulsory elements: A window.addEventListener('load', globalApp) method. A globalApp function. The function used for animation on the canvas. An event should trigger the animation. An object with at least one property and at least one method defined and used in your code. D4. Post your homework D (five files) in the folder for this week.
D3. The JS page (hw-09.js) should include these compulsory elements: A window.addEventListener('load', globalApp) method. A globalApp function. The function used for animation on the canvas. An event should trigger the animation. An object with at least one property and at least one method defined and used in your code. D4. Post your homework D (five files) in the folder for this week.
D4. Post your homework D (five files) in the folder for this week.

Revised 24 May 2015 by Ralph