Transcript Book cover slide

12
Developing a Web Site
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
12
Developing a Web Site
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
pp.
Section
12.1
336-341
Examining an E-commerce Web Site
Guide to Reading
Main Ideas
Key Terms
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.
cascading style sheet
(CSS)
internal style sheet
external style sheet
pp.
Section
12.1
336-341
Examining an E-commerce Web Site
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 business’s
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.
pp.
Section
12.1
336-341
Examining an E-commerce Web Site
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)
pp.
Section
12.1
336-341
Examining an E-commerce Web Site
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)
pp.
Section
12.1
Examining an E-commerce Web Site
• 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)
336-341
pp.
Section 12.1 Examining an E-Commerce Web Site
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
336-341
pp.
Section
12.2
Using Feedback Forms
Focus on Reading
Main Ideas
Key Terms
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.
feedback form
text area
radio button
check box
342-346
pp.
Section
12.2
342-346
Using Feedback Forms
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)
pp.
Section
12.2
342-346
Using Feedback Forms
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)
pp.
Section
12.2
342-346
Using Feedback Forms
Adding Preset Choices for Visitors
Check boxes allow visitors to select as many choices as
they desire.
pp.
Section
12.2
Using Feedback Forms
• Activity 12E – Add a Feedback Form (p. 343)
• Activity 12F – Add Radio Buttons (p. 344)
• Activity 12G – Add Check Boxes (p. 345)
342-346
pp.
Section 12.2 Using Feedback Forms
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
342-346
pp.
Section
12.3
348-352
Web Site Privacy and Security
Focus on Reading
Main Ideas
Key Terms
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.
privacy
cookie
privacy policy
security
data encryption
Secure Socket Layer
(SSL)
digital certificate
pp.
Section
12.3
348-352
Web Site Privacy and Security
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 visitor’s
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)
pp.
Section
12.3
348-352
Web Site Privacy and Security
Web Site Security
E-commerce companies
must be very concerned
with security issues.
security The protection of data
from unauthorized access, both
on the Web server and during
transmission over the Web.
(p. 351)
Data encryption is an
data encryption Security
measure in which sensitive
information is encoded and
decoded as it is transferred
across the Internet. (p. 351)
effective way to protect
information on the Web.
Most Web site publishers
use the SSL (Secure
Socket Layer) data
encryption method.
Secure Socket Layer (SSL)
Data encryption method
commonly used because its
algorithm is specifically
designed to protect data
transmitted across the Internet.
(p. 351)
pp.
Section
12.3
348-352
Web Site Privacy and Security
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
business’s credentials.
(p. 352)
pp.
Section
12.3
348-352
Web Site Privacy and Security
Web Site Security
Double-clicking on the SSL padlock allows you to view a
site’s digital certificate.
pp.
Section
12.3
Web Site Privacy and Security
• Activity 12H – Add a Privacy Policy (p. 349)
348-352
pp.
Section 12.3 Web Site Privacy and Security
Section Assessment
Identify Many ecommerce sites use
which item to collect
information about the
Web site’s visitors?
A. digital certificates
B. SSL
C. cookies
D. digital signatures
C. cookies
348-352
pp.
Section
12.4
353-356
Web Site Accessibility
Focus on Reading
Main Ideas
Key Terms
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 site’s
accessibility.
accessibility
accessibility standards
alternative text
pp.
Section
12.4
353-356
Web Site Accessibility
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)
pp.
Section
12.4
353-356
Web Site Accessibility
Web Site Accessibility
Web site accessibility guidelines provide solutions for how
to best present:
Dynamic Content
Forms
Frames
Graphs and Charts
Images
Links
Multimedia Elements
Page Layout
Tables
Text
Objects
Text-Only Pages
pp.
Section
12.4
353-356
Web Site Accessibility
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)
pp.
Section
12.4
353-356
Web Site Accessibility
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.
pp.
Section
12.4
Web Site Accessibility
• Activity 12I – Run an Accessibility Report (p. 355)
353-356
pp.
Section 12.4 Web Site Accessibility
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
353-356
12
Developing a Web Site
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
12
Developing a Web Site
Chapter Review
Analyze Why is it
important to ensure the
privacy of a Web site
customer’s 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.
12
Developing a Web Site
Resources
For more resources on this chapter, go to the Introduction
to Web Design Using Dreamweaver Web site at
WebDesignDW.glencoe.com.