Dynamic HTML (DHTML)

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: pt. 1
Changing the Tree Quote: pt. 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: pt. 1
Unfolding From the Same Page: pt. 2

Closing/Minimizing/Maximizing Artist Info
Design Limitations/Closing Artist Info
Minimizing Artist Information: pt. 1
Minimizing Artist Information: pt. 2
Minimizing Artist Information: pt. 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() pt. 1
startDrag() pt. 2
endDrag()/enterDragTarget()/overDragTarget()
drop() pt. 1
drop() pt. 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 pt. 1
Left Column Print Style pt. 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