Borders. Spacing ... B. borders. C. spacing. D. fil

1
YOU WILL LEARN TO

• Section 12.1
• Discuss the functions of a Web site
• Compare and contrast style sheets
• Apply cascading style sheets (CSS) to a Web site
• Section 12.2
• Create a feedback form
• Compare and contrast radio buttons and check
  boxes

2
YOU WILL LEARN TO

• Section 12.3
• Explain the use of privacy policies
• Compare and contrast Web site privacy and
  security
• Discuss security measures used by e-commerce
  sites
• Section 12.4
• Identify and describe accessibility issues
• Identify strategies for maximizing site
  accessibility
• Validate accessibility

3
pp. 336-341
Examining an E-commerce Web Site
12.1
Guide to Reading
Main Ideas Many e-commerce sites exist to
provide information about a company and its
products. You can use a cascading style sheet to
format an e-commerce or other Web site.
Key Terms cascading style sheet (CSS) internal
style sheet external style sheet
4
pp. 336-341
Examining an E-commerce Web Site
12.1
Examining an E-commerce Site

• These types of pages are common on e-commerce Web
  sites
• The Home page introduces visitors to the
  business.
• The Products page provides an overview of the
  businesss products and services and a link to
  an order form.
• The FAQ (Frequently Asked Questions) page
  answers common questions about the business and
  its services.
• The News page announces what is new in the
  company.
• The Contact Us page provides contact information
  to visitors.

5
pp. 336-341
Examining an E-commerce Web Site
12.1
Cascading Style Sheets

• Cascading style sheets (CSS) can be used to
  control the formatting of all of the pages in a
  Web site.
• Text colors
• Background colors
• Borders
• Spacing
• Positioning of elements

cascading style sheet (CSS) A style sheet that
consists of code that defines formatting and
layout settings for HTML tags in a single
location. (p. 338)
6
pp. 336-341
Examining an E-commerce Web Site
12.1
Cascading Style Sheets

• There are two main types of style sheets
• internal style sheet
• external style sheet

internal style sheet  A style sheet that embeds
CSS information within an individual Web page.
(p. 338) external style sheet A style sheet
containing format and layout settings that is
stored in a separate file. (p. 339)
7
pp. 336-341
Examining an E-commerce Web Site
12.1

• Activity 12A Explore the MyDiskDesigns.biz Web
  Site (p. 337)
• Activity 12B Create an Internal Style Sheet
  (p. 338)
• Activity 12C Attach an External Style Sheet
  (p. 339)
• Activity 12D Edit an External Style Sheet (p.
  340)

8
pp. 336-341
Examining an E-Commerce Web Site
12.1
Section Assessment
Examine A cascading style sheet can be used to
control all of the following elements of a Web
site except _____. A. text colors B.
borders C. spacing D. file structure
D. file structure
9
pp. 342-346
Using Feedback Forms
12.2
Focus on Reading
Main Ideas Feedback forms allow visitors to
share their thoughts about the business, the
products, and the site. Radio buttons and check
boxes allow you to provide preset options for
visitors.
Key Terms feedback form text area radio
button check box
10
pp. 342-346
Using Feedback Forms
12.2
Feedback Forms
Feedback forms can be used to establish and
maintain relationships with your customers. A
feedback form usually contains a text area in
which visitors type.
feedback form A form that allows customers to
voice their opinions, comments, and suggestions,
and can help to cement a relationship between the
customer and the business. (p. 342) text area A
form field that will expand to allow visitors to
enter any length comment also known as a scroll
box. (p. 342)
11
pp. 342-346
Using Feedback Forms
12.2
Adding Preset Choices for Visitors

• You can include various types of response
  mechanisms on your forms, including
• Radio buttons
• Check boxes

radio button An interactive control that allows a
user to select only one option from a list of
options also known as an option button. (p.
344) check box A form field option that allows
visitors to choose as many items from a list as
they desire. (p. 344)
12
pp. 342-346
Using Feedback Forms
12.2
Adding Preset Choices for Visitors
Check boxes allow visitors to select as many
choices as they desire.
13
pp. 342-346
Using Feedback Forms
12.2

• Activity 12E Add a Feedback Form (p. 343)
• Activity 12F Add Radio Buttons (p. 344)
• Activity 12G Add Check Boxes (p. 345)

