Fundraising Website Rubric

advertisement
Web Design Homework Assignment #4
Homework Description
Imagine you are trying to raise money for a cause near and dear to your heart. It could be a fund-raising event, a
birthday party, a sports game, a graduation party, a concert tour, a festival or a performance arts event where you need
to promote the event to a lot of people. Create a web site using HTML and CSS that provides information about this
event so people can find out details about the event such as what it is about, where and when it is going to take place,
how to contact the organizers, how to get involved and so on. Also, include a page where they can give directly to the
cause. The web site must fulfill the following requirements:
1. Contains at least 3 HTML web pages.
a. One page is the home page that provides a summary of the event. This page must be named home.html.
All pages must provide the same navigation links to all 3 pages
b. The other two pages should contain more details about the event.
2. Contains one and only one CSS file.
3. The CSS file is externally linked to all 3 HTML pages.
4. No internal and inline CSS is used.
5. At least one HTML table is used. It can be used to list event schedules, contact information for the organizers or
any other information that fits naturally into a tabular format.
6. Use CSS to specify one or more styles for each of the following properties:
a. Color
b. Font (e.g. font-family, font-size, font-style, font-weight)
c. Text (e.g. text-decoration, text-align)
d. Background
e. Table and/or parts of the table
7. In your HTML pages, only use the following attributes:
a. id="insert id name here"
b. class="insert class name here"
c. colspan="2" (use only if you need colspan on the first row of a table)
d. src="filename.jpg" and alt="text" (for images)
e. href="link url" (for anchor tags)
f. href="css url", rel="stylesheet", and type="text/css" (for your link tag at the top of each web page)
8. The 3 web pages in the web site are cohesive such that they provide comprehensive information to the reader.
They should include information listed (but not limited to) below:
a. A summary of the event
b. Basic information about the event such as its time and location.
c. Information about how to participate in the event such as registration, tickets sales, donations or others.
d. Detailed information about the event such as its cause, its history, its guest list, its organizers and so on.
9. The web site is well designed and contains no errors when rendered in a browser.
10. All HTML and CSS code must have proper indentation, useful comments and proper opening and closing of tags
and braces.
Submission Guidelines


Save the HTML pages and CSS page in a folder name “LASTNAME_Assignment4”
Drag and drop the folder from its current location to our homework drop box
Criteria
Maximum point
possible
The web site contains 3 web pages (one is the home page)
5
There is one and only one CSS file linked to all 3 pages
5
No internal or inline CSS is used
3
One or more HTML table is used
5
The HTML table has proper layout and proper use of <tr> and <td>
8
One or more CSS styles for color
5
One or more CSS styles for font
5
One or more CSS styles for text
5
Text describing a summary and basic information about the event
5
Information about how to participate in the event
5
Detailed information about the event
5
Web site is well designed and has no errors when rendered in a
browser
10
All HTML codes are correct with closing tags
10
All CSS codes are correct
10
Useful comments are present in the HTML pages
2
Useful comments are present in the CSS file
2
Spelling, grammar, punctuation
5
Creativity/Effort
10
Turned in on time
5
Total points
110
Earned
points
Download