Final Project (Project 3) Guidelines
Due: April 28
20% of final grade
As previously discussed, your Final Project (Project 3) will be a five
to ten page website that is done for a client which may be real or fictional.
You'll use the research assignments you've done to prepare for this, and
the skills you've gained in this class, to create a highly usable and
attractive website.
Unlike the two previous projects, this project's deadline cannot be extended.
In order to turn in final grades in a timely manner, I will need everyone's
final project to be finished by April 28.
Timeline for Project 1
| April
7: |
Class
critique/discussion on sitemaps, sketches, and storyboards. |
| April 7-14: |
Work on layout
in Photoshop. |
| April 14,19: |
Class critique/discussion
on Photoshop layouts. |
| April 14-26: |
Coding in Dreamweaver |
| April 26-28: |
Testing and completion |
Aside from mini-lectures
I will give to the class regarding making optimizing your site for search
engines, tips on finding a good web host, and how to register your domain
name, all of the class time from this point forward will be dedicated
to completing your final project.
Guidelines:
- As with Project
2, CSS will be used to control text and background colors. You have
the option of using CSS for other purposes, such as controlling line
height, positioning, or margins if you wish. (Feel free to discuss with
me any curiosities you may have about CSS. It is not a requirement of
the class to use it extensively, but it is certainly an option available
to you).
- Turn in your most
current site map or flowchart, storyboards, any sketches, written plan,
and a directory structure diagram to me on April 28.
- Upload (FTP/Fetch)
your site by April 28, to your WCC student space.
- Turn in a
copy of the project (the same version that you have FTP'd) must go into
the 'Turn in Work' folder.
- All pages must
be titled appropriately.
- As with other projects,
remember to use Alternate text whenever you have an image. If you have
a spacer.gif, use alt="" within the <img> tags.
- Use contrasting
colors in your text and page elements.
- Keep the overall
color scheme non-abrasive visually, being careful not to visually overwhelm
potential users.
- Going from page
to page from the main navigation of your site, there should be no target="_blank".
The only time you would use target = "_blank" is in situations
like pop-up windows, where a web page separate from the predominant
user interface exists.
- Make the navigation
logical and consistent, and user-friendly.
- File sizes must
be as low as possible. Image files need to be optimized to a small size
for the Web, but still look decent. Remember not to use plain background-color.gif's.
Use spacer.gif's whenever possible.
- No invalid file
names (such as those that include spaces).
- No redundant or
unnecessary files or folders in your directory structure.
- Lay out your page
logically to accommodate a variety of screen sizes/resolutions. For
today's users, 800 x 600 screen size is the minimum screen size you
need to accomodate. As such, your main table's width should be no more
than 800 px, but could certainly be less.
NOTE: Another option is to make the width for your main table 100%,
which will automatically adjust to your users' screen size, rather than
be fixed as we've done in our class projects. Please let me know if
you are interested in this option. I can help you with it.
- Entire site must
be functional, with no broken links or other usability issues.
|