Dynamic HTML

Objectives

DHTML is a collection of existing and new technologies, rather than a specific extension to HTML . Using DHTML designers can create visually appealing pages with an interactive user interface. This course focuses on Microsoft's implementation of DHTML - version most likely to be adopted as new standard. It shows delegates how to provide cross-platform support for pages, and how to gracefully degrade DHTML pages for other browsers.


Pre-requisites:

Delegates should have a good knowledge of HTML and some other experience of a programming language such as JavaScript, Visual Basic or another object based language.


Course Includes:

A comprehensive set of reference notes covering course topics, follow-up telephone support and, for training on Transmedia premises, lunch and refreshments.


Course Outline


Introduction


· Review of HTML
· Limitations of traditional web design
· Overview of DHTML
· The battle for standards - Microsoft vs Netscape


Cascading Style Sheets


· Defining CSS in your pages
· Style Sheet Syntax
· Controlling Font Attributes
· Controlling Page Properties
· Controlling Other Page Elements
· Specifying styles by tag, class & 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






DHTML Object Model


· Collections
· Elements
· Objects
· Using the DHTML Object model with
Javascript


Event Handling


· Events Available to the Developer
· Event Handling & Event Bubbling


Dynamic Styles


· Changing Font Attributes
· Hiding and showing elements



Multimedia and DHTML


· Transitions
· Filters
· Moving and Scaling Images
· Introduction to ActiveX Multimedia Controls