Presentation is loading. Please wait.

Presentation is loading. Please wait.

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.

Similar presentations


Presentation on theme: "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."— Presentation transcript:

1 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…

2 12 Developing a Web Site 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…

3 Section 12.1 Examining an E-commerce Web Site 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 pp. 336-341

4 Section pp. 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 Site 12.1

5 Section Examining an E-commerce Web Site Cascading Style Sheets pp. 336-341 Cascading style sheets (CSS) 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) 12.1

6 Section Examining an E-commerce Web Site Cascading Style Sheets pp. 336-341 There are two main types of style sheets: internal style sheet external 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) 12.1

7 Section pp. 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

8 Section Examining an E-Commerce Web Site pp. 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 Section Assessment 12.1

9 Section Using Feedback Forms 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 pp. 342-346 12.2

10 Section Feedback Forms Feedback forms can be used to establish and maintain relationships with your customers. text area 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) Using Feedback Forms pp. 342-346 12.2

11 Section Adding Preset Choices for Visitors You can include various types of response mechanisms on your forms, including: Radio buttons Check boxes 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) Using Feedback Forms pp. 342-346 12.2

12 Section Adding Preset Choices for Visitors Check boxes allow visitors to select as many choices as they desire. Using Feedback Forms pp. 342-346 12.2

13 Section Activity 12E – Add a Feedback Form (p. 343) Activity 12F – Add Radio Buttons (p. 344) Activity 12G – Add Check Boxes (p. 345) Using Feedback Forms pp. 342-346 12.2

14 Section Using Feedback Forms pp. 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

15 Section Web Site Privacy and Security 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 pp. 348-352 12.3

16 Section Web Site Privacy and Security Web Site Privacy privacy cookies While customers have an expectation of privacy on the Web, many e-commerce sites use cookies to gather information. privacy policies 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. 348-352 12.3

17 Section Web Site Privacy and Security Web Site Security security E-commerce companies must be very concerned with security issues. Data encryption Data encryption is an effective way to protect information on the Web. SSL (Secure Socket Layer) 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) pp. 348-352 12.3

18 Section Web Site Privacy and Security Web Site Security digital certificates. 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. 348-352 12.3

19 Section pp. 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

20 Section pp. 348-352 Web Site Privacy and Security Activity 12H – Add a Privacy Policy (p. 349) 12.3

21 Section Web Site Privacy and Security pp. 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

22 Section Web Site Accessibility 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 site’s accessibility. Key Terms accessibility accessibility standards alternative text pp. 353-356 12.4

23 Section Web Site Accessibility Many Web users have disabilities that make it difficult to use the Internet. Accessibility Accessibility enables efficient access to online information. Accessibility standards 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. 353-356 12.4

24 Section pp. 353-356 Web Site Accessibility Web site accessibility guidelines provide solutions for how to best present: Dynamic Content Multimedia Elements FormsPage Layout FramesTables Graphs and ChartsText ImagesObjects LinksText-Only Pages Web Site Accessibility 12.4

25 Section Web Site Accessibility alternative text 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. 353-356 12.4

26 Section pp. 353-356 Web Site Accessibility 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

27 Section pp. 353-356 Web Site Accessibility Activity 12I – Run an Accessibility Report (p. 355) 12.4

28 Section Web Site Accessibility pp. 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

29 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

30 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.

31 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. WebDesignDW.glencoe.com


Download ppt "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."

Similar presentations


Ads by Google