1 By: Nathan Mittler For CSCI 344 Spring 1998

2 INTRODUCTION DHTML builds on to the capabilities of HTML Currently supported by Microsoft Internet Explorer 4 (IE4), and the Netscape Communicator 4.

3 INTRODUCTION DYNAMIC- the user will be able to manipulate and access elements on a page NEW FEATURES: –all elements in a page are accessible to a scripting language –absolute positioning of elements, including a 3rd dimensional coordinate known as z-index –dynamic redrawing of parts of page –graphic filters-allow user to add multi-media effects to graphics and text

4 ABSOLUTE POSITIONING AND Z-ORDER STYLE SHEETS –are the major way to provide a link between elements in the page and the code that manipulates them –universality of application - we can develop a style sheet and then apply it to any document –convey greater typographic control ex) drop-caps, overlapping text, etc

5 ABSOLUTE POSITIONING AND Z-ORDER Style sheet information is separate from actual text information –results in smaller file sizes five 10k document can reference a 15k style sheet instead of having five 25k documents SHOW EXAMPLE 1 SHOW CODE

6 LAYER CONTROL WITH Z- INDEX PROPERTY –can specify elements to appear above or below the text by using positive or negative z-index values –can layer non-text elements with respect to each other by using higher or lower z-index values SHOW EXAMPLE 2 SHOW CODE ABSOLUTE POSITIONING AND Z-ORDER

7 FILTERS Effects for enhancing the look of elements within web page can do anything from flipping image upside down to making the object disappear TYPES OF FILTERS: –visual filters –transition filters

8 FILTERS VISUAL FILTERS –allow you to manipulate your elements by applying effects –14 visual effects in all –SHOW EXAMPLE 3SHOW EXAMPLE 3 –SHOW CODESHOW CODE

9 TRANSITION FILTERS –cause a change to an image over some user configurable length of time –23 transition effects in all –SHOW EXAMPLE 4SHOW EXAMPLE 4 –SHOW CODESHOW CODE FILTERS