Section 5.1 Section 5.2 Determine the purpose of your Web site

Slides:



Advertisements
Similar presentations
Introduction and Planning your Site. Planning Your Web Site When Designing a Site for Yourself You have the final say over the design and content There.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based Web page using HTML.
Page Design Scroll zone Data Tables Screen Readers
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.
Section 9.1 Identify multimedia design guidelines Identify sources of multimedia files Explain the ethical use of multimedia files Describe multimedia.
STUDYING COLLEGE TEXTBOOKS AND INTERPRETING VIAUAL AND GRAPHIC AIDS
16 HTML Tables and Frames Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based.
. Website and file organization. How websites work.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Creating The Flow Chart Storyboard your site map.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Creating a Web Site Back to Table of Contents. Creating a Web Site Conceiving a Web Site Planning a Web Site 2 Creating a Web Site Section 9-1 Section.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
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.
Section 13.1 Add a hit counter to a Web page Identify the limitations of hit counters Describe the information gathered by tracking systems Create a guest.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Web Technologies Website Development Trade & Industrial Education
Creating a Presentation
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
Understanding the Web Site Development Process. Understanding the Web Site Development You need a good project plan Larger projects need a project manager.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
Dreamweaver MX Unit A CIS 205—Web Site Design & Development.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Multimedia. What is Multimedia? The integration of interactive elements using computer technology: __________.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
The Web. How does the Web work? The web is a collection of networks, starting near your home or office and expanding until we reach the global network.
Web Development. Interaction Design How is information organized? How will people find their way around the site? How will people work with the information?
Microsoft FrontPage 2003 Illustrated Complete Using a Dynamic Web Template.
XP New Perspectives on Microsoft FrontPage 2002 Tutorial 1 1 Microsoft FrontPage 2002 Tutorial 1 – Introducing FrontPage 2002.
Planning a Web Site Lesson 5. Planning a Web Site When creating a Web site, you should: Determine the site’s purpose and goals Identify target audience.
Developing a Web Site. Two Components of Web Site Development Systematic Planning Systematic Planning Design and Development Design and Development.
Module 6: The Design Process LESSON 8 The Development Process Module 6: The Design Process LESSON 8.
Web Design Fundamentals Planning Your Attack: Web site planning process.
Web Design-Lecture3-QN-2003 Web Design Enhancing a Website.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Planning a Website 5 Step Process. Step 1 – Determine Purpose & Goals Why do I want a website? Why do I want a website? What are my immediate goals for.
Information Architecture
Microsoft FrontPage 2003 Illustrated Complete Working on the Web Site’s Hyperlinks and Appearance.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Multimedia Web site development Plan your site Steps for creating web pages.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Section 6.1 Section 6.2 Write Web text Use a mission statement
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Section 7.1 Section 7.2 Identify presentation design principles
About SharePoint Server 2007 My Sites
Basics of Website Development
Web Site Design Plan Checklist
Section 5.1 Section 5.2 Determine the purpose of your Web site
Getting Started with Dreamweaver
The Development Process
Enhancing Student Learning and Retention with Community Partnerships
Back to Table of Contents
Multimedia and Internet Technology
Developing a Web Site.
Presentation transcript:

Section 5.1 Section 5.2 Determine the purpose of your Web site Determine 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

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

Creating a Mission Statement pp. 126-129 Creating a Mission Statement 5.1 Guide to 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

Creating a Mission Statement pp. 126-129 Creating a Mission Statement 5.1 Determining Purpose and Goals A mission statement will help define the purpose and goals of your Web site. Before you start working on your Web site, you should identify the purpose of the site and narrow your topic to make sure it is manageable. mission statement A statement that describes the purpose and audience of a Web site. (p. 126)

Creating a Mission Statement pp. 126-129 Creating a Mission Statement 5.1 Determining Your Audience Your mission statement should also determine the target audience. To help analyze your audience, ask these questions: 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. 127)

Creating a Mission Statement pp. 126-129 Creating a Mission Statement 5.1 Writing a Mission Statement Creating a mission statement helps to determine what content is essential for your Web site. To create your mission statement, ask yourself the following 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 and what are they looking for? Garden Company Mission Statement The Garden Company Web site will promote the hobby of gardening by providing useful gardening information and will encourage customers to visit the Garden Company’s store by describing the products and services available there.

Creating a Mission Statement pp. 126-129 Creating a Mission Statement 5.1 Activity 5A – Creating a Mission Statement (p. 128)

Navigation Schemes Guide to Reading 5.2 Main Ideas pp. 131-135 Navigation Schemes 5.2 Guide to 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

Navigation Schemes Types of Navigation Schemes 5.2 pp. 131-135 Navigation Schemes 5.2 Types of Navigation Schemes Some types of navigation schemes include: Hierarchical top-level page parent-child relationship peer-to-peer relationship hierarchical navigation scheme Type of navigational plan in which pages are arranged in levels from top to bottom, with the topmost level being the Web site’s home page. (p. 132) top-level page The highest level in a hierarchical navigation structure; usually the home page. (p. 132) parent-child relationship In a hierarchical navigation scheme, a page that is connected to another page on a different level; the page that is on the level above is the parent, and the page that is on the level below is the child. (p. 132) peer-to-peer relationship In a hierarchical navigation scheme, two or more child pages that have the same parent page. (p. 132)

Navigation Schemes Types of Navigation Schemes 5.2 Linear pp. 131-135 Navigation Schemes 5.2 Types of Navigation Schemes Linear Random-access 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. 133) random-access navigation scheme A type of navigation plan in which a site’s pages are not organized in any particular order. (p. 133)

Navigation Schemes Viewing a Web Site’s Navigation Scheme 5.2 pp. 131-135 Navigation Schemes 5.2 Viewing a Web Site’s Navigation Scheme You can view the Web site’s navigation scheme through FrontPage.

pp. 131-135 Navigation Schemes 5.2 Activity 5B – Viewing a Web Site in Navigation View (p. 134)

Storyboarding Your Site pp. 137-142 Storyboarding Your Site 5.3 Guide to Reading Main Ideas Storyboarding your site includes drawing a chart illustrating its navigation structure and creating 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 name file name

Storyboarding Your Site pp. 137-142 Storyboarding Your Site 5.3 Storyboarding Many Web designers use storyboarding when designing a Web site. Storyboarding: Helps you visualize the basic structure of the site. Graphically illustrates the links between individual Web pages. Provides a brief look at the contents of each Web site. storyboard A visual representation of a Web site and its pages. (p. 137)

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

Storyboarding Your Site pp. 137-142 Storyboarding Your Site 5.3 Creating Sketches of Individual Pages You should draw sketches of each page in the Web site. Sketches: Help make certain that all the goals of the Web site are met. Provide guidelines for developing Web page content. Are useful when you create the page template.

Storyboarding Your Site pp. 137-142 Storyboarding Your Site 5.3 Web Site Planning Checklist Planning a Web site carefully will help you create a well-designed site that people enjoy using.

Storyboarding Your Site pp. 137-142 Storyboarding Your Site 5.3 Web Site Planning Checklist Steps 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. A chart is created showing the navigation scheme, including each page’s title and file name. Sketches of the major pages are drawn.

Storyboarding Your Site pp. 137-142 Storyboarding Your Site 5.3 Activity 5C – Charting Navigation Structure (p. 138) Activity 5D – Specifying File Names (p. 140) Activity 5E – Sketching a Web Page (p. 141)

Chapter 5 Resources For more resources on this chapter, go to the Introduction to Web Design Web site at webdesign.glencoe.com.