CS 437/637 Database-Backed Web Sites and Web Services
Programming Assignment 1
Thursday, September 22, 2011
11:59 PM, Thursday October 6, 2011
Become familiar with Usable and
Accessible Website Design using
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
(10 points) Home Page (index.html).
Use web server default file name for
(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
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
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
(5 points) HTML list(s).
(10 points) HTML table(s).
(20 points) Follow the instructions/guidelines you have learned in the class. Pay attention
(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
(20 points) Use internal style sheets
and inline style sheets to modify the
presentation styles for 4
( 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.
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
(10 points) Turn in a brief report that describes the HTML elements used by each
web page and the CSS used by each
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
Zip all the files including the cover page into one ZIP file. Name the ZIP file
An invalid homework URL (You must provide URL in your cover page) results in 10
No hard copies or soft copies results in 0 points.