Programming Exercise II: A Static Bookstore Using CSS
Development Requirement
Have to manually create the HTML and CSS pages.
No HTML editors, such as Bootstrap, will be used
Due Date and Submission Methods
On or before Tuesday, October 08, 2019 in class and have completed the following three tasks:
- Submit the following files through CSS Files Submission:
- exact 10 HTML pages [named
1.html (homepage), 2.html, ..., and 10.html],
- at most 10 CSS scripts (named
1.css, 2.css, ..., and 10.css), and
- at most 10 images [named
1.jpg/gif/png, 2.jpg/gif/png, ..., and 10.jpg/gif/png and only three image types (jpg, gif, and png) allowed],
- Fill out the form of CSS Implementation Data, and
- Turn in printouts of all HTML and CSS source code.
(Online students can send the code to the instructor via emails.)
The exercise will not be graded if any of the above three requirements is not met.
Objectives
Revise the bookstore of your own Exercise I by using HTML and CSS (Cascading Style Sheet).
This exercise is for students to practice CSS writing.
Requirements
The bookstore includes the features of user checking in and out, book searching, book purchasing, etc.
Ten different HTML pages need to be created manually and CSS code has to be used.
The HTML scripts of the revised bookstore can not include <font>, <center>, <basefont>, <s>, <strike>, and <u> tags and all styles should use CSS.
Evaluations
The following features will be considered when grading:
- Grading:
- The weights of this exercise are 5% and 6% of the final grades for the campus and online students, respectively.
- (80%) The grading will heavily consider the numbers of
- different style tags/selectors such as
p and :hover, and
- different style properties such as
border and float.
That is the higher numbers of the above features are used, the higher score you will receive.
However, the features will not be considered if they are not used effectively or do not make sense.
The following rankings are usually used by the instructor:
- Excellent if (selector # + property #) ≥ 90,
- Very good if 90 > (selector # + property #) ≥ 75,
- Good if 75 > (selector # + property #) ≥ 60,
- Fair if 60 > (selector # + property #) ≥ 45,
- Not good if 45 > (selector # + property #) ≥ 30, and
- Poor if 30 > (selector # + property #).
- (20%) Other web page features, such as style quality, page design, readability, user friendliness, making-sense, etc., will also be considered when grading.
- Grading of this exercise is subjective and is based on comparison.
The instructor will try to grade the exercises as fairly as possible.
-
Guidelines:
- This exercise will not be graded if the submission methods are not met. Students take full responsibility if the web site is not working.
- Before submitting the exercise, test it comprehensively.
Absolutely no extra points will be given after grading.
- No software tools such as Dreamweaver will be used to create the pages.
- Ten different HTML pages need to be created manually.
If more than 10 pages are created, only 10 pages will be graded.
- The newest Firefox browser will be used to grade exercises.
Note that Internet Explorer, Chrome, and Firefox are not compatible.
That is your exercises may work on the IE or Chrome but not Firefox.
- The exercise printouts will be kept until all grading is done.
They will be used to check against others’ exercises.
- The instructor will inform you the exercise evaluations by emails after grading.