27
5 Planning a Web Site Section 5.1 Determine the purpose of your Web site Define the target audience for your Web site Write a mission statement Section 5.2 Describe three types of navigation schemes State the advantages and disadvantages of each scheme Choose the appropriate navigation scheme for a particular site YOU WILL LEARN TO…

5 Planning a Web Site Section 5.1 Determine the purpose of your Web site Define the target audience for your Web site Write a mission statement Section

Embed Size (px)

Citation preview

5 Planning a Web Site

Section 5.1• Determine the purpose of your Web site• Define the target audience for your Web site• Write a mission statement

Section 5.2• Describe three types of navigation schemes• State the advantages and disadvantages of each

scheme• Choose the appropriate navigation scheme for a

particular site

YOU WILL LEARN TO…

5 Planning a Web Site

YOU WILL LEARN TO…

Section 5.3• Discuss the advantages of storyboarding a site• Draw the navigation structure of a site• Create sketches of a site’s pages

Section

5.1 Creating a Mission StatementFocus on Reading

Main Ideas

Before you create a Web site, you should identify the purpose and audience of the site. Once these are known, you will be able to write a mission statement for your site.

Key Terms

mission statement

target audience

pp. 136-139

Section

5.1 Creating a Mission StatementDetermining Purpose and Goals

A mission statementmission statement will help define the purpose and goals of your Web site.

The purpose of your Web site is what you want your site to do.

The goals of your Web site outline the way you will fulfill your purpose.

mission statement A statement that describes the purpose and audience of a Web site. (p. 136)

pp. 136-139

Section

5.1 Creating a Mission StatementDetermining the Audience

Your mission statement should describe the target audiencetarget audience.

Ask these questions about your target audience:• Who is my target audience?• Who am I?• What does my target audience already know about my topic?• What does my target audience

want to learn from my site?• How will my target audience access my site?

target audience The main group of people that you want to visit your Web site. (p. 137)

pp. 136-139

Section

Creating a mission statement helps to determine what content is essential to your Web site. To create your mission statement, ask yourself these questions:

• What is the purpose of the Web site?

• What are the site’s immediate goals?

• What are the site’s long-term goals?

• Who is the target audience?

5.1 Creating a Mission StatementWriting a Mission Statement

Mission StatementThe Music Department Web site will promote awareness of the Century High School Music Department by providing performance and program information.

pp. 136-139

Section

• Activity 5A – Create a Mission Statement (p. 139)

5.1 Creating a Mission Statementpp. 136-139

Section

5.1 Creating a Mission Statementpp. 136-139

Identify Your mission statement should include a description of your _____________.

A. navigation scheme

B. target audience

C. storyboard

D. color scheme

B. target audience

Section Assessment

Section

5.2 Navigation SchemesFocus on Reading

Main Ideas

Navigation schemes define the structure for Web sites. The navigation scheme should enhance the purpose of the site and help visitors find the information they seek.

Key Terms

navigation scheme

hierarchical navigation scheme

top-level page

parent-child relationship

peer-to-peer relationship

linear navigation scheme

random-access navigation scheme

pp. 140-145

Section

5.2 Navigation SchemesTypes of Navigation Schemes

When choosing a navigation schemenavigation scheme, think about how visitors will interact with your site.

navigation scheme  The plan that determines how Web pages will relate to each other within a Web site. (p. 140)

pp. 140-145

Section

5.2 Navigation SchemesTypes of Navigation Schemes

Most Web sites use a hierarchical navigation hierarchical navigation schemescheme.

In this scheme, the home page is often referred to as the top-level pagetop-level page.

hierarchical navigation scheme Type of navigation plan in which pages are arranged in levels from top to bottom, with the topmost level being the Web site’s home page. (p. 141)

top-level page The highest level in a hierarchical navigation structure; usually the home page. (p. 141)

pp. 140-145

Section

5.2 Navigation SchemesTypes of Navigation Schemes

There are two types of relationships among pages in a hierarchical navigation scheme:

• parent-child parent-child relationshiprelationship• peer-to-peer peer-to-peer relationshiprelationship

parent-child relationship In a hierarchical navigation scheme, a page that is connected to another page; the page that is on the level above is the parent, and the page that is on the level below is the child. (p. 141)

peer-to-peer relationship In a hierarchical navigation scheme, two or more child pages that have the same parent page. (p. 141)

pp. 140-145

Section

5.2 Navigation SchemesTypes of Navigation Schemes

