Dynamic HTML (DHTML) is an umberella term for a combination of HTML, XHTML, CSS, and a client side scripting language such as Javascript, or VBScript. DHTML allows developers to create engaging web sites with content that can move, change shape, size, color, or otherwise react to user actions without requiring a trip to the web server, or browser plug-in. VTC author, Darcey Spears, shows users step-by step how to build a web site, beginning with how to acquire client information, creating a site map, and onto planning for DXHTML elements. Work files are also provided for this tutorial. To being learning today, simply click on one of the Dynamic HTML lessons.
The Sample Site: organicwoodworkers.com
System Requirements & Prerequisites
Setting Up the Site in Dreamweaver
Standards Evolution with the W3C
Writing XHTML/CSS/JavaScript Pages
Quick Overview of XHTML Compliance
Basic Construction of default.htm
Discerning the Structure in Content
Cascading Sets of Styles & Naming Rules
Foreground & Background for default.htm
Font Family & Size for default.htm
Lists & Navigation Links for default.htm
Block & Inline Elements & Their Boxes
Normal Flow & Positioning Schemes

Links & Navigation Positioning
The Tree Quotes: First Positioning
The Tree Quotes: Float the Text Right
The Tree Quotes: Float the Link LeftJavaScript for default.htm
Overview of Client-side Scripting
JavaScript Properties & Methods
Tree Quote Function & Array of Quotes
Changing the Tree Quote: pt. 1
Changing the Tree Quote: pt. 2XHTML For Artist Information
Artist Summary & More Information AreaStyling Artist Information
Artist Photo & H1 For Artist Name
Artist Quote :first-letter & :first-line
Navigation Links & :hover/:active/& :visitedPositioning Artist Information
Quote & More Information Navigation Boxes
More Information Box & Overflow OptionsUnfolding Artist Information
Drop-down List Using :hover & Positioning
Adding JavaScript to Accommodate IE
Unfolding From the Same Page: pt. 1
Unfolding From the Same Page: pt. 2Closing/Minimizing/Maximizing Artist Info
Design Limitations/Closing Artist Info
Minimizing Artist Information: pt. 1
Minimizing Artist Information: pt. 2
Minimizing Artist Information: pt. 3Work Samples
JavaScript Include for Artist Links
Artist Information from Another PagePositioning Work Samples
JavaScript for Drag & Drop
Drag & Drop Starting with the First Image
endDrag()/enterDragTarget()/overDragTarget()
closeDetArea() & Image for DropThe Rest of the Pages
Contact OWW & a Total Site ReviewPrinting With CSS
Style Management with TopStyle Pro
The Print Style Sheet: XHTML ElementsMore CSS
Conclusion
Credits
Every course on the vtc.com website contains free movies that let you assess the quality of our tutorials before you subscribe - just click on the blue links to watch them. Become a member today to access over 100,000 instructional videos!
Sign Up NowIf you are already an active vtc.com member, please log in to access the tutorials.