Transcript The Web Wizard`s Guide To JavaScript

The Web Wizard’s Guide To
DHTML and CSS
Chapter 8
Putting It All Together
and Moving Forward
Chapter Objectives
• Confront design questions in navigating a large site
• Generate large amounts of content with a small amount
of code
• Combine collapsible menus with hypertext to display
text and html HTML files in both inline frames and new
windows
• Learn about XML, SMIL, SVG, and other developing
technologies
Designing with DHTML
•
•
•
•
Content Organization
Navigation Structure
Layout
Interactivity
Scripting for Efficiency
• When presented with tedious copy paste,
create scripts to do the work.
• Use loops and document.write() to create
repetitive HTML
• Use variables to change content as needed
• Escape nested quotes and forward slashes
Putting It All Together
• Create collapsible menu using loops and
document.write()
• Include event handlers for hypertext
• Insert and <iframe> to display HTML pages
• Swap text node values to display captions
• Give the visitor the option to open a new
window
Putting It All Together
Emerging Standards
• XML - Extensible Markup Language
• XHTML - Extensible HyperText Markup
Language
• SMIL - Synchronized Multimedia
Integration Language
• SVG - Scalable Vector Graphics