Docstoc

CH07

Document Sample
CH07 Powered By Docstoc
					Section 7.1
   • Identify presentation design principles
   • Use a custom template
   • Add pages to a navigation structure


Section 7.2
   • Identify color scheme guidelines
   • Use Web-safe colors
Section 7.3
   • Identify text properties
   • Summarize formatting guidelines
   • Format text


Section 7.4
   • Insert a text document
   • Create an image map
   • Define a hotspot
   • Use a checklist
                                                 pp.   178-182
7.1   Principles of Presentation Design
      Guide to Reading

      Main Ideas                   Key Terms

      Well-designed Web pages      consistency
      follow the guidelines of     repetition
      consistency and              page banner
      repetition. Using
      consistent visual elements
      and placing key items in
      the same place from page
      to page makes a site
      user-friendly.
                                                      pp.   178-182
7.1   Principles of Presentation Design
      Consistency and Repetition

      Two features that make       consistency A logical
      Web sites user-friendly      coherence among parts;
      are consistency and          rule that encourages
      repetition.                  designers to use similar
                                   design elements throughout
                                   a site. (p. 178)
      If key elements on your
      site are consistent, users
                                   repetition Design rule that
      will recognize that they
                                   encourages designers to
      are on the same site.
                                   duplicate specific elements
                                   on all (or most) of a site’s
      Repetition helps users       pages to make the site more
      quickly find buttons and     user-friendly. (p. 178)
      links they need to
      navigate through the site.
                                                         pp.   178-182
7.1   Principles of Presentation Design
      Creating Web Pages

      Using a template for your      page banner Page element
      Web page ensures that          that contains graphics
      the position and               and/or text, such as a site’s
      appearance of the main         logo and title graphic; helps
      elements of the site will be   users identify where they
      the same on each page.         are in a Web site. (p. 181)

      Here are some steps to
      finalizing a Web page:

      1. Assign file names and
      page titles
      2. Add pages to navigation
      structure
      3. Add page banners
                                                         pp.   178-182
7.1   Principles of Presentation Design
      Creating Web Pages

      After you have created the main pages of a site and given
      them titles, you need to add them to the site’s navigation
      structure.
                                                               pp.   178-182
7.1   Principles of Presentation Design




      • Activity 7A – Using a Template to Create New Pages (p. 179)
      • Activity 7B – Adding Pages to the Navigation Structure (p. 180)
      • Activity 7C – Inserting Page Banners (p. 181)
                                                    pp.   184-186
7.2   Choosing Web-safe Colors
      Guide to Reading

      Main Ideas                   Key Terms

      A Web site’s color scheme    color scheme
      should both appeal to        Web-safe color
      visitors and create a
      sense of continuity among
      the pages. Using Web-
      safe colors helps ensure
      that pages will appear the
      same to all viewers,
      regardless of the systems
      and browsers they are
      using.
                                                       pp.   184-186
7.2   Choosing Web-safe Colors
      Color Scheme Guidelines

      You can use colors to        color scheme A set of
      draw attention to            selected colors used
      important items on a         consistently for a Web site’s
                                   interface elements, such as
      page.
                                   title graphics, navigation
                                   buttons, and background.
      When choosing a color        (p. 184)
      scheme, it is important to
      select colors that are
      appropriate to your
      message.
                                                      pp.   184-186
7.2   Choosing Web-safe Colors
      Using Web-safe Colors

      Not all colors will display   Web-safe colors The 216
      exactly the same way on       colors that display
      a screen.                     consistently from computer
                                    to computer, giving Web
                                    designers some control over
      Only 216 of the many          their pages’ appearance.
      colors available will         (p. 184)
      display consistently.
      These are considered
      Web-safe colors.
                                                            pp.   184-186
7.2   Choosing Web-safe Colors




      • Activity 7D – Adding Content and Color to the Home Page
                   (p. 185)
                                                   pp.   187-193