14
pp. 342-346
Using Feedback Forms
12.2
Section Assessment
Name What is another name for an option
button? A. radio button B. check box C. list
button D. submit button
A. radio button
15
pp. 348-352
Web Site Privacy and Security
12.3
Focus on Reading
Main Ideas E-commerce sites work to maintain the
privacy of their customers. They must also try to
ensure that business conducted over the Internet
is secure.
Key Terms privacy cookie privacy
policy security data encryption Secure Socket
Layer (SSL) digital certificate
16
pp. 348-352
Web Site Privacy and Security
12.3
Web Site Privacy
While customers have an expectation of privacy on
the Web, many e-commerce sites use
cookies to gather information. Many Web sites
post privacy policies to explain to users how
they can control the amount of information they
give to the sites.
privacy The ethical online collection and use of
visitors personal information. (p.
348) cookie A small data file that a Web site
writes to a visitors hard drive containing
personal information such as login or
registration information. (p. 348) privacy
policy A written statement that outlines what
information the Web site collects about visitors
and explains how that information will be used.
(p. 349)
17
pp. 348-352
Web Site Privacy and Security
12.3
Web Site Security
E-commerce companies must be very concerned with
security issues. Data encryption is an effective
way to protect information on the Web. Most Web
site publishers use the SSL (Secure Socket Layer)
data encryption method.
security The protection of data from unauthorized
access, both on the Web server and during
transmission over the Web. (p. 351) data
encryption Security measure in which sensitive
information is encoded and decoded as it is
transferred across the Internet. (p. 351) Secure
Socket Layer (SSL) Data encryption method
commonly used because its algorithm is
specifically designed to protect data transmitted
across the Internet. (p. 351)
18
pp. 348-352
Web Site Privacy and Security
12.3
Web Site Security

• Many Web sites purchase digital certificates to
  certify that they are legitimate businesses.
• Digital certificates include encrypted data,
  including
• Authorized names
• Certificate serial number
• Expiration dates
• Digital signatures

digital certificate A document issued by an
independent certification authority that confirms
a businesss credentials. (p. 352)
19
pp. 348-352
Web Site Privacy and Security
12.3
Web Site Security
Double-clicking on the SSL padlock allows you to
view a sites digital certificate.
20
pp. 348-352
Web Site Privacy and Security
12.3

• Activity 12H Add a Privacy Policy (p. 349)

21
pp. 348-352
Web Site Privacy and Security
12.3
Section Assessment
Identify Many e-commerce sites use which item to
collect information about the Web sites
visitors? A. digital certificates B. SSL C.
cookies D. digital signatures
C. cookies
22
pp. 353-356
Web Site Accessibility
12.4
Focus on Reading
Main Ideas An accessible Web site is one that
people with different needs and abilities can
access and use. Dreamweaver includes tools that
can be used to test a sites accessibility.
Key Terms accessibility accessibility
standards alternative text
23
pp. 353-356
Web Site Accessibility
12.4
Web Site Accessibility
Many Web users have disabilities that make it
difficult to use the Internet. Accessibility
enables efficient access to online
information. Accessibility standards encourage
designers to build accessible Web sites.
accessibility Hardware and software options that
allow differently abled individuals to access and
use Web pages. (p. 353) accessibility standards
A series of accessibility features that make it
easier for users to understand, scan, and respond
to elements in a Web site. (p. 353)
24
pp. 353-356
Web Site Accessibility
12.4
Web Site Accessibility

• Web site accessibility guidelines provide
  solutions for how to best present
• Dynamic Content Multimedia Elements
• Forms Page Layout
• Frames Tables
• Graphs and Charts Text
• Images Objects
• Links Text-Only Pages

25
pp. 353-356
Web Site Accessibility
12.4
Web Site Accessibility
Including alternative text is an important part
of making a site accessible to all Web
users. When selecting alternative text, be very
specific.
alternative text Text used in place or in
addition to audio, video, and graphic Web
elements to assist differently abled individuals.
(p. 354)
26
pp. 353-356
Web Site Accessibility
12.4
Validating Accessibility in Dreamweaver
Dreamweaver provides a built-in evaluation tool
to check the accessibility of a Web site or
document. When you run an accessibility report,
Dreamweaver generates a list of accessibility
errors.
27
pp. 353-356
Web Site Accessibility
12.4

• Activity 12I Run an Accessibility Report (p.
  355)

28
pp. 353-356
Web Site Accessibility
12.4
Section Assessment
Identify _________ is text used in place or in
addition to audio, video, and graphic Web
elements to assist differently abled
individuals. A. Accessible text B. Alternative
text C. Graphic text D. Replacement text
B. Alternative text
29
Chapter Review
Name Many Web sites purchase a _________ to
certify that they are legitimate businesses. A.
digital certificate B. data encryption code C.
cookie D. Secure Socket Layer
A. digital certificate
30
Chapter Review
Analyze Why is it important to ensure the
privacy of a Web site customers personal and
financial information?
You have to maintain the trust of your
customers. Customers will not want to use a site
that does not protect them from the misuse of
their personal or financial information.
31
Resources
For more resources on this chapter, go to the
Introduction to Web Design Using Dreamweaver Web
site at WebDesignDW.glencoe.com.