Introduction

Dynamic HTML, or DHTML, is an umbrella term for a collection of technologies used together to create interactive and animated web sites by using a combination of a static markup language (such as HTML), a client-side scripting language (such as JavaScript), a presentation definition language (such as CSS), and the Document Object Model. DHTML allows scripting languages to change variables in a web page’s definition language, which in turn affects the look and function of otherwise “static” HTML page content, after the page has been fully loaded and during the viewing process. Thus the dynamic characteristic of DHTML is the way it functions while a page is viewed, not in its ability to generate a unique page with each page load. DHTML allows scripting languages to change variables in a web page’s definition language, which in turn affects the look and function of otherwise “static” HTML page content, after the page has been fully loaded and during the viewing process. Thus the dynamic characteristic of DHTML is the way it functions while a page is viewed, not in its ability to generate a unique with each page load.

Prerequisties

• The Attendee must have knowledge of HTML and JavaScript. Familiarity with CSS and the DOM is recommended.

Course Content

1. Learning DHTML Basics

• Introducing DHTML
• Reviewing HTML and JavaScript used in DHTML
• Creating a simple DHTML example
• Understanding the DOM, including DOM properties and DOM methods
• Creating position able elements (layers)
• Responding to events
• Finding and critiquing online DHTML resources

2. Working with Style Sheets

• Introducing style sheets
• Using style sheet properties
• Controlling styles with JavaScript
• Employing consistent styles
• Responding to accessibility issues and requirements

3. Setting Dynamic DHTML into Action

• Creating drop-down menus
• Designing a menu tree
• Exploring DHTML text effects
• Animating graphics with DHTML
• Analyzing and creating DHTML examples

4. Employing Advanced Techniques in the Real World

• Dealing with browser differences
• Enhancing forms with DHTML
• Displaying dynamic fonts
• Troubleshooting DHTML
• Creating complex animations and interactive games with DHTML
• DHTML tips and tricks
• Investigating online Web page analysis and debugging resources