7.3   Fonts and Typography
      Guide to Reading

      Main Ideas                      Key Terms

      When you are using text,        typography
      you can specify its font        font
      type, size, style, color, and   point
      alignment. Choose
      formatting properties that      alignment
      will make your text             serif
      readable, consistent, and       sans serif
      attractive.
                                                     pp.   187-193
7.3   Fonts and Typography
      Text Properties

      Presentation design also   typography The style,
      involves the physical      arrangement, and
      appearance of text on a    appearance of text. (p. 187)
      page.
                                 font A family of letters,
                                 numbers, and other symbols
      Web designers select the   that share a consistent style.
      text’s typography, which   (p. 187)
      consists of:
                                 point A traditional unit of
      • Font type                type measurement. (p. 188)
      • Font size (in points)
      • Font alignment           alignment The position of
      • Font color               text on a page, such as left,
                                 right, or centered. (p. 188)
      • Font style
                                                      pp.   187-193
7.3   Fonts and Typography
      Formatting Guidelines

      All the text on your page   serif Font that has an extra
      should be:                  line or curve on the ends of
                                  certain letters or numbers.
      • Readable
                                  (p. 190)
      • Consistent
      • Attractive
                                  sans serif A font that does
                                  not have special adornment
      Fonts can be divided into   at the end of letters or
      two broad categories:       numbers. (p. 190)
      • Serif
      • Sans serif
                                                   pp.   187-193
7.3   Fonts and Typography
      Formatting Text in FrontPage

      Because FrontPage provides you with a WYSIWYG editor,
      you can immediately see how text is formatted on your
      pages.
                                                 pp.   187-193
7.3   Fonts and Typography




      • Activity 7E – Formatting Text (p. 192)
                                               pp.   195-200
7.4   Image Maps and Checklists
      Guide to Reading

      Main Ideas                   Key Terms

      You can insert Word          subpage
      documents into your Web      image map
      pages. Image maps let        hotspot
      users click on hotspots
      that link to related pages
      or information.
                                                    pp.   195-200
7.4   Image Maps and Checklists
      Creating Subpages

      Subpages are often          subpage A page that is a
      pages that are a child of   child of another page.
      another page.               (p. 195)
                                                      pp.   195-200
7.4   Image Maps and Checklists
      Image Maps

      Image maps are often        image map A graphic with
      used on Web sites as        clickable areas called
      parent pages leading to     hotspots that link to another
                                  page or to another area on
      child pages.
                                  the same page. (p. 197)

      The image map consists      hotspot A graphic link to a
      of hotspots that lead to    related page or another area
      the child pages. Hotspots   on the current page. (p. 197)
      can be any shape.
                                                       pp.   195-200
7.4   Image Maps and Checklists
      Checklists

      There are many important guidelines concerning how to
      use text, images, and color on your Web sites.

      Checklists can be useful in determining whether your
      pages conform to these guidelines.
                                                                   pp.   195-200
7.4   Image Maps and Checklists
      Checklists

      The Web site and Web page checklists help you verify that
      your site meets its design.

      Web Site Evaluation                 Web Page Evaluation
      • The site’s content, formatting,   • Text is presented in short
        and color scheme support the        sections.
        mission statement.                • Graphics support the page’s
      • The site’s color scheme is          purpose.
        consistent.                       • All content is proofread and spell
      • The site’s formatting is            checked.
        consistent.                       • The page contains sufficient
      • Text is readable against the        white space.
        background.                       • Important content is emphasized.
      • Page elements such as link        • Related items are grouped
        bars and page banners are           together.
        placed consistently throughout    • All hyperlinks have been tested.
        the site.
                                                             pp.   195-200
7.4   Image Maps and Checklists




      • Activity 7F – Adding a Subpage to the Sky Guide Page
                      (p. 195)
      • Activity 7G – Inserting a Document File into a Web Page
                      (p. 196)
      • Activity 7H – Inserting a Graphic for an Image Map
                    (p. 197)
      • Activity 7I – Creating a Hotspot (p. 198)
Chapter 7
Resources

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

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:0
posted:11/23/2011
language:English
pages:23