DHTML Tutorial Try for FREE
Select a tutorial category
Discounted Training Courses
Members of the VTC Online University have unlimited access to this tutorial. At the moment, you are in demo mode and only the first 3 chapters will play. But members have access to EVERY SINGLE TITLE IN OUR RANGE, i.e., over 40,000 tutorials on 400+ titles all with expert tutors. Where else can you get high quality one to one training for just $30.00 per month!
Benefits
:- 01. Unlimited viewing.
- 02. Downloadable working files.
- 03. Expert instructors.
- 04. Use at home / work or both.
- 05. Works on PC or Mac.
- 06. Telephone Tech support.
- 07. Cancel at any time.
- 08. 300+ courses for 1 low fee.
- 09. New titles added regularly.
- 10. 100% Guaranteed
Should you need any help, just call - contact details at the bottom of the page.
You are in Demo mode which only allows access to the first 3 chapters of this DHTML training course and all the other titles listed on this site, this is to help you evaluate the quality of the training before joining. If you decide to join, you will instantly have totally UNLIMITED ACCESS to over 400 professionally created video tutorials, you will be able to access the content from any location and no restrictions are placed on the amount of content you can watch, you can also cancel at any time you wish. Over 4000 hours of training for just $30.00.
Introduction
- Welcome & Overview Demo
- The Sample Site: organicwoodworkers.com Demo
- System Requirements & Prerequisites Demo
Tools
- HTML/XHTML Editors Demo
- WYSIWYG Editors Demo
- Dreamweaver Quick Overview Demo
- Setting Up the Site in Dreamweaver Demo
Planning the Site
- Client Requirements Demo
- Site Map Demo
- Technical Requirements Demo
- Design Requirements Demo
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: 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
If you would like to own this DHTML training title on CD, you may purchase it from our online store, because we don't have to use the same level of compression on the CDs as we do with the online, the audio and video playback is of a higher quality. For a single low payment you can buy this
After you have completed a tutorial, a
In order to view the training, you must have the latest version of QuickTime installed. Please note that the online movies have been compressed for quicker downloads, CDs and DVDs have far higher audio and video quality.