Project Purpose/Goal
This project is designed to give you some experience designing a web site using the Web page techniques covered this semester.
Directions
Create an informational Web site of at least six (6) pages which is unified around a specific topic.
Subjects that are suitable (to get you thinking):
- 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;
- A scripting language, resources, and free scripts;
- Information on a web programming technology such XML, PHP, ASP;
- Other topics as approved by the instructor; OR
- Redo an existing web site; convert the XHTML into a structured document & apply CSS to the content and layout.
- Web site for an organization or business
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 and how to present it on the Web site. Inform your instructor by email of your subject. See Syllabus for date due.
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.
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, background images, 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.
Documentation
Be generous in your use of comments in your CSS & XHTML code. Give credit
for any graphics or scripts that you used but did not create.
Include a comment that explains every feature.
Presentation
See the CIS132 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. In a professional manner, present and explain the final project to the class.
Required Elements
- An external stylesheet file for the screen that is linked to all your pages.
- Style all elements on the page: headings, paragraphs, lists, tables, div tags, span tags, etc.
- Navigation/menus are in the form of lists and appropriately styled.
- An appropriate use of tables; replace all HTML attributes by styling all elements with CSS.
- Font sizes should be adjustable by the user by selecting View > Text Size
- Use CSS to create the web page layout; choose from:
- fixed width
- some elements with adjustable width
- centered
- left aligned
- An external stylesheet for print.
See the evaluation form.