You are to design and build your own web site in this homework. You should use www.cs.umb.edu to host your web site.
-
You are required to design the following web pages the Home Page, the Resume Page, the Assignment Page, and the
My Design Web Page.
- (30 points) My Design Web Page (usable.html). Study the articles posted at Usable Web. In the the My Design Web Page, write 3 different methods that you have used to improve Web Accessibility of your web site, and 3 different methods that you have done for Web Usability. For the 6 methods, you should either display the example source code in XHTML/CSS or use image snapshots to explain your implementation.
- (10 points) Home Page (index.html). Use web server default file name for your Home Page (E.g., index.html). In this professional way, the URL of your homepage does not need to include the HTML file name. The home page of your web site should include your name, email address, and a link to the CS 437/637 class web site.
- (10 points) Resume Page (resume.html). Design a separate web page for your resume. Note that you should write your resume in XHTML source code.
- (10 points) Assignment Page (assignment.html). Design a separate web page that includes the links for the assignments of CS 437/637. The assignment page helps you organize your assignments. Each assignment should include a link to the description page posted on the class web site, and a link to your own solution. At this point, you have the links for Homework Assignment 1 and Programming Assignment 1.
-
(40 points) Appropriately use the following HTML elements:
- (15 points) HTML link(s). One of the hyperlinks must provide the link between sections of different (or same) document.
- (10 points) HTML division and span tags (<div>, <span>).
- (5 points) HTML list(s).
- (10 points) HTML table(s).
-
(20 points) Follow the instructions/guidelines you have learned in the class. Pay attention
to
- (2.5 points) The page title (in the web page and in the browser title bar)
- (5 points) The text layout
- (2.5 points) The font color and background color (should not be too similar)
- (5 points) The hyperlink name (should be self-descriptive)
- (5 points) The usage of relative and absolute pathnames: All the internal files must use relative path names.
- (40 points) 2 CSS external style files (pr1_first.css, pr1_second.css). Design two different CSS style files for index.html. Therefore, your home page should provide the link to demonstrate the result of the other CSS file. Study the CSS examples at CSS Zen Garden. Please notice that you cannot simply copy images and contents of those examples due to copyright restrictions. No credits for any "copy-paste" approaches. The right approach is to study its CSS and HTML design and implement them in your own way.
- (20 points) Use internal style sheets and inline style sheets to modify the presentation styles for 4 pages .
( 60 points) All the 4 web pages must be Valid XHTML 1.0 Strict. To show your readers that you have taken the care to create an interoperable Web page, you should display this icon for the 3 web pages you choose to be Valid XHTML 1.0 Strict. Here is the HTML you could use to add this icon to your Web page.
<p>
<a href="http://validator.w3.org/check/referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0!" height="31" width="88" /></a>
</p>
Once the W3C icon is clicked, W3C MarkUp Validation Service should valid your pages successfully. For example, the CSS span example.- (10 points) Turn in a brief report that describes the HTML elements used by each web page and the CSS used by each web page. For example, blah.html uses one HTML list and 3 links. You may write the report in MS Word or just another web page.
- Turn in the paper copies of your web pages including the CSS and HTML source code and screen snapshots of the resulting web page. Hard copies should be bound firmly together as one pack. 5 points will be deducted for unbounded homework.
- Submit the softcopy of the slides through your UMassOnline. Zip all the files including the cover page into one ZIP file. Name the ZIP file as Web_programming_lastname_firstname.
- An invalid homework URL (You must provide URL in your cover page) results in 10 points deduction.
- No hard copies or soft copies results in 0 points.