Transcript Chapter 7 Selecting Color and Design

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.
7.1
Principles of Presentation Design
Guide to Reading
Main Ideas
Key Terms
Well-designed Web pages
follow the guidelines of
consistency and
repetition. Using
consistent visual elements
and placing key items in
the same place from page
to page makes a site
user-friendly.
consistency
repetition
page banner
178-182
pp.
7.1
178-182
Principles of Presentation Design
Consistency and Repetition
Two features that make
Web sites user-friendly
are consistency and
repetition.
If key elements on your
site are consistent, users
will recognize that they
are on the same site.
Repetition helps users
quickly find buttons and
links they need to
navigate through the site.
consistency A logical
coherence among parts;
rule that encourages
designers to use similar
design elements throughout
a site. (p. 178)
repetition Design rule that
encourages designers to
duplicate specific elements
on all (or most) of a site’s
pages to make the site more
user-friendly. (p. 178)
pp.
7.1
178-182
Principles of Presentation Design
Creating Web Pages
Using a template for your
Web page ensures that
the position and
appearance of the main
elements of the site will be
the same on each page.
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
page banner Page element
that contains graphics
and/or text, such as a site’s
logo and title graphic; helps
users identify where they
are in a Web site. (p. 181)
pp.
7.1
178-182
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.
7.1
178-182
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.
7.2
Choosing Web-safe Colors
Guide to Reading
Main Ideas
Key Terms
A Web site’s color scheme
should both appeal to
visitors and create a
sense of continuity among
the pages. Using Websafe colors helps ensure
that pages will appear the
same to all viewers,
regardless of the systems
and browsers they are
using.
color scheme
Web-safe color
184-186
pp.
7.2
184-186
Choosing Web-safe Colors
Color Scheme Guidelines
You can use colors to
draw attention to
important items on a
page.
When choosing a color
scheme, it is important to
select colors that are
appropriate to your
message.
color scheme A set of
selected colors used
consistently for a Web site’s
interface elements, such as
title graphics, navigation
buttons, and background.
(p. 184)
pp.
7.2
184-186
Choosing Web-safe Colors
Using Web-safe Colors
Not all colors will display
exactly the same way on
a screen.
Only 216 of the many
colors available will
display consistently.
These are considered
Web-safe colors.
Web-safe colors The 216
colors that display
consistently from computer
to computer, giving Web
designers some control over
their pages’ appearance.
(p. 184)
pp.
7.2
Choosing Web-safe Colors
• Activity 7D – Adding Content and Color to the Home Page
(p. 185)
184-186
pp.
7.3
Fonts and Typography
Guide to Reading
Main Ideas
Key Terms
When you are using text,
you can specify its font
type, size, style, color, and
alignment. Choose
formatting properties that
will make your text
readable, consistent, and
attractive.
typography
font
point
alignment
serif
sans serif
187-193
pp.
7.3
187-193
Fonts and Typography
Text Properties
Presentation design also
involves the physical
appearance of text on a
page.
Web designers select the
text’s typography, which
consists of:
• Font type
• Font size (in points)
• Font alignment
• Font color
• Font style
typography The style,
arrangement, and
appearance of text. (p. 187)
font A family of letters,
numbers, and other symbols
that share a consistent style.
(p. 187)
point A traditional unit of
type measurement. (p. 188)
alignment The position of
text on a page, such as left,
right, or centered. (p. 188)
pp.
7.3
187-193
Fonts and Typography
Formatting Guidelines
All the text on your page
should be:
• Readable
• Consistent
• Attractive
Fonts can be divided into
two broad categories:
• Serif
• Sans serif
serif Font that has an extra
line or curve on the ends of
certain letters or numbers.
(p. 190)
sans serif A font that does
not have special adornment
at the end of letters or
numbers. (p. 190)
pp.
7.3
187-193
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.
7.3
Fonts and Typography
• Activity 7E – Formatting Text (p. 192)
187-193
pp.
7.4
Image Maps and Checklists
Guide to Reading
Main Ideas
Key Terms
You can insert Word
documents into your Web
pages. Image maps let
users click on hotspots
that link to related pages
or information.
subpage
image map
hotspot
195-200
pp.
7.4
195-200
Image Maps and Checklists
Creating Subpages
Subpages are often
pages that are a child of
another page.
subpage A page that is a
child of another page.
(p. 195)
pp.
7.4
195-200
Image Maps and Checklists
Image Maps
Image maps are often
used on Web sites as
parent pages leading to
child pages.
image map A graphic with
clickable areas called
hotspots that link to another
page or to another area on
the same page. (p. 197)
The image map consists
of hotspots that lead to
the child pages. Hotspots
can be any shape.
hotspot A graphic link to a
related page or another area
on the current page. (p. 197)
pp.
7.4
195-200
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.
7.4
195-200
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,
and color scheme support the
mission statement.
• The site’s color scheme is
consistent.
• The site’s formatting is
consistent.
• Text is readable against the
background.
• Page elements such as link
bars and page banners are
placed consistently throughout
the site.
• Text is presented in short
sections.
• Graphics support the page’s
purpose.
• All content is proofread and spell
checked.
• The page contains sufficient
white space.
• Important content is emphasized.
• Related items are grouped
together.
• All hyperlinks have been tested.
pp.
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)
195-200
Chapter 7
Resources
For more resources on this chapter, go to the Introduction
to Web Design Web site at webdesign.glencoe.com.