70 likes | 82 Views
Explore content organization, navigation, layout, and interactivity using DHTML. Learn to generate and manage large amounts of content efficiently while incorporating emerging technologies like XML, XHTML, SMIL, and SVG. Enhance user experience with collapsible menus, event handlers, and innovative scripting techniques. Engage in hands-on tutorials for combining hypertext and HTML, creating dynamic menus, and implementing advanced features for a seamless web design experience. Advance your skills in web development and stand out in the ever-evolving digital landscape.
E N D
The Web Wizard’s Guide To DHTML and CSS Chapter 8 Putting It All Togetherand 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
Emerging Standards • XML - Extensible Markup Language • XHTML - Extensible HyperText Markup Language • SMIL - Synchronized Multimedia Integration Language • SVG - Scalable Vector Graphics