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:
http://www.webbedenvironments.com/dhtml/
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.