ICS
225 Web Design and Development
Project: 1
Concept: Create a Data Collection Site
Project Due: Monday, September 19
Points: 30
points
Turn in Project Plan
Monday, September 12
Goals:
§
Create
a home page
§
Create
a data entry screen using tables and forms
§
Include
images
§
Link
several pages together
§
Combine
the use of XHTML and CSS
§
Be
creative and produce a visually attractive set of pages
§
Upload
files and manipulate subdirectories
§
Practice
project planning
Requirements:
§
Create
at least three web pages by hand (not
using FrontPage or some other tool to generate the XHTML tags)
§
One
of these web pages will be your home page for this course. Name it index.html and place it in your public_html directory.
This page will provide links to each of the four projects you will be
implementing
§
Connect
all project pages via links
§
The
web pages should be attractive and professional looking
§
Use
at least one table
§
Use
at least one form
§
Use
at least 5 of the following 6 forms of input:
Selection Box
Text Box
Text Area
Radio Button
Check Box
Submit Button
§
All
fields must be clearly labeled on the screen
§
Display
at least one image
§
Use
an image to link to another page
§
Implement
and use at least four style rules (CSS).
§
Put
the style rules in a separate CSS file.
§
Add
comments to every file including name, date of creation, brief description of
purpose of the script
§
Use
only HTML/XHTML and CSS (no PHP, Perl, etc.)
§
With
the exception of your home page (index.html), place all of the project pages in
a subdirectory.
Project Report: Print and hand in a project report which includes the
following sections:
-
Milestones
with dates (draft due next week)
-
Estimated
time to complete each milestone (draft due next week)
-
Actual
time to complete each milestone
-
Actual
completion date of each milestone
There will
be a 2% penalty if you do not hand in a printed copy of your report.
Turn in:
§
Post
your web pages on the class server
§
Print
and hand in a project report
Late Penalty: 10% per day late
Sample Project Plan
Come up
with 5-10 intermediate goals or tasks along with a date by which you plan to
complete each. In addition, estimate the
time it will take to perform each task.
As you work, record the time you spend.
|
Goals |
Estimated Time in
Hours |
Actual
Time |
Deadline |
Actual
Completion Date |
|
Sketching
the interface |
.5 |
1 |
Aug 28 |
Aug 28 |
|
Writing
HTML code |
1 |
3 |
Aug 29 |
Aug 30 |
|
|
|
|
|
|
|
|
|
|
|
|
|
etc. |
2 |
1.5 |
|
|
|
|
|
|
|
|
|
Testing |
1 |
.5 |
Sept 1 |
Sept 5 |
|
Final
Report |
1 |
2 |
Sept 5 |
Sept 7 |
|
|
|
|
|
|
|
Total
Time |
5.5 |
8 |
|
|
You will
not be graded according to how much or how little time you spend on the
project. You will be graded on
whether or not your turn in a thorough project plan.