1 / 21

Section 10.1 Define scripting Summarize interactivity design guidelines

Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common scripting languages Identify markup languages. Section 10.2 Apply DHTML effects Create a marquee Create a banner ad Create custom rollover buttons

gabe
Download Presentation

Section 10.1 Define scripting Summarize interactivity design guidelines

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Section 10.1 • Define scripting • Summarize interactivity design guidelines • Identify scripting languages • Compare common scripting languages • Identify markup languages

  2. Section 10.2 • Apply DHTML effects • Create a marquee • Create a banner ad • Create custom rollover buttons • Add update information • Create page transitions • Section 10.3 • Create a form • Identify different field types • Place fields and labels into forms

  3. pp. 268-271 Scripting and Markup Languages 10.1 Guide to 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)

  4. pp. 268-271 Scripting and Markup Languages 10.1 Scripting and Interactivity • HTML code creates static Web pages. Inserting scripts makes your pages dynamic. • Two common uses for scripts are: • To insert changing information into a Web page. • To allow interactivity. script A short program that you can insert into HTML code using special tags; expands the capabilities of HTML to create dynamic Web pages. (p. 268) interactivity Allows communication between the visitor and the Web page; the user can perform an action that the Web page responds to. (p. 268)

  5. pp. 268-271 Scripting and Markup Languages 10.1 Interactivity Design Guidelines • Here are some design guidelines for using interactivity: • Use interactivity only when it enhances the site. • Maintain simplicity. • Make certain users understand the response expected of them. • Check interactive components in all the browsers your visitors are likely to use.

  6. pp. 268-271 Scripting and Markup Languages 10.1 Scripting Languages Each scripting language is designed for specific types of interactivity: JavaScript Java Applets Common Gateway Interface (CGI) DHTML JavaScript A scripting language used to enhance the capabilities of Web programming by allowing the creation of special effects such as fading backgrounds and button rollovers. (p. 269) Java applet A short Java code program that runs in a browser. (p. 270) Common Gateway Interface (CGI) A type of script that provides a link, or interface, between an external application and a Web server. This link allows the Web server to pass a user’s request to an application program and then return information to the user. (p. 270)

  7. pp. 268-271 Scripting and Markup Languages 10.1 Scripting Languages The JavaScript code displays the number of days until the year 2006.

  8. pp. 268-271 Scripting and Markup Languages 10.1 Markup Languages HTML is a markup language that defines the appearance of data. Extensible Markup Language (XML) tags impose a structure without providing attributes on how the data are to be displayed. XHTML is the bridge between the HTML and XML. markup language A text file that contains special sequences of characters that function as tags, such as HTML, XML, and XHTML. (p. 270) Extensible Markup Language (XML) A markup language whose tags impose a specific structure and meaning on data without providing any information about how the data should be displayed. (p. 270)

  9. pp. 273-279 Adding Dynamic Effects 10.2 Guide to Reading Main Ideas FrontPage makes it easy to apply dynamic effects to your pages. Dynamic Web components include marquees, banner ads, rollover buttons, and automatic date insertion. Key Terms marquee banner ad rollover button page transition

  10. pp. 273-279 Adding Dynamic Effects 10.2 Using the DHTML Effects Toolbar • FrontPage makes adding DHTML effects easy by using the DHTML toolbar. • The first menu (On menu) allows you to specify the event, or action, that will trigger the effect. • The second menu (Apply menu) allows you to choose the effect you want to add to the page. • The third menu allows you to further refine your request. Menu 1 Menu 2 Menu 3

  11. pp. 273-279 Adding Dynamic Effects 10.2 Marquees You can create marquee text that slides in once and then stays put, repeats a specified number of times, or continuously repeats. marquee A string of text that moves from one edge of the page to the other. (p. 274)

  12. pp. 273-279 Adding Dynamic Effects 10.2 Banner Ads Banner ads make it easy for interested consumers to go to the sponsor’s Web site. banner ad An advertisement that, when clicked, takes the visitor to the sponsor’s home page. (p. 275)

  13. pp. 273-279 Adding Dynamic Effects 10.2 Rollover Buttons FrontPage uses DHTML to create a rollover button. You can create a rollover effect by inserting interactive buttons on a site. rollover button A button that changes appearance when the mouse pointer passes over it. (p. 276)

  14. pp. 273-279 Adding Dynamic Effects 10.2 Update Information Web developers often use scripting to display the current date. News sites usually display the current date to let you know that the site’s content has been updated. In addition, many search engines allow you to search for sites that have been updated within a specific time frame, such as the last six months.

  15. pp. 273-279 Adding Dynamic Effects 10.2 Page Transitions FrontPage lets you create page transitions. You can also specify when a transition will take effect. page transition Special effects that the user sees when moving from one page to another. (p. 278)

  16. pp. 273-279 Adding Dynamic Effects 10.2 • Activity 10A – Creating a Marquee (p. 274) • Activity 10B – Inserting a Banner Ad (p. 275) • Activity 10C – Creating a Rollover Button (p. 276) • Activity 10D – Adding Text Links and Update Information (p. 277) • Activity 10E – Creating a Page Transition (p. 278)

  17. pp. 281-286 Adding a Form to a Web Site 10.3 Guide to 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

  18. pp. 281-286 Adding a Form to a Web Site 10.3 Forms and Their Components Web programmers and designers use 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 that includes fields for collecting data from visitors to a Web site. (p. 281) field A form component that allows the user to enter information into the form. A form field often corresponds to a field database. (p. 281) label Text that tells the user what type of information to enter into a form’s field. (p. 281)

  19. pp. 281-286 Adding a Form to a Web Site 10.3 Form Fields A form can contain different types of fields and each field type has a specific purpose. Limited option fields, such as option buttons, check boxes, and drop-down boxes, allow users to select predefined choices.

  20. pp. 281-286 Adding a Form to a Web Site 10.3 • Activity 10F – Creating a Form (p. 281) • Activity 10G – Adding Fields to a Form (p. 283)

  21. Chapter 10 Resources For more resources on this chapter, go to the Introduction to Web Design Web site at webdesign.glencoe.com.

More Related