Dynamic HTML Tutorial (DHTML)

We hope you enjoyed the FREE lessons above. To view the complete contents, including ALL the lessons below, please purchase the CD.
CLICK HERE TO BUY THIS CD

Internet and the World Wide Web
The Source of HTML
Standards Evolution with the W3C
What Do You Follow?
Writing XHTML/CSS/JavaScript Pages

XHTML for default.htm
From SGML to XML
Quick Overview of XHTML Compliance
Basic Construction of default.htm
Main Elements for default.htm

Styling default.htm
Old HTML Presentation Markup
Along Came CSS
Discerning the Structure in Content
The Separation Process
Basic Style Rules
Cascading Sets of Styles & Naming Rules
Foreground & Background for default.htm
Font Family & Size for default.htm
Lists & Navigation Links for default.htm

Positioning default.htm
The Box Model
Block & Inline Elements & Their Boxes
Normal Flow & Positioning Schemes
Tags: Reference by Class
Slogan Text & Positioning
Links & Navigation Positioning
The Tree Quotes: First Positioning
The Tree Quotes: Float the Text Right
The Tree Quotes: Float the Link Left

JavaScript for default.htm
Overview of Client-side Scripting
JavaScript Properties & Methods
Tree Quote Function & Array of Quotes
Changing the Tree Quote - Lesson 1
Changing the Tree Quote: - Lesson 2

XHTML For Artist Information
Artist Photo/Header/Quote
Artist Summary & More Information Area

Styling Artist Information
Artist Photo & H1 For Artist Name
Artist Quote :first-letter & :first-line
H3 for Artist Summary
H2 for More Information
Navigation Links & :hover/:active/& :visited

Positioning Artist Information
Main & Top Divisions
Quote & More Information Navigation Boxes
More Information Box & Overflow Options
The Look of the Scrollbars
The Center Column Boxes
Display & Visibility Choices

Unfolding Artist Information
Drop-down List Using :hover & Positioning
Onmouseover Highlighting
Adding JavaScript to Accommodate IE
Unfolding From the Same Page - Lesson 1
Unfolding From the Same Page - Lesson 2

Closing/Minimizing/Maximizing Artist Info
Design Limitations/Closing Artist Info
Minimizing Artist Information - Lesson 1
Minimizing Artist Information - Lesson 2
Minimizing Artist Information - Lesson 3
Maximizing Artist Information

Work Samples
Another Page/Another Div
JavaScript Include for Artist Links
Artist Information from Another Page
General Image Considerations
XHTML Elements

Positioning Work Samples
The Thumbnail Column
Work Sample Full Image
Copyright/Photo/& Text

JavaScript for Drag & Drop
Drag & Drop Starting with the First Image
startDrag() - Lesson 1
startDrag() - Lesson 2
endDrag()/enterDragTarget()/overDragTarget()
drop() - Lesson 1
drop() - Lesson 2
closeDetArea() & Image for Drop

The Rest of the Pages
About OWW
Contact OWW & a Total Site Review

Printing With CSS
Style Management with TopStyle Pro
Media Types
@import & @media
The Print Layout
The Print Style Sheet: XHTML Elements
Left Column Print Style - Lesson 1
Left Column Print Style - Lesson 2
Right Column Print Style

More CSS
The Document Tree
Selectors by Relationship
Horizontal Alignment
Vertical Alignment
Opacity
Table Styles

Conclusion
Summary of Skills Learned
Thanks & More Resources

Credits
About this Author