A visitor navigates a site A visitor navigates a site with a with a linear navigation linear navigation schemescheme by moving by moving through a line of pages, through a line of pages, one after another—the one after another—the same way you read a same way you read a book.book.

In a In a random-access random-access navigation schemenavigation scheme, , pages are linked pages are linked randomly to each other.randomly to each other.

linear navigation scheme Type of navigational plan in which every page exists at the same level; each page in the site is accessed from the one before it. (p. 142)

random-access navigation scheme A type of navigation plan in which a site’s pages are not organized in any particular order. (p. 142)

pp. 140-145

Section

You can view the Web site’s navigation scheme through Dreamweaver’s Map View.

5.2 Navigation SchemesViewing a Web Site’s Navigation Scheme

pp. 140-145

Section

• Activity 5B – View a Web Site in Map View (p. 143)

5.2 Navigation Schemespp. 140-145

Section

5.2 Navigation Schemespp. 140-145

Examine Most Web sites use which type of navigation scheme?

A. linear

B. random-access

C. peer-to-peer

D. hierarchical

D. hierarchical

Section Assessment

Section

5.3 Storyboarding Your SiteFocus on Reading

Main Ideas

When you storyboard your site, you draw a chart illustrating the site’s navigation structure and create sketches of what content the main pages will include. These graphics provide a basic overview of the site you will create.

Key Terms

storyboard

page title

file name

pp. 146-151

Section

5.3 Storyboarding Your SiteStoryboarding

Many Web designers use storyboardingstoryboarding when designing a Web site.

Storyboarding shows the relationships among the elements on each page and the relationships among the site’s pages.

storyboard A visual representation of a Web site and its pages. (p. 146)

pp. 146-151

Section

Storyboarding has a number of advantages:• It helps you visualize the basic structure of the site.

• It graphically illustrates the links between individual Web pages.

• It provides an overall look at the contents of each Web page.

• It helps you to see whether your ideas will work well before you begin creating the actual pages.

5.3 Storyboarding Your SiteStoryboarding

pp. 146-151

Section

5.3 Storyboarding Your SiteDrawing a Site’s Navigation Structure

To develop the navigation structure of a Web site, you need a list of its major pages.

You will need to determine both the page page titletitle and file namefile name for each HTML document in the Web site.

page title The name that appears in the title bar when the Web page is displayed in a browser. Also called page name. (p. 148)

file name The name of the HTML document that makes up the Web page itself. (p. 148)

pp. 146-151

Section

After you chart the overall scheme for your site, you should create a basic sketch of each Web page.

Sketches serve several purposes:• They help make certain that the goals of the Web site are met.• They provide guidelines for developing Web page content.• They are useful when you create the page template.

5.3 Storyboarding Your SiteCreating Sketches of Individual Pages

pp. 146-151

Section

There are several steps involved in planning a Web site:• The site’s purpose is clearly stated.• Both immediate and long-term goals are specified.• The audience for the site is specified.• A clear and specific mission statement is written.• An appropriate navigation scheme is chosen.• An appropriate page title and file name are chosen for each

page.• A chart is created showing the navigation scheme, including

each page’s title and file name.• The major content and graphics are chosen for each page.• Sketches of each page are drawn.• Sketches focus on each page’s overall purpose.

5.3 Storyboarding Your SiteWeb Site Planning Checklist

pp. 146-151

Section

• Activity 5C – Chart Navigation Structure (p. 147)• Activity 5D – Specify File Names (p. 149)• Activity 5E – Sketch a Web Page (p. 150)

5.3 Storyboarding Your Sitepp. 146-151

Section

5.3 Storyboarding Your Sitepp. 146-151

Identify The name that appears in the title bar of a browser when a page is displayed is called the _________.

A. page title

B. file name

C. storyboard

D. Web address

A. page title

Section Assessment

5 Planning a Web Site

Chapter Review

True/False After you create a Web site, you should identify the purpose and audience of the site.

False. Before you create a Web site, you should identify the purpose and audience of the site.

5 Planning a Web Site

Chapter Review

Explain Why is it important to determine both your immediate and long-term goals when you are in the process of planning a Web site?

A site that only serves immediate goals may need to be redesigned repeatedly as those goals change. A site that only serves long-term goals may not easily accommodate information that changes often. The design should be versatile to handle both kinds of goals.

5 Planning a Web Site

Chapter Resources

For more resources on this chapter, go to the Introduction to Web Design Using Dreamweaver Web site at WebDesignDW.glencoe.com.