Dynamic HTML

Dynamic HTML (DHTML) is a collection of existing and new technologies, rather than a specific extension to the HTML language.

Using DHTML web designers can create visually appealing web pages with an interactive user interface. DHTML opens up possibilities not previously available to traditional web pages.

Writing pages that will display in all browsers poses a major challenge to DHTML developers. Whilst this course focuses on Microsoft’s implementation of DHTML, the version that gives web designers the most possibilities, it shows delegates how to provide cross-platform support for their pages, and how to gracefully degrade DHTML pages for other browsers.

Delegates should have a good knowledge of HTML, and some experience of a programming language such as JavaScript, Visual Basic, or another object based language. The duration of the course will vary depending on delegate experience. Those delegates with good HTML skills but little programming experience will need 3 days to complete the course. Delegates with experience of using JavaScript for version 3.0 browsers can do the course in 2 days.

Note: An updated version of this course is available for version 6.0 browsers that use the W3C standard Document Object Model. This standard is only supported by the new version 6.0 + browsers, and most designers are still needing to use legacy code for older browsers.

If delegates do not have the pre-requisites, an Introduction to JavaScript course is available

Introduction

• Review of HTML
• Limitations of tradition web design
• Overview of DHTML
• The battle for standards - Microsoft vs. Netscape

Cascading Style Sheets

• Defining Cascading Style Sheets (CSS) in Your Pages
• Style Sheet Syntax
• Controlling Font Attributes
• Controlling Page Properties
• Controlling Other Page Elements
• Specifying styles by tag, class and ID.

Layout and Positioning with CSS

• CSS Positioning
• Absolute and Relative Positioning
• Layering Elements
• Moving Elements

Client Side Scripting

• Introduction to JavaScript
• Variables and Arrays
• Statements, Expressions and Flow Control
• Functions
• Introducing Objects and Events

Note: This module could use VB Script rather than JavaScript, but will limit delegates to Internet Explorer only

DHTML Object Model

• Collections
• Elements
• Objects
• Using the DHTML Object Model with JavaScript

Event Handling

• Events Available to the Developer
• Event Handling and Event Bubbling

Dynamic Styles

• Changing Font Attributes
• Hiding and Showing Elements

Dynamic Content

• Changing page content without returning to the server

Examples of DHTML

The course features extensive hands-on examples of DHTML, to illustrate each topic. Delegates will leave with code that can be used in their pages for common tasks.

This course includes full course notes and course materials. This outline can be tailored to specific client requirements