CIS 204 Intro to Website Development

Final Project - Project Requirements

   Return to Instructor Home Page

Objective: 
This project will allow the student to show a working knowledge of basic webpage design, HTML, XHTML and  DHTML.  The project will be a multi-page commercially oriented website. The project should be selected by the student based upon their interests or for a business interest they are familiar with. This is an opportunity to create a project that can be added to a student's work portfolio that will demonstrate the student's ability and creativity using E-Commerce tools and techniques.  The student should use Notepad, FrontPage or DreamWeaver as their software development tool.  The following lists describe the features required in the project.

PURPOSE AND ORGANIZATION: (30 points)
This should be a 1-2 page write up covering your project. The storyboard may be hand drawn or created using one of many drawing applications. Please keep in mind that this is just a beginning framework for your project.  Your project will most likely change as you develop it.  Changes are acceptable and expected.  These changes do not have to be reflected in this document. 

1. Objective Statement for the website as a whole. (What will it attempt to do and why?) 
2. Website storyboard/outline of the whole website. (This may change/expand as the site is developed.)
3. Objective Statement for each page of the website. (What will the page attempt to do and why?)
4. Identification of Target Market for the Website. (Basic Demographics, location, special features/characteristics, etc)

REQUIRED TECHNICAL Features: (150 points)

BASIC STRUCTURE

1. A home page named Index.htm
2. At least four additional pages
3. A common navigation structure on all pages
4. Project stored in a folder with your initials and project name
5. All images stored in an images subfolder in your website folder

HTML/XHTML

1. Proper page setup, tag formatting and structure to comply with XHTML standards
2. Proper use of hyperlinks, including at least one link to one or more external website and at least one link to an email address
3. Proper use of tables for page organization and layout management
4. At least one form asking for contact information, name, address, city, state, zip, phone, email.
5. Good use of the ALT attribute on images and other elements
6. Good use of <meta> tags, including author, descriptions, keywords, etc.

CSS

1. All presentation such as colors, sizes, formats, fonts, bold, underline, etc. controlled using CSS concepts
2. Proper use of the class subgroup selector
3. An external CSS style sheet for the entire site
4. One or more internal/embedded CSS style sheets as appropriate for your web application
5. Examples of inline CSS commands as appropriate for your web application

JAVASCRIPT

1. Banner Rotator somewhere on your site, used as appropriate for your web application
2. Last Update Date, correctly formatted and displayed on home page
3. Form field validations
   1. Required fields (2 or more) must have content
   2. Phone number must be numeric
4. Dynamic Confirmation/Thank You page for your form.
5. One or more Pop Up/Drop Down menus used for describing some content on your page or providing links

Extra Credit Features:  (20 points maximum)

• Additional Pages (1 point per page, max 5 extra useful and relevant pages)
• Additional Javascript elements such as a calculator, properly formatted dollar amounts, movement, etc. (1-5 points per element)
• Use of CSS positioning for page layout (1-5 points)
• Use of CSS positioning for element movement on a page  (1-10 points)
• XML content displayed on a page (10 points)
• HTML Image map appropriate for your site (1-3 points)
• Use of advanced features such as audio, video, animations, etc. (1-5 points per feature)
• Use of the W3C XHMTL Validator to validate your web application  (5 points)

Project Grade:
When your project is complete please post the website to the student server.  The project is based upon 200 points.  The project grade is based upon the following scale.

 
top