A large part of effective Web design is the use of spacing and positioning to signify the relative importance of different elements on the page. This is made far easier by the application of Cascading Style Sheets. However, CSS can do more than just position page elements. In conjunction with JavaScript, CSS unlocks the ability to develop a truly interactive page. Designers are always looking for additional methods of emphasizing page elements. Since their first introduction in Netscape Navigator 3, interactive mouseovers have rapidly become one of the most important of these methods. This basic dynamic effect allows the illusion that a page is actively interacting with a user. Since the release of 4th generation browsers, Dynamic HTML has become much more full-featured, making possible a remarkable array of dynamic effects.

Dynamic HTML is a deceptive name because it is not one technology, like HTML, or Java, or Perl. Instead,

Dynamic HTML (or DHTML) is a series of effects that together enable Web pages to display content dynamically.


Course duration

1 Day

Course outline

• The Role of DHTML in Design
• Positioning Objects with CSS
• The JavaScript Object Models for Dynamic Content
• Measuring the Browser Window
• Dynamic Element Positioning
• Cross-Compatible Style Adjustment
• Working with the JavaScript Image Object
• Using Functions for Image Rollovers
• Page-Level Dynamism
• Pop Down Menu
• Appendix A: Style Sheet Reference
• Appendix B: Color Values and their Hex Triplet Equivalents
• Appendix C: Recommended Resources