Developing a Design Plan for a Web Site: Part 1

1
Chapter 3

• Developing a Design Planfor a Web Site Part 1

2
Chapter Objectives

• Develop Part 1, the first four steps of this
  six-step design plan for a Web site
• Define a Web sites purpose
• Write a purpose statement for a Web site
• Identify the audience
• Determine the goals and needs of the audience

3
Chapter Objectives

• Discuss common content elements
• Describe and apply methods for choosing content
  that will add value and further the objectives of
  a Web site
• Explain repurposing content for Web usage
• Describe the content typically found on different
  types of Web sites

4
Chapter Objectives

• Discuss the impact photographs can add to a Web
  site
• Explain the difference between multimedia and
  interactive multimedia
• Describe how animation can be utilized
  effectively
• Explain the difference between downloadable and
  streaming media
• Differentiate among Web site structures
• Understand the specific functions of Web pages

5
Web Site Development Process
6
Step 1 Define the Purpose

• Decide on a Topic for the Web Site
• Topic should be distinct not too broad or too
  narrow
• List the Goals of the Web Site

7
Step 2 Identify the Audience

• Define the goals and needs of the audience
• Develop a preliminary audience profile

8
Step 3 Plan the Content

• Content is critical to the success of a Web site
• Value-Added Content
• Develop relative, informative, and timely content
• Do not duplicate content created for print on Web
  pages - Repurpose the content so it will add value

9
Step 3 Plan the Content

• Text
• Primary component of a Web site
• Guidelines to consider
• Abbreviate text
• Chunk information
• Add hyperlinks to explanatory or detailed
  information
• Use active voice / friendly tone
• Remove transitional words
• Do not use Web clichés

10
Step 3 Plan the Content

• Photographs
• Most commonly included content element on Web
  sites
• Can personalize and familiarize the unknown

11
Step 3 Plan the Content

• Photographs
• Can help deliver a message or prompt an action
• Select high-quality, relative pictures

12
Step 3 Plan the Content

• Multimedia
• Add action, excitement, and interactivity to your
  Web site
• Viewers are intrigued and entertained by
  multimedia presentations
• Multimedia presentations can be interactive
• Users can participate
• Helper Applications
• Plug-ins

13
(No Transcript)
14
Step 3 Plan the Content

• Animations
• Widely used to attract attention and liven Web
  pages
• Adds interest and appeal to Web pages
• Overuse of animations can become distracting and
  annoying
• Animated GIF
• Gives the appearance of moving pictures

15
(No Transcript)
16
Step 3 Plan the Content

• Audio
• Low-bandwidth alternative to video
• Incorporate audio into a Web site to personalize
  a message, enhance recall, set a mood, or sell a
  product or service
• Downloadable vs. Streaming Media

17
Step 3 Plan the Content

• Video
• Incorporate movement and sound
• Extremely large sizes of video
• Downloadable vs. Streaming Video

18
Step 3 Plan the Content

• Dynamically Generated Content
• Served up to your Web site visitor triggered by a
  specific event
• Frequently called up from a database
• Active Server Pages
• Scripting languages

19
(No Transcript)
20
Step 4 Plan the Structure

• Outline your Web Site
• Choose the method that you find most flexible and
  comfortable
• Linear / tutorial structure
• Random structure
• Hierarchical structure

21
Linear Structure

• Presents information in a specific order
• Training website

22
Random Structure

• Presents information without a specific order
• Use only for small Web sites

23
Hierarchical Structure

• Organizes information into categories and
  subcategories
• Best used in organizational / topical Web sites

24
Hierarchical Structure
25
Functions of Web Pages

• Home Page
• First page visitors will see
• Indicate to visitors what they have accessed
• Might include the following
• Image maps
• Search function
• Directory

26
Functions of Web Pages
27
Functions of Web Pages

• Splash Page
• Provides elements of interest that draws visitors
  to your Web site
• Might contain powerful multimedia such as
  graphics, sound, and movements
• Some visitors consider splash pages a nuisance

28
Functions of Web Pages
29
Functions of Web Pages

• Secondary Page
• Connects and combines the Web site
• Secondary pages should
• Have a look that shows a definite visual
  connection with the home page and other pages
• Clearly display the Web site name
• Provide a link to the home page

30
Functions of Web Pages
31
Titling Your Web Pages

• Make the title of each page attention getting
• Title appears in the title bar of the browser
• Bookmarks contain the title of the Web page

32
Titling Your Web Pages
33
Develop a File System

• If your Web site has fewer than 30 files, keep
  these files in one folder
• Web sites with more than 30 files should be kept
  in multiple folders
• Organize the files of a Web site systematically
  to maximize productivity, reduce the possibility
  of lost content, and facilitate publishing the
  Web site

34
Chapter Review

• Develop Part 1, the first four steps of this
  six-step design plan for a Web site
• Define a Web sites purpose
• Write a purpose statement for a Web site
• Identify the audience
• Determine the goals and needs of the audience

35
Chapter Review

• Discuss common content elements
• Describe and apply methods for choosing content
  that will add value and further the objectives of
  a Web site
• Explain repurposing content for Web usage
• Describe the content typically found on different
  types of Web sites

36
Chapter Review

• Discuss the impact photographs can add to a Web
  site
• Explain the difference between multimedia and
  interactive multimedia
• Describe how animation can be utilized
  effectively
• Explain the difference between downloadable and
  streaming media
• Differentiate among Web site structures
• Understand the specific functions of Web pages

37
Chapter 3 Complete