12 developing a web site section 12.1 discuss the functions of a web site compare and contrast style...

12 Developing a Web Site

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

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

YOU WILL LEARN TO…

Section 12.1 Examining an E-commerce Web SiteGuide 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

pp. 336-341

Sectionpp. 336-341

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.

Examining an E-commerce Site

Examining an E-commerce Web Site12.1

Section Examining an E-commerce Web SiteCascading Style Sheets

pp. 336-341

Cascading style sheets Cascading style sheets (CSS)(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)

12.1

Section Examining an E-commerce Web SiteCascading Style Sheets

pp. 336-341

There are two main types of style sheets:• internal style sheetinternal style sheet• external style sheetexternal 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)

12.1

Sectionpp. 336-341

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)

12.1

Section Examining an E-Commerce Web Sitepp. 336-341

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

Section Assessment

12.1

Section Using Feedback FormsFocus 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

pp. 342-34612.2

Section

Feedback Forms

Feedback forms Feedback forms can be can be used to establish and used to establish and maintain relationships maintain relationships with your customers.with your customers.

A feedback form usually contains a text areatext 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)

Using Feedback Formspp. 342-346

12.2

Section

Adding Preset Choices for Visitors

You can include various You can include various types of response types of response mechanisms on your mechanisms on your forms, including:forms, including:• Radio buttonsRadio buttons• Check boxesCheck 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.2

Section

Adding Preset Choices for Visitors

Check boxes allow visitors to select as many choices as they desire.


12.2

Section

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


12.2

Section Using Feedback Formspp. 342-346

Name What is another name for an option button?

A. radio button

B. check box

C. list button

D. submit button

A. radio button

Section Assessment

12.2

Section Web Site Privacy and SecurityFocus 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

pp. 348-35212.3

Section Web Site Privacy and SecurityWeb Site Privacy

While customers have an expectation of privacyprivacy on the Web, many e-commerce sites use cookiescookies to gather information.

Many Web sites post privacy policiesprivacy 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. 348-35212.3

Section Web Site Privacy and SecurityWeb Site Security

E-commerce companies must be very concerned with securitysecurity issues.

Data encryptionData encryption is an effective way to protect information on the Web.

Most Web site publishers use the SSL (Secure SSL (Secure Socket Layer)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)

pp. 348-35212.3

Section Web Site Privacy and SecurityWeb Site Security

Many Web sites purchase digital certificates 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. 348-35212.3

Sectionpp. 348-352

Web Site Privacy and Security

Double-clicking on the SSL padlock allows you to view a site’s digital certificate.

Web Site Security

12.3

Sectionpp. 348-352

Web Site Privacy and Security

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

12.3

Section Web Site Privacy and Securitypp. 348-352

Identify Many e-commerce 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

Section Assessment

12.3

Section Web Site AccessibilityFocus 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 site’s accessibility.

Key Terms

accessibility

accessibility standards

alternative text

pp. 353-35612.4

Section Web Site AccessibilityWeb Site Accessibility

Many Web users have disabilities that make it difficult to use the Internet.

AccessibilityAccessibility enables efficient access to online information.

Accessibility standardsAccessibility 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. 353-35612.4

Sectionpp. 353-356

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


12.4

Section Web Site AccessibilityWeb Site Accessibility

Including alternative textalternative 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. 353-35612.4

Sectionpp. 353-356


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.

Validating Accessibility in Dreamweaver

12.4

Sectionpp. 353-356


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

12.4

Section Web Site Accessibilitypp. 353-356

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

Section Assessment

12.4


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


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.


Resources

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

12 developing a web site section 12.1 discuss the functions of a web site compare and contrast style...

Documents