Presentation is loading. Please wait.

Presentation is loading. Please wait.

Section 10.1 Define scripting

Published byLogan Hart Modified over 6 years ago

Similar presentations

Presentation on theme: "Section 10.1 Define scripting"— 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 Section 10.3 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 Scripting and Markup Languages
pp 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 Scripting and Markup Languages
pp 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 Scripting and Markup Languages
pp 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 Scripting and Markup Languages
pp 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 Scripting and Markup Languages
pp Scripting and Markup Languages 10.1 Scripting Languages The JavaScript code displays the number of days until the year 2006.

8 Scripting and Markup Languages
pp 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 Adding Dynamic Effects
pp 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 Adding Dynamic Effects
pp 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 Adding Dynamic Effects
pp 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 Adding Dynamic Effects
pp 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 Adding Dynamic Effects
pp 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 Adding Dynamic Effects
pp 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 Adding Dynamic Effects
pp 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 Adding Dynamic Effects
pp 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 Adding a Form to a Web Site
pp 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 Adding a Form to a Web Site
pp 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 Adding a Form to a Web Site
pp 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 Adding a Form to a Web Site
pp 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.

Download ppt "Section 10.1 Define scripting"

Similar presentations

17 HTML, Scripting, and Interactivity Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and.

17 HTML, Scripting, and Interactivity Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Tutorial 6 Creating a Web Form

Tutorial 6 Creating a Web Form
The Web Warrior Guide to Web Design Technologies

The Web Warrior Guide to Web Design Technologies
CIS101 Introduction to Computing Week 08. Agenda Your questions JavaScript text Resume project HTML Project Six This week online Next class.

CIS101 Introduction to Computing Week 08. Agenda Your questions JavaScript text Resume project HTML Project Six This week online Next class.
Guide to Oracle10G1 Introduction To Forms Builder Chapter 5.

Guide to Oracle10G1 Introduction To Forms Builder Chapter 5.
Tutorial 6 Working with Web Forms

Tutorial 6 Working with Web Forms
A Guide to Oracle9i1 Introduction To Forms Builder Chapter 5.

A Guide to Oracle9i1 Introduction To Forms Builder Chapter 5.
Chapter 9 Introduction to the Document Object Model (DOM) JavaScript, Third Edition.

Chapter 9 Introduction to the Document Object Model (DOM) JavaScript, Third Edition.
Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.

Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.
Form Handling, Validation and Functions. Form Handling Forms are a graphical user interfaces (GUIs) that enables the interaction between users and servers.

Form Handling, Validation and Functions. Form Handling Forms are a graphical user interfaces (GUIs) that enables the interaction between users and servers.
CST 200 - JavaScript Validating Form Data with JavaScript.

CST JavaScript Validating Form Data with JavaScript.
1 ADVANCED MICROSOFT WORD Lesson 15 – Creating Forms and Working with Web Documents Microsoft Office 2003: Advanced.

1 ADVANCED MICROSOFT WORD Lesson 15 – Creating Forms and Working with Web Documents Microsoft Office 2003: Advanced.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.

Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
Section 13.1 Add a hit counter to a Web page Identify the limitations of hit counters Describe the information gathered by tracking systems Create a guest.

Section 13.1 Add a hit counter to a Web page Identify the limitations of hit counters Describe the information gathered by tracking systems Create a guest.
1 Web Developer & Design Foundations with XHTML Chapter 6 Key Concepts.

1 Web Developer & Design Foundations with XHTML Chapter 6 Key Concepts.
FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)

FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)
XP Tutorial 6New Perspectives on HTML and XHTML, Comprehensive 1 Creating Web Page Forms Designing a Product Registration Form Tutorial 6.

XP Tutorial 6New Perspectives on HTML and XHTML, Comprehensive 1 Creating Web Page Forms Designing a Product Registration Form Tutorial 6.
1 Creating Web Forms in HTML Web forms collect information from customers Web forms include different control elements including: –Input boxes –Selection.

1 Creating Web Forms in HTML Web forms collect information from customers Web forms include different control elements including: –Input boxes –Selection.
1 Forms A form is the usual way that information is gotten from a browser to a server –HTML has tags to create a collection of objects that implement this.

1 Forms A form is the usual way that information is gotten from a browser to a server –HTML has tags to create a collection of objects that implement this.

Similar presentations

Ads by Google