1 / 8

Enhance Your Web Pages with JavaScript: An Introductory PowerPoint Guide

This PowerPoint presentation offers an introduction to JavaScript, emphasizing its role as a scripting language directly embedded in web pages. Learn about JavaScript's case sensitivity, error correction methods, and how to apply JavaScript within HTML tags. The guide covers practical applications such as mouseover buttons, link color changes, and external script files. Supplementary handouts include steps for Dreamweaver JavaScript behaviors and detailed navigation tips. Perfect for web developers seeking to activate their websites' features using JavaScript!

ciro
Download Presentation

Enhance Your Web Pages with JavaScript: An Introductory PowerPoint Guide

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. Activate Your WebpagesWith JavaScript! Powerpoint Introduction with Application to Follow

  2. What is JavaScript? • Not Java • A scripting language written directly on the web page. • Case sensitive. • Punctuation and spelling are important! • Even hitting enter in the middle of a line can cause problems

  3. How to Correct Errors • Alert in lower left hand corner of Internet Explorer shows errors. • Double click on alert and choose “Show Details” • Choose menu Tools/Internet Options/ Advanced tab. Checkmark “Display a notification about every script error.” See Activate Handout

  4. Placing JavaScript • In the tag • Mouseover Buttons • Link Color Changes • In the head and body • LastModified • Navigation With or Without Go • In a separate .js file • Adbanner Handouts to follow

  5. In the tag • No script tag needed • Watch your punctuation • Handouts: Simple Rollover and Link Colors • Did you know that Dreamweaver creates JavaScript code called Behaviors? • Handout: Dreamweaver Rollover Buttons

  6. In the Head and Body • Functions - head • Output - body • Script tags: <script language=“JavaScript” type=“text/script”>Type your JavaScript here</script> • Dreamweaver script tags – Keep yours separate • Handouts: LastModified, Navigation with Go, Navigation without Go

  7. In a Separate File • Info in Script tag moves to new file with .js ending • Provide a link to the .js in head <script src="script07.js" language="javascript" type="text/javascript"></script> • Handouts: Adbanner Using External JS, Adbanner Using Internal JS

  8. Learn more . . . • JavaScript and Ajax for the Web • Other books • Continuing Education Courses • Online Tutorials • Handout: Activate Your Webpages.Links and my contact information are provided.

More Related