Welcome to The Open and Distance
Learning College - the leading
international distance learning
institution
Start changing your life for the better now! A new
career and a new start can be yours by taking a distance learning training
course. Gain a nationally recognised qualification by studying in your own
time and at your own pace.
Dynamic HTML (DHTML)
Product:
Dynamic HTML (DHTML) 7 hrs / 99 lessons. For Win Vista, XP,
2000, Mac OS X, OS 9, Linux
Price:
Details:
Introduction
Welcome & Overview (03:12)
The Sample Site: organicwoodworkers.com (03:20)
System Requirements & Prerequisites (04:05)
Tools
HTML/XHTML Editors (04:42)
WYSIWYG Editors (05:35)
Dreamweaver Quick Overview (06:02)
Setting Up the Site in Dreamweaver (05:08)
Planning the Site
Client Requirements (02:59)
Site Map (05:12)
Technical Requirements (03:01)
Design Requirements (03:42)
Internet and the World Wide Web
The Source of HTML (04:39)
Standards Evolution with the W3C (04:37)
What Do You Follow? (03:43)
Writing XHTML/CSS/JavaScript Pages (03:26)
XHTML for default.htm
From SGML to XML (05:05)
Quick Overview of XHTML Compliance (05:58)
Basic Construction of default.htm (04:00)
Main Elements for default.htm (04:29)
Styling default.htm
Old HTML Presentation Markup (04:51)
Along Came CSS (03:55)
Discerning the Structure in Content (03:10)
The Separation Process (04:23)
Basic Style Rules (05:19)
Cascading Sets of Styles & Naming Rules (05:17)
Foreground & Background for default.htm (04:49)
Font Family & Size for default.htm (05:57)
Lists & Navigation Links for default.htm (05:11)
Positioning default.htm
The Box Model (04:04)
Block & Inline Elements & Their Boxes
(03:24)
Normal Flow & Positioning Schemes (04:05)
Tags: Reference by Class
(05:28)
Slogan Text & Positioning (04:01)
Links & Navigation Positioning (04:35)
The Tree Quotes: First Positioning (03:35)
The Tree Quotes: Float the Text Right (02:57)
The Tree Quotes: Float the Link Left (03:24)
JavaScript for default.htm
Overview of Client-side Scripting (03:55)
JavaScript Properties & Methods (03:51)
Tree Quote Function & Array of Quotes (04:01)
Changing the Tree Quote: pt. 1 (02:39)
Changing the Tree Quote: pt. 2 (02:02)
XHTML For Artist Information
Artist Photo/Header/Quote (03:08)
Artist Summary & More Information Area (03:18)
Styling Artist Information
Artist Photo & H1 For Artist Name (04:04)
Artist Quote :first-letter & :first-line (04:30)
H3 for Artist Summary (03:32)
H2 for More Information (02:27)
Navigation Links & :hover/:active/& :visited
(03:43)
Positioning Artist Information
Main & Top Divisions (04:41)
Quote & More Information Navigation Boxes
(05:29)
More Information Box & Overflow Options (05:08)
The Look of the Scrollbars (03:45)
The Center Column Boxes (03:17)
Display & Visibility Choices (03:16)
Unfolding Artist Information
Drop-down List Using :hover & Positioning
(02:45)
Onmouseover Highlighting (03:11)
Adding JavaScript to Accommodate IE (03:51)
Unfolding From the Same Page: pt. 1 (03:49)
Unfolding From the Same Page: pt. 2 (04:32)
Closing/Minimizing/Maximizing Artist Info
Design Limitations/Closing Artist Info (04:33)
Minimizing Artist Information: pt. 1 (04:09)
Minimizing Artist Information: pt. 2 (03:48)
Minimizing Artist Information: pt. 3 (04:17)
Maximizing Artist Information (03:11)
Work Samples
Another Page/Another Div (03:58)
JavaScript Include for Artist Links (03:43)
Artist Information from Another Page (02:48)
General Image Considerations (04:36)
XHTML Elements (04:02)
Positioning Work Samples
The Thumbnail Column (03:46)
Work Sample Full Image (03:05)
Copyright/Photo/& Text (03:09)
JavaScript for Drag & Drop
Drag & Drop Starting with the First Image
(04:23)
startDrag() pt. 1 (03:34)
startDrag() pt. 2 (02:58)
endDrag()/enterDragTarget()/overDragTarget() (03:35)
drop() pt. 1 (03:27)
drop() pt. 2 (05:07)
closeDetArea() & Image for Drop (04:36)
The Rest of the Pages
About OWW (04:29)
Contact OWW & a Total Site Review (04:08)
Printing With CSS
Style Management with TopStyle Pro (04:46)
Media Types (04:42)
@import & @media (05:38)
The Print Layout (05:06)
The Print Style Sheet: XHTML Elements (04:30)
Left Column Print Style pt. 1 (05:14)
Left Column Print Style pt. 2 (05:22)
Right Column Print Style (03:59)
More CSS
The Document Tree (06:09)
Selectors by Relationship (06:14)
Horizontal Alignment (04:35)
Vertical Alignment (06:10)
Opacity (04:39)
Table Styles (04:58)
Conclusion
Summary of Skills Learned (04:40)
Thanks & More Resources (03:03)
ODLC
ODLC
