The purpose of this Web Project Case Study is to design a website using recommended design...

The purpose of this Web Project Case Study is to design a website using recommended design practices. Your website might be about a favorite hobby or subject, your family, a church or club you belong to, a company that a friend owns, the company you work for, and so on. Your website will contain a home page and at least six (but no more than ten) content pages. The Web Project Case Study provides an outline for a semester-long project in which you design, create, and publish an original website.

Project Milestones

1. Web Project Topic Approval. The topic of your website must be approved by your instructor. Write a one-page paper with a discussion of the following items:

• What is the name and purpose of the site?List the website name and the reasons you are creating the site.

• What do you want the site to accomplish?Explain the goal you have for the site. Describe what needs to happen for you to consider your site a success.

• Who is your target audience?Describe your target audience by age, gender, socioeconomic characteristics, and so on.

• What opportunity or issue is your site addressing?Note: Your site might be addressing the opportunity of providing information about a topic to others, creating an initial web presence for a company, and so on.

• What type of content might be included in your site?Describe the type of text, graphics, and media you will need for the site.

• List at least two related or similar sites found on the Web.

2. Web Project Planning Analysis Sheet. Write a one-page paper with a discussion of the following items. Include the following headings:

Website Goal

List the website name and describe the goal of your site in one or two sentences.

What results do I want to see?

List the working title of each page on your site. A suggested project scope is seven to eleven pages.

What information do I need?

List the sources of the content (facts, text, graphics, sounds, video) for the web pages you listed. While you should write the text content yourself, you may use outside sources for royalty-free images and multimedia. Review copyright considerations (see Chapter 1).

3. Web Project Site Map. Use the drawing features of a word processing program, a graphic application, or paper and pencil to create a site map of your website that shows the hierarchy of pages and relationships between pages. Unless otherwise directed by your instructor, use the style for a site map shown in Figure.

4. Web Project Page Layout Design. Use the drawing features of a word processing program, a graphic application, or paper and pencil to create wireframe page layouts for the home page and content pages of your site. Unless otherwise directed by your instructor, use the style for page layout composition shown in Figures. Indicate where the logo, navigation, text, and images will be located. Do not worry about exact wording or exact images.

5. Project Update Meeting 1. You should have at least three pages of your website completed by this time. If you have not done so already, your instructor will help you to publish your pages to the Web (see Chapter 12 for information about selecting a web host). Unless prior arrangements to meet are made, the Project Update Meeting will be held during class lab time. Bring the following items to discuss with your instructor:

• The URL of your website

• Source files of your web pages and images

• Site map (revise as needed)

6. Project Update Meeting 2. You should have at least six pages of your website completed by this time. They should be published to the Web. Unless prior arrangements to meet are made, the Project Update Meeting will be held during class lab time. Prepare the following items to discuss with your instructor:

• The URL of your website

• Source files of your web pages and images

• Site map (revise as needed)

7. Publish and Present Project. Finish publishing your project to your website. Be prepared to show your website to the class, explaining project goal, target audience, use of color, and any challenges you faced (and how you overcame them) while you completed the project.

Figure Hierarchical site organization.

Figure An adequate page layout.

Figure The image and columns make this page layout more interesting.

Figure This wireframe page layout uses images and columns of various widths.

Figure Wireframe with vertical navigation.