DHTML

DHTML, or Dynamic HTML, is a collection of client-side technologies to make web pages more responsive to user actions.  Although there are several definitions of which technologies are used to comprise DHTML, the most common collection includes HTML (Hypertext Markup Language), CSS (Cascading Style Sheets), and Javascript.

In this course we will look at some examples of DHTML and explore how they were created and how they may be modified.  Some of the examples come from the first edition of DHTML for the World Wide Web (Peachpit Press, 1999) by Jason Cranford Teague. A second edition was published in June 2001 under the title DHTML and CSS for the World Wide Web (Peachpit Press, 2001). The examples came from the author's web site:

Javascript is very important to successful implementation of DHTML.  We will spend about equal time with Javascript and DHTML issues.

Web sites with additional Javascript and DHTML examples, tutorials, and resources:

http://www.dhtmlzone.com/

Created and maintained by Macromedia, some of the examples emphasize Shockwave and Flash which require plug-ins on the browser. It has many interesting articles and links to other resources.

http://www.webreference.com/dhtml/

This site has a number of DHTML examples which can be used to enhance your web site.

http://www.webmonkey.com/

This site has a huge number of Javascript and DHTML examples and tutorials. It is also very good with many other web development topics.

http://www.htmlhelp.com/

A good source for articles on web standards, including HTML 4.0 and CSS 1. The articles are easier to read than those found on the W3C site (http://www.w3.org).

http://www.ruleweb.com/dhtml/

Site with examples from a book: Dynamic HTML: The HTML Developer's Guide (Addison Wesley, 2000).

http://www.dynamicdrive.com/

One of the best sites with DHTML examples to add to your site.

http://www.w3schools.com/dhtml/dhtml_examples.asp

Great DHTML examples.

http://www.dansteinman.com/dynduo/

A DHTML API (Application Programming Interface).

http://www.gentili.net/DHTML/examples.htm

Simple but useful examples.

http://www.webcoder.com/

Check out the archives for Javascript and DHTML examples.

http://cross-browser.com/

A DHTML API (Application Programming Interface) designed to work with Netscape 4+, Internet Explorer 4+, Opera 4+, and Geko (Netscape 6).

http://www.mikefoster.f2s.com/tmp/opera_dhtml.html

DHTML exaples for the Opera web browser.