This tutorial will give you enough ingredients to start with HTML from where. Adding Meta Tags to Your Documents. HTML Unordered Lists.
Basics of Dynamic HTML (DHTML)
Basics of DHTML for beginners
Once a web server processes a web page and sends it to the computer requesting it (called the 'Client' computer) it cannot get any more data from the server unless a new request is made. So to move around this drawback we use Dynamic HTML (DHTML) which is combining HTML and a scripting language that runs on the Client's browser to bring special effects to otherwise static pages. The scripting language that we will be using is JavaScript as most browsers support it. The scripting language can be used to alter HTML data shown (or present but hidden) on the current page by manipulating the properties for the HTML tags involved. Basically some script function is called to execute the required effect when events like 'MouseOver', 'MouseOut', 'Click', etc. occur. The major examples of DHTML are as follows :
- Using Layers : All the data to ever be displayed is loaded into the existing pages in HTML format but is hidden by using the visibility property of HTML layer elements like LAYER, DIV, etc. Now when an event like Mouse Over occurs a JavaScript function is called to show the layer. The layer is then hidden on Mouse Out event.
- Using Image Rollovers and Swaps : If you have some knowledge of web designing then you should know that when creating Image rollovers or image Swaps you usually take some script and include it to the content of your HTML pages. If you look carefully at the HTML code for the images you will find that they call functions on MouseOver and MouseOut events.
- Using Dynamic Forms : While surfing you must have noticed how some forms seem to have special functions like (a) validation of fields (b) text box character limits (c) dynamic displayed lists depending on your selection (d) redirection to other pages (e) manipulating your keyboard input or disabling some keys or browser buttons, etc. Well all this is done through calling some corresponding script functions.
- Using Cascading Style Sheets (CSS) : Yes, you might be surprised to know that CSS is part of DHTML. A CSS file is just a JavaScript file with the extension .css which is necessary for it to be recognized by the server and tools like Macromedia's Dreamweaver to contain styles.
DHTML Tutorials
DHTML Tutorials
Though what you see below is very less be assured that we will be constantly adding to this collection to bring you all the essential DHTML effects!- DHTML Effects
- DHTML Forms
- DHTML Effects
Please like, +1, link to and share this SmartWebby resource if you found it helpful. Thanks!
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 (such as HTML), a client-side scripting language (such as JavaScript), a presentation definition language (such as CSS), and the Document Object Model.
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 (such as html), a client-side scripting language (such as javascript), a presentation definition language (such as css), and the dom.
DHTML allows scripting languages to change variables in a web page's definition language, which in turn affects the look and function of otherwise 'static' HTML page content, after the page has been fully loaded and during the viewing process. Thus the dynamic characteristic of DHTML is the way it functions while a page is viewed, not in its ability to generate a unique page with each page load.
By contrast, a dynamic web page is a broader concept — any web page generated differently for each user, load occurrence, or specific variable values. This includes pages created by client-side scripting, and ones created by server-side scripting (such as php, perl, jsp or asp.net) where the web server generates content before sending it to the client.