Dynamic HTML Cross Browser Techniques

3 days

Overview

Dynamic HTML Cross-browser Techniques is a hands-on course that will present ways you can add Dynamic HTML effects to your Web pages.

Prerequisites

This is an advanced course. To successfully complete this course, you must be comfortable programming in JavaScript. DHTML builds strongly on the foundation of JavaScript. You must be proficient at creating Web pages through HTML coding and formatting the content of those Web pages with Cascading Style Sheets (CSS). Furthermore, you should know how to use Netscape Navigator versions 4.x and 6.x, and Internet Explorer 4.x, 5.x, and 6.x.

Benefits

Students will be able to add interactivity, animation, and dynamic features to their Web pages.

Target student

Students enrolling in this course should be interested in creating dynamic HTML elements, including animation and stylistic effects.

DHTML and the Document Object Model

DHTML Defined
Document Object Model Beginnings
The Level 0+ DOMs
DOM Standards

The W3C HTML DOM

Page Hierarchy
Standard Methods and Properties

Changing Styles

Exploring the Style Object
Changing Styles
The DOCTYPE Switch

Animating Page Elements

Positioning Elements on the Page
Moving Elements

Modifying the Document Structure

Reading From and Writing to Existing Elements
Reading, Writing, and Adding Attributes andValues
Creating Nodes
Removing and Replacing Nodes

Creating the Core DHTML Library

Coding for Backward Compatibility
The Custom Object Technique

Adding Methods to the Custom Object

Adding Methods
Adding Secondary Methods to the ActiveElementObject

Moving Elements on the Page

Moving in Geometric Shapes

Clipping

Clipping
Clipping With Code

Getting User Input With Events

Events
Event Information
Events and the ActiveElement Object

Applying Mouse Events

Dragging and Dropping Drop-down Menus