Art 101, Spring 2015: Homework 06
NOTE:
M1 = Myers, Smarter Way HTML & CSS
M2 = Myers, Smarter Way JavaScript
Assignments, posted Monday, 5/04, due at 8 am on Monday, May 11.
A. From M1, read the text, Chs. 49-59, Forms, and do the corresponding online exercises.
C. From M2, read the text, Chs. 51-57, Images, and do the corresponding online exercises.
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-06"
- 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-06.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-06.html, hw-06.css, hw-06.js)
and the documentation file for your solution
to part D of this assignment ("hw-06-about.html").
- Include an image on the page, relevant to part D.
- B4. Include a description of part D in a separate file, ("hw-05-about.html").
- The description should include the overall plan, inputs, outputs, variables, functions, etc.
- Optional but suggested: include a flowchart of your software.
- Include a list of your team members with their homepage URLs.
- The week-06 folders of each team member should be in sync.
- Include brief indications of the contributions of each team member.
D. Create a triple (hw-06.css, hw-06.html, and hw-06.js) to solve the problem that you propose in B4.
This is the second 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-06.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, and footer.
- A TABLE should be included to organise the layout of the HTML page.
- The header section should include the title of the project.
- The graphics section should show a canvas.
- The footer section should include the date and time last modified (see example 4-05).
- D2. The CSS page (hw-06.css) should control the position of the canvas element.
- D3. The JS page (hw-06.js) should include these compulsory elements:
- A window.onload method.
- A globalApp function.
- The functions used for imaging on the canvas.
- Events (mouse clicks or actions) should trigger the appearance and swapping of images.
- D4. Post your homework D (five files) in the folder for this week.
Revised 03 May 2015 by Ralph