CIS171 Final Project Description
Project Purpose/Goal
This project is designed to give you some experience designing a web
site using the Web page techniques covered this semester. These advanced
Web developer skills include Cascading Style Sheets, JavaScript, and DHTML.
You may organize into a small team of 2 or 3. If you are taking CIS171
online, you will need to communicate with other members of the class.
Contact the instructor to facilitate this. You are also
free to complete this project as an individual. The requirements remain
the same.
Return to top
Project topic
Create an informational Web site of at least six (6) pages which is unified
around a specific topic.
The topics below are suggestions just to stimulate some ideas:
- Web site for a small business, organization or non-profit
- How to get your site noticed on the Web;
- How to obtain a domain name;
- Information about a tool for Web authoring such as Dreamweaver, FrontPage,
HomeSite, etc.
- Information on multimedia tools such as Flash, Fireworks, Photoshop;
- Web standards;
- Semantic markup
- Accessibility, the 508 Guidelines;
- eCommerce or eBusiness trends;
- JavaScript tutorials, resources, and free scripts (information not
covered in the book or class);
- VBScript tutorials, resources, and free scripts;
- CGI and Perl: tutorials, resources, and free scripts;
- Information on a web programming technology such XML, PHP, ASP;
- Other topics as approved by the instructor
The site should focus on a topic that was not covered in this course. You
will need to research the topic on the Web and then decide what information
to include on the Web site.
Return to top
Preliminary plan
See the CIS171 Syllabus for due date. Send an email to your instructor
with the names of the members of your group and the topic of your final
project.
Return to top
Web Site Organization
You must organize your site as follows:
- Page 1 - Introduction to the site. (Describe briefly the information
that is going to be covered on this site.) All pages must be linked to
this home page. This page must be named home.htm. List the members of
the group and link to the homework Web page of each.
- Pages 2-?? - Report in a few short paragraphs or in lists the information
gathered in your Web research on your chosen topic or topics. Include
descriptive links to more info on your topic.
- Last page - Bibliography revealing your sources of information, images,
scripts, etc. Include links to sources.
- Appropriate navigation for the site.
- Place all of your images in a folder called images.
The web pages and the images folder must be placed in a folder called project
in your root folder.
Return to top
Content and Presentation
- Focus on both content: the text, images, and HTML elements AND on presentation:
the layout, design, and ease of use of the site.
- Images should be used to enhance the appearance of the site.
- Text and background color should allow for easy reading.
- Optimization: total webpage download <130KB—HTML, images,
CSS, JavaScript
- Navigation between pages should be incorporated throughout the site.
Return to top
Documentation
Be generous in your use of comments in your HTML, CSS and JavaScript code. Give credit for
any graphics or scripts that you used but did not create.
Include a comment that identifies every required element to make it easier
to locate.
Return to top
Presentation
See the CIS171 Syllabus for due date. The
final project must be uploaded to the server by that date. An active link
to your final project should be on your homework page.
Return to top
Requirements and grading
- Web site setup
- File and folders named correctly
- Image files optimized (total webpage download 60KB or less)
- XHTML
- Demonstate semantic markup
- Well structure page
- Valid XHTML file
- Cascading Style Sheets
- Valid external stylesheet project.css file that
is linked to all your pages. All web page elements styled
- Page layout using float or positioning
- JavaScript/DHTML
- Display the current
date.
- On at least one page, incorporate an
alert, confirm or prompt method.
- Define functions that create a scrolling message, a message in
the status bar, validate a form, OR calculate values in a form.
- Include (1) additional JavaScript/DHTML application that you learned
from the book.
- Include a JavaScript that you found on a free JavaScript site. The
script should be more complex than simply displaying an alert message.
Document the source/URL.
See the evaluation form.
Return to top
Grading
- 10 - Web site setup
- 15 - XHTML
- 20 - CSS
- 75 - JavaScript/DHTML
- 10 - Design: cohesive, readable, consistent navigation
- 10 - Content: thorough, accurate
- 10 - Documentation: HTML, CSS & JavaScript comment tags describing
the markup, scripts & how they work
- 0 to -10 - Presentation requirements (vary
depending on face-to-face or online course) including email requirement
150 Points Possible
Return to top
Deliverables
- See the WWW171 Syllabus for due date. A working Web
site running on the wwwclasses department server on or before that date.
- An email to the instructor containing in this order:
- URL to the Home page
- 2-3 paragraphs describing the project -- content, how project changed
from first concept to finish
- A description of the CSS used in the project
- A description of the JavaScript/DHTML requirements met by
the project
- Responsibilities of each member of the team
Return to top
FAQ
-
- I'm not sure what information to include in the pages?
- First, research the topic. Second, try summarizing what you thought
was interesting in the sites you visited or book that you read. Chances
are your classmates will also find the topic interesting.
- I don't want to work in a group.
- In the real world (unless you are a corporation of one), web sites
are designed and coded by teams of employees. In the student world, work
schedules may prevent participation on a team. The project requirements
do not change whether you work on a team or as an individual.
Return to top