When you complete this lesson, you will be able to:
What you should know:
What is DHTML
W3C once said: "Dynamic HTML is a term used by some vendors to describe the combination of HTML, style sheets and scripts that allows documents to be animated." This lesson will include HTML forms, since it deals with interaction, which also make a web page non static.
Dynamic HTML (DHTML) is an extension of the HTML 4.0 definition that lets you create special effects such as text that flies off the page one word at a time, or rotating billboard-style transition effects between pages. Not all Web browsers support DHTML, so pages with DHTML might not be displayed properly or might contain errors with these browsers. This creates issues of accessibility (and hence legality) which need to be considered before using DHTML features. In particular, it is important not to design a page that relies on DHTML for functionality. Information on usability issues is available from Jakob Nielsen's Usability website www.useit.com
What's the purpose DHTML?
With DHTML a Web developer can control how to display and position HTML elements in a browser window.
explain: Each have a set of DHTML features it can use of their own.
To get started, begin by determining what HTML documents you wish to make dynamic. These will be the document that you will allow the user to interact with.
To use dhtml you will need to under stand it's syntax.
Cascading Style Sheets (CSS)
This all changes with DHTML, which it will give your the ability to changes your style within an html document using html events.
The Document Object Model (DOM)
The HTML DOM is the Document Object Model for HTML.
The HTML DOM defines a standard set of objects for HTML, and a standard way to access and manipulate HTML objects.
"The W3C Document Object Model (DOM) is a platform and language neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document". DOM gives us access to every element in a document.
For example: the phrase, below, Click on this is a header 1 element in this HTML document. Using dynamic HTML your can change the color to read.
The HTML DOM defines how you can access and change the content of HTML documents.
Click on this
What is an event Handler?
An event handlers will allow an action to take place when an event occurs. If you've been on a PC, chances are great that you have triggered event many time.
For examples: click on the following:
This is a list of events that may occur:
An event handler are embedded within the start tag of an HTML element, they can trigger a script to execute or execute within the element. Here's how:
These event along are what we will use to make our html pages more dynamic.
Chapter 4: Objects, Events and Document Object
triggering scripts, or db updates using methods.
types of methods.
why discuss in dynamic section dynamic section
tie in form events to trigger java script or database update.
Spruce up page with rollover images using mouse events
|dynamic HTML - LESSON 3|