United States Dynamic HTML (DHTML) Training
CD Contents For This Title
All the chapters and lesson contents of Dynamic HTML (DHTML) are listed below.
To help you evaluate our training, we have made some of the tutorials for Dynamic HTML (DHTML) freely available. Click on any of the linked lesson listings below to preview FREE!
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.
Choose your media type:
To view the Free Tutorials listed below, you must have QuickTime installed. Please note that the online free samples have been compressed for quicker downloads. Purchased CDs have higher sound and video quality.Monitor resolution needs to be set to at least 1024 by 768 to view the entire movie.
Hide This|
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) | |
|
Credits
|
||
| About this Author | (02:04) | |
Email this Page
Send us FeedbackTitle Information / Pricing
| Title: | Dynamic HTML (DHTML) |
| Author: | Darcey Spears |
| SKU: | 33575 |
| ISBN: | 1-932808-28-0 |
| Release Date: | 2004-11-17 |
| Price: | |
| Duration: | 7 hrs / 99 lessons |
| Work Files: |
Yes |
| Captions: | No |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7 |
Online University Access all our Training for only 30
The Online University provides unlimited 24/7 access to ALL of VTC's incredible training content for the low fixed price of just $30/month (USD)
SIGNUP NOW
LEARN MORE » Select Bandwidth
Now Shipping
Client Testimonials
The VTC training videos I have used so far are top notch. Everything is explained thoroughly without repetition. The instructors cover more...
Philip Villotti