1 / 28

Planning a Web Site

Planning a Web Site. YOU WILL LEARN TO…. 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

ivy-richard
Download Presentation

Planning a Web Site

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Planning a Web Site YOU WILL LEARN TO… • 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

  2. 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

  3. pp. 136-139 Creating a Mission Statement 5.1 Focus 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

  4. pp. 136-139 Creating a Mission Statement 5.1 Determining Purpose and Goals A mission 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)

  5. pp. 136-139 Creating a Mission Statement 5.1 Determining the Audience • Your mission statement should describe the target 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)

  6. pp. 136-139 Creating a Mission Statement 5.1 Writing a Mission Statement • 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? Mission Statement The Music Department Web site will promote awareness of the Century High School Music Department by providing performance and program information.

  7. pp. 136-139 Creating a Mission Statement 5.1 • Activity 5A – Create a Mission Statement (p. 139)

  8. pp. 136-139 Creating a Mission Statement 5.1 Section Assessment B. target audience Identify Your mission statement should include a description of your _____________. A. navigation scheme B. target audience C. storyboard D. color scheme

  9. pp. 140-145 Navigation Schemes 5.2 Focus 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

  10. pp. 140-145 Navigation Schemes 5.2 Types of Navigation Schemes When choosing a navigation 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)

  11. pp. 140-145 Navigation Schemes 5.2 Types of Navigation Schemes Most Web sites use a hierarchical navigation scheme. In this scheme, the home page is often referred to as the top-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)

  12. pp. 140-145 Navigation Schemes 5.2 Types of Navigation Schemes • There are two types of relationships among pages in a hierarchical navigation scheme: • parent-child relationship • peer-to-peer relationship 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)

  13. pp. 140-145 Navigation Schemes 5.2 Types of Navigation Schemes A visitor navigates a site with a linear navigation scheme by moving through a line of pages, one after another—the same way you read a book. In a random-access navigation scheme, pages are linked 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)

  14. pp. 140-145 Navigation Schemes 5.2 Viewing a Web Site’s Navigation Scheme You can view the Web site’s navigation scheme through Dreamweaver’s Map View.

  15. pp. 140-145 Navigation Schemes 5.2 • Activity 5B – View a Web Site in Map View (p. 143)

  16. pp. 140-145 Navigation Schemes 5.2 Section Assessment Examine Most Web sites use which type of navigation scheme? A. linear B. random-access C. peer-to-peer D. hierarchical D. hierarchical

  17. pp. 146-151 Storyboarding Your Site 5.3 Focus 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

  18. pp. 146-151 Storyboarding Your Site 5.3 Storyboarding Many Web designers use storyboarding 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)

  19. pp. 146-151 Storyboarding Your Site 5.3 Storyboarding • 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.

  20. pp. 146-151 Storyboarding Your Site 5.3 Drawing 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 title and file name for each HTML document in the Web site. page titleThe name that appears in the title bar when the Web page is displayed in a browser. Also called pagename. (p. 148) file name The name of the HTML document that makes up the Web page itself. (p. 148)

  21. pp. 146-151 Storyboarding Your Site 5.3 Creating Sketches of Individual Pages • 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.

  22. pp. 146-151 Storyboarding Your Site 5.3 Web Site Planning Checklist • 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.

  23. pp. 146-151 Storyboarding Your Site 5.3 • Activity 5C – Chart Navigation Structure (p. 147) • Activity 5D – Specify File Names (p. 149) • Activity 5E – Sketch a Web Page (p. 150)

  24. pp. 146-151 Storyboarding Your Site 5.3 Section Assessment 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

  25. 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.

  26. 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.

  27. 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.

  28. 10/30 • Complete Ch. 5 Review • #’s 1-16

More Related