| Course Code: |
IN 81 |
| Course Abstract: |
Introduction to DHTML is designed to teach participants who have solid, fundamental HTML experience about the application of recent extensions to the HTML standard, as implemented in Internet Explorer. This includes the implementation of Cascading Style Sheets, Cascading Style Sheets-Positioning, multiple document layers, and scripting. Using these tools and techniques, participants will learn to create self-modifying documents, interactive elements and simple animations. |
| Audience: |
This course is designed for participants who are responsible for Web site design and development. |
| Duration: |
1 day |
| Learning Outcomes: |
Upon completion of this course, the participants will be able to:
>Explain the difference between HTML and Dynamic HTML
>Describe the Document Object Model and its function
>Create pages which utilize Cascading Style Sheets
>Utilize fundamental JavaScript elements
>Implement self-modifying documents
>Create interactive/animated documents
>Create elements for user interaction |
| Course Topics: |
Introducing Dynamic HTML
Dynamic HTML vs. Traditional HTML
Evolution of HTML
Internet Explorer vs. Netscape Navigator
Elements of DHTML
HTML 4
Style Sheets
Scripting
Using JavaScript
JavaScript Terminology
Basic Elements
Script Tag
Events and Handlers
Functions
Variables
Using Cascading Style Sheets
Declaring Styles
Setting Text Properties
Setting Font Properties
Setting Other Element Properties
Setting Element Positioning
Creating Interactive Documents
Rollover Menu Items
Dynamic Text
Pop-up Fields
Creating Animated Effects
Straightline Animations
Custom Path Animations
Other Tools and Tricks
Integrating Other Objects
DHTML Editing Tools |
| Prerequisites: |
Fundamental knowledge of HTML including document design, text formatting, images, hyperlinks, tables and frames. A previous introduction to JavaScript will be extremely helpful. |