|
Dynamic HTML (DHTML) Tutorials Online |
![]() |
|
Description
Dynamic HTML (DHTML)
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. |
01 Introduction
0101 Welcome & Overview
0102 The Sample Site: organicwoodworkers.com
0103 System Requirements & Prerequisites
02 Tools
0201 HTML/XHTML Editors
0202 WYSIWYG Editors
0203 Dreamweaver Quick Overview
0204 Setting Up the Site in Dreamweaver
03 Planning the Site
0301 Client Requirements
0302 Site Map
0303 Technical Requirements
0304 Design Requirements
04 Internet and the World Wide Web
0401 The Source of HTML
0402 Standards Evolution with the W3C
0403 What Do You Follow?
0404 Writing XHTML/CSS/JavaScript Pages
05 XHTML for default.htm
0501 From SGML to XML
0502 Quick Overview of XHTML Compliance
0503 Basic Construction of default.htm
0504 Main Elements for default.htm
06 Styling default.htm
0601 Old HTML Presentation Markup
0602 Along Came CSS
0603 Discerning the Structure in Content
0604 The Separation Process
0605 Basic Style Rules
0606 Cascading Sets of Styles & Naming Rules
0607 Foreground & Background for default.htm
0608 Font Family & Size for default.htm
0609 Lists & Navigation Links for default.htm
07 Positioning default.htm
0701 The Box Model
0702 Block & Inline Elements & Their Boxes
0703 Normal Flow & Positioning Schemes
0704 <div> Tags: Reference by Class
0705 Slogan Text & Positioning
0706 Links & Navigation Positioning
0707 The Tree Quotes: First Positioning
0708 The Tree Quotes: Float the Text Right
0709 The Tree Quotes: Float the Link Left
08 JavaScript for default.htm
0801 Overview of Client-side Scripting
0802 JavaScript Properties & Methods
0803 Tree Quote Function & Array of Quotes
0804 Changing the Tree Quote: pt. 1
0805 Changing the Tree Quote: pt. 2
09 XHTML For Artist Information
0901 Artist Photo/Header/Quote
0902 Artist Summary & More Information Area
10 Styling Artist Information
1001 Artist Photo & H1 For Artist Name
1002 Artist Quote :first-letter & :first-line
1003 H3 for Artist Summary
1004 H2 for More Information
1005 Navigation Links & :hover/:active/& :visited
11 Positioning Artist Information
1101 Main & Top Divisions
1102 Quote & More Information Navigation Boxes
1103 More Information Box & Overflow Options
1104 The Look of the Scrollbars
1105 The Center Column Boxes
1106 Display & Visibility Choices
12 Unfolding Artist Information
1201 Drop-down List Using :hover & Positioning
1202 Onmouseover Highlighting
1203 Adding JavaScript to Accommodate IE
1204 Unfolding From the Same Page: pt. 1
1205 Unfolding From the Same Page: pt. 2
13 Closing/Minimizing/Maximizing Artist Info
1301 Design Limitations/Closing Artist Info
1302 Minimizing Artist Information: pt. 1
1303 Minimizing Artist Information: pt. 2
1304 Minimizing Artist Information: pt. 3
1305 Maximizing Artist Information
14 Work Samples
1401 Another Page/Another Div
1402 JavaScript Include for Artist Links
1403 Artist Information from Another Page
1404 General Image Considerations
1405 XHTML Elements
15 Positioning Work Samples
1501 The Thumbnail Column
1502 Work Sample Full Image
1503 Copyright/Photo/& Text
16 JavaScript for Drag & Drop
1601 Drag & Drop Starting with the First Image
1602 startDrag() pt. 1
1603 startDrag() pt. 2
1604 endDrag()/enterDragTarget()/overDragTarget()
1605 drop() pt. 1
1606 drop() pt. 2
1607 closeDetArea() & Image for Drop
17 The Rest of the Pages
1701 About OWW
1702 Contact OWW & a Total Site Review
18 Printing With CSS
1801 Style Management with TopStyle Pro
1802 Media Types
1803 @import & @media
1804 The Print Layout
1805 The Print Style Sheet: XHTML Elements
1806 Left Column Print Style pt. 1
1807 Left Column Print Style pt. 2
1808 Right Column Print Style
19 More CSS
1901 The Document Tree
1902 Selectors by Relationship
1903 Horizontal Alignment
1904 Vertical Alignment
1905 Opacity
1906 Table Styles
20 Conclusion
2001 Summary of Skills Learned
2002 Thanks & More Resources
21 Credits
2101 About this Author
sku |
|
