You are to design and build your own web site in this homework. You should use the CS Unix server (users.cs.umb.edu) to host your web site (contact the instructor if you prefer to use another web server).
-
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 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 HTML 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 only have the link for homework 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 paragraphs and headings (<p>, <h1>to<h6>).
- (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.
( 60 points) Of the four web pages, three of them 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 three 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 XHTML template example.- (20 points) Turn in a brief report that describes the HTML elements used by each web page. For example, usable.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 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 files through your BlackBoard account. Zip all the files including the cover page into one ZIP file. Name the ZIP file as hwk1_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.