DHTMLPRESENTED By:

Sadhana Singh

M.Tech (S.E.)

CONTENT Introduction Features Uses Document Object Model Dynamic Style Data Binding Difference between HTML and DHTML Advantages Disadvantages

INTRODUCTION Dynamic HTML, or DHTML, is an umbrella term for a

collection of technologies used together to create interactive and animated web sites by using a combination of a static markup language, a client side scripting language, a presentation definition language, and the Document Object Model.

Allows scripting languages to change variables in a web page's definition language.

Dynamic HTML is not really a new specification of HTML, but rather a new way of looking at and controlling the standard HTML codes and commands.

DHTML is dynamic interaction between the user and a Web page.

FEATURES Changing the tags and properties Real-time positioning Dynamic fonts (Netscape Communicator) Data binding (Internet Explorer)

USES Animate text and images in their document,

independently moving each element from any starting point to any ending point, following a predetermined path or one chosen by the user.

Embed a ticker that automatically refreshes its content with the latest news, stock quotes, or other data.

Use a form to capture user input, and then process and respond to that data without having to send data back to the server.

Include rollover buttons or drop-down menus.

DOCUMENT OBJECT MODEL To allow scripts and components to access features of

HTML and CSS, the contents of the document were represented as objects in a programming model known as the Document Object Model (DOM).

The DOM also provides access to user actions such as pressing a key and clicking the mouse.

DYNAMIC STYLES Dynamic styles are a key feature of DHTML. Quickly change the appearance and formatting of

elements in a document without adding or removing elements.

We can change inline styles on individual elements and change style rules using simple script-based programming.

Helps keep your documents small and the scripts that manipulate the document fast.

DATA BINDING Bind individual elements in your document to data

from another source, such as a database or comma-delimited text file.

When the document is loaded, the data is automatically retrieved from the source and formatted and displayed within the element.

DIFFERENCE BETWEEN HTML AND DHTML

HTML stands for Hyper Text Mark-up Language where DHTML stands for Dynamic Hyper Text Mark-up Language.

Html is a language where DHTML is a Technology. HTML is a collection of tags where in DHTML, It is a

collection of technology. DHTML sites are dynamic in nature and HTML is static. A plain page without any styles and Scripts called as

HTML whereas A page with HTML, CSS, DOM and Scripts called as DHTML.

HTML sites will be slow upon client-side technologies while DHTML sites will be fast enough upon client-side technologies.

ADVANTAGES DHTML is more efficient for content management purposes. Results in faster and fresher content and visual appeal. DHTML for web design is that it is easier to create good internal

linking and cross linking. Fast and Zippy: - dHTML loads content on fly. Your whole page

does not loads but only the content part that needs to be altered, so saving the crucial time for the users and giving the snazzy look to the website.

Plug-ins, we don't need them:- dHTML uses most of the features already present in the browsers, so there is no need to download any sort of Plug-ins.

Great Utility:- The dynamic features possessed by dHTML are helping web designers to create Web pages that posses compact looks, downloads fast, have graphic effects, provides greater functionality and can hold much more text or content all at the same time.

DISADVANTAGES Costly Editing tools: - although dHTML provides great

functionality but the editors' available for that in market are pretty expensive. Examples of dHTML editors are Dreamweaver and Fusion.

Long and Complex coding: - dHTML coding is long and complex. Only the expert Javascript and HTML programmers can write them and edit them with good degree of functionality.

Browser Support problems: - dHTML suffers from browser support problems for different browsers. For example, a code written for Netscape might not work in Internet Explorer and Vice-Versa. The problem arises due to the different features of browsers.

THANK YOU