1. Section 10.1 YOU WILL LEARN TO… Define scripting
Summarize interactivity design guidelines
Identify scripting languages
Compare common scripting languages
Identify markup languages

2. Section 10.2 Section 10.3 YOU WILL LEARN TO… Apply DHTML effects
Create a banner ad
Add update information
Remove a page from a template
Insert layers
Section 10.3
Create a form
Identify different field types
Place fields and labels into forms
Add a jump menu

3. Scripting and Markup Languagespp
Scripting and Markup Languages
10.1
Focus on Reading
Main Ideas
Scripting languages make Web pages dynamic and interactive. Examples of scripting languages include JavaScript, Java applets, CGI, and DHTML. XML and XHTML are types of markup languages.
Key Terms
script
interactivity
JavaScript
Java applet
Common Gateway Interface (CGI)
markup languages
Extensible Markup Language (XML)
Extensible Hypertext Markup Language (XHTML)

4. Scripting and Markup Languagespp
Scripting and Markup Languages
10.1
Scripting and Interactivity
You can use scripts to add interactivity to your Web pages.
Interactivity on a Web site allows you to solicit and receive information from your visitors.
script A short program (p. 278)
interactivity Allows communication (p. 278)

5. Scripting and Markup Languagespp
Scripting and Markup Languages
10.1
Scripting Languages
Scripting languages can be used to create interactive elements, such as:
rollover buttons
banners
displays
clocks
forms
games

6. Scripting and Markup Languagespp
Scripting and Markup Languages
10.1
Scripting Languages
JavaScript is a scripting language that works as part of an HTML document.
As the Web page loads onto a user’s computer, the browser reads the JavaScript and completes the operation.
JavaScript A scripting language (p. 279)

7. Scripting and Markup Languagespp
Scripting and Markup Languages
10.1
Scripting Languages
Java applet is a short code program that can be used to create interactive elements that operate separately from the overall Web page.
A Java date picker applet allows users to select travel dates by clicking on a pop-up calendar.
Java applet A short Java code program that runs in a browser. (p. 279)

8. Scripting and Markup Languagespp
Scripting and Markup Languages
10.1
Scripting Languages
Common Gateway Interface (CGI) is a type of script that allows information to transfer back and forth in real-time between two computers.
Common Gateway Interface (CGI) A type of script (p. 279)

9. Scripting and Markup Languagespp
Scripting and Markup Languages
10.1
Scripting Languages
Dynamic HTML (DHTML) is a scripting language that is an extension of HTML. It allows you to create interactive Web sites by combining these three elements:
HTML
Cascading Style Sheets
JavaScript

10. Scripting and Markup Languagespp
Scripting and Markup Languages
10.1
Markup Languages
HTML is a markup language that defines the appearance of data.
Extensible Markup Language (XML) is a markup language that defines the meaning, and not the appearance, of Web elements.
markup language A text file (p. 280)
Extensible Markup Language (XML) A markup language (p. 280)

11. Scripting and Markup Languagespp
Scripting and Markup Languages
10.1
Markup Languages
Extensible Hypertext Markup Language (XHTML) uses the same structure and tags as HTML, but it designed to be far more versatile.
Extensible Hypertext Markup Language (XHTML) A markup language
(p. 280)

12. Scripting and Markup Languagespp
Scripting and Markup Languages
10.1
Interactivity Design Guidelines
Creating an interactive Web page that people will enjoy visiting requires careful planning.
Follow these guidelines when adding interactive elements to a Web page:
Use Interactivity only when it enhances the site.
Keep it simple so it is not distracting or annoying.
Make sure users know how to use interactive elements.
Check interactivity in all browsers visitors will use.

13. Scripting and Markup Languagespp
Scripting and Markup Languages
10.1
Section Assessment
Identify You can use ________ to create special effects such as fading backgrounds and rollover buttons.
A. DHTML
B. Cascading Style Sheets
C. XML
D. JavaScript
Place answer here.

14. Adding Dynamic Effectspp
Adding Dynamic Effects
10.2
Guide to Reading
Main Ideas
Dreamweaver makes it easy to apply dynamic effects to your pages. Dynamic effects include banner ads, automatic date insertion, and layers. Using dynamic effects makes your Web site interesting.
Key Terms
rollover button
banner ad
layer

15. Adding Dynamic Effectspp
Adding Dynamic Effects
10.2
Banner Ads
Rollover buttons are often used to create banner ads.
Dreamweaver uses DHTML to create rollover buttons.
rollover button A button (p. 283)
banner ads An advertisement that, (p. 283)

16. Adding Dynamic Effectspp
Adding Dynamic Effects
10.2
Update Information
You can use Dreamweaver’s Insert Date feature to display the current date and/or show when the site’s content was last updated.

17. Adding Dynamic Effectspp
Adding Dynamic Effects
10.2
Using DHTML Behaviors
Web designers often use layers instead of tables when they want to position objects precisely on a page.
Adding a lot of layers can cause a page to download very slowly.
layer A container (p. 288)

18. Adding Dynamic Effectspp
Adding Dynamic Effects
10.2
Activity 10A – Insert a Banner Ad (p. 284)
Activity 10B – Add Update Information (p. 285)
Activity 10C – Remove a Page from a Template (p. 286)
Activity 10D – Insert Show-Hide Layers Behavior (p. 288)

19. Adding Dynamic Effectspp
Adding Dynamic Effects
10.2
Section Assessment
Examine Which of the following can be used to position objects on a Web page?
A. layers
B. rollover buttons
C. labels
D. banner ads
Place answer here.

20. Adding a Form to a Web Sitepp
Adding a Form to a Web Site
10.3
Focus on Reading
Main Ideas
Forms make Web sites interactive by letting users submit data. Users enter each data item in a field identified by a label. Different types of fields fulfill different purposes.
Key Terms
form
field
label
jump menu

21. Adding a Form to a Web Sitepp
Adding a Form to a Web Site
10.3
Forms and Their Components
Web programmers and designers create forms, made up of fields and labels, to allow users to enter and submit data.
Most forms also contain a Submit and Reset button.
form A structure (p. 292)
field A form component (p. 292)
label Text that tells (p. 292)

22. Adding a Form to a Web Sitepp
Adding a Form to a Web Site
10.3
Form Fields
A form can contain different types of fields. Each type of limited option form field has a specific purpose:
A text field lets users enter a line of text
A text area lets users enter many lines of text.
A radio button lets users select one of multiple options.
A check box lets users select one or more options.
A list/menu lets users select from a list of choices.
Submit/Reset Buttons let users submit or erase a form.

23. Adding a Form to a Web Sitepp
Adding a Form to a Web Site
10.3
Adding Dynamic Effects to a Form
A jump menu can be used to make a form more dynamic.
jump menu A dynamic menu (p. 297)

24. Adding a Form to a Web Sitepp
Adding a Form to a Web Site
10.3
Activity 10E – Create a Form with Fields (p. 293)
Activity 10F – Add a Jump Menu to a Web Page (p. 297)

25. Adding a Form to a Web Sitepp
Adding a Form to a Web Site
10.3
Section Assessment
True/False A label tells the user what type of information to enter into a form’s field.
Place answer here.

26. Chapter Review
Evaluate If you want users to choose only one option, what type of form field would you use?
A. text field
B. check box
C. radio button
D. text area
Place answer here.

27. Chapter Review
Analyze Why would you want to include a dynamic element that shows the date when the page was last updated?
Place answer here.