United States
Dynamic HTML (DHTML) Tutorials
Online Contents For This Course
We have made some of the video tutorials for Dynamic HTML (DHTML) freely available to help you evaluate our training.
Click on any of the linked lesson listings below to preview FREE!
Course Description
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:
|
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 FeedbackCourse Information
| Course: | Dynamic HTML (DHTML) |
| Author: | Darcey Spears |
| SKU: | 33575 |
| ISBN: | 1-932808-28-0 |
| Release Date: | 2004-11-17 |
| Duration: | 7 hrs / 99 tutorials |
| Work Files: |
Yes |
| Captions: | No |
Subscription / Purchase Information
This course is just part of the entire VTC collection of over 650 courses, 70,000 video tutorials (14,250+ free), available to you for just $30 a month.
View All Courses Subscribe Learn More