chap9-javascript-与DHTML在网页设计中的应用(英文版).pptVIP

Chapter 9 JavaScript and DHTML Objectives Explain the 3 layers of a Web document. Insert JavaScript code on a Web page. Explain basic JavaScript syntax. Explain objects and JavaScript objects. Explain DOM. Use common objects such as document, window, form. Describe the event handling mechanism. Explain DHTML. Apply simple DHTML on your pages. Why JavaScript? A Web page that is semantically marked up and beautifully designed is wonderful, but to really make it an experience, it needs some interactivity. The 3-layer: structural, presentation and behavioral. What is JavaScript? JavaScript is a programming language mainly used on the Web. JavaScript is not Java. JavaScript can be used to test browsers, respond to user activities, validate form data, and display customized content (such as floating animation). JavaScript Dos and Don’ts Like many tools, JavaScript can be used for good or evil. The evil uses of JavaScript are all around: rapid-fire pop-ups that open faster than you can close them, sites that automatically set themselves as your home page, the list goes on and on. As Web professionals, we have a duty to make the user experience as positive as possible and make our sites both usable and accessible. JavaScript should be used in such as way that a page or site can be used without it. Using JavaScript JavaScript can be implemented on a single page or on an entire site. As with CSS, it can be embedded in a document, or externalized from that document. See page 161. embedded in the head element embedded in tags linked from an external file Skills Needed in Programming The first hard thing about programming is to learn, become comfortable with, and accept some artificial mechanisms, whether they make “sense” to you or not. Attention to detail Stupidity Good memory Ability to abstract, think on several levels Attention to detail In programming, the details matter. You cant be vague; you cant describe your program 3/4 of the way and then say “You know what I