CSS, JavaScript, and DHTML Training

Course Number: SCRPT-110
GSA/Previous Course Number: 820
Duration: 3 days
view class outline

DHTML Training Overview

Building Dynamic Web Sites with CSS and JavaScript teaches attendees how to create sophisticated special effects for their Web sites using CSS (Cascading Style Sheets) and JavaScript, without having to resort to plug-ins such as Flash.

Note: The JavaScript code for dynamically changing CSS styles varies between browser types and versions. This course teaches attendees how to write code that will work on the broadest range of browser versions and types.

Location and Pricing

Most Accelebrate courses are taught on-site at our clients' locations worldwide for groups of 3 or more attendees and are customized to their specific needs. Please visit our client list to see organizations for whom we have recently delivered training. These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote private training at your site or online, please contact us.

In addition, some courses are available as live, online classes for individuals. To see a schedule of online courses, please visit http://www.accelebrate.com/online_training/xml_html_js.htm.

DHTML Training Prerequisites

Mastering XHTML & CSS training and Mastering JavaScript training, or equivalent experience. Students must have a solid understanding of HTML, CSS, and JavaScript prior to taking this class.

Hands-on/Lecture Ratio

This DHTML training class is 70% hands-on, 30% lecture, with the longest lecture segments lasting for 10 minutes. Students "learn by doing," with immediate opportunities to apply the material they learn to real-world problems.

DHTML Training Materials

All DHTML training students receive a copy of Peachpit Press's DHTML and CSS for the World Wide Web and related courseware.

Software Needed on Each Student PC

Firefox 2.0 or later or Internet Explorer 6 or later; ideally, the student PCs would have Internet Explorer 6, Netscape 7, and Netscape 4.7 or 4.8 loaded so that pages can be tested in all 3 browsers
The Web page or text editor that students will be using after class. Recommended editors include:

Macromedia HomeSite
Macromedia Dreamweaver
Microsoft Expression Web
Adobe GoLive
Less recommended: Notepad or WordPad (Windows), SimpleText (MacOS), BBEdit (MacOS)

DHTML Training Objectives

To teach attendees how to enhance their sites with special effects created by integrating Cascading Style Sheets (CSS) and JavaScript
To teach students how to create these effects in a way that is compatible with a wide array of browsers, including Internet Explorer 4 through 6 and Netscape 4 through 7

DHTML Training Outline

Understanding Dynamic HTML

What is Dynamic HTML?
The flavors of DHTML
Why should I use DHTML?
Flash vs. DHTML

The Document Object Model (DOM)

Understanding the DOM: Roadmap to your Web page
Creating an object
Understanding event handlers
Detecting an event
How the DOM works
Using feature sensing
Detecting the DOM type
Building a cross-browser DOM
Using the cross-browser DOM
Netscape 4 and nested layers

Learning about your environment

Detecting the browser's name and version
Detecting the operating system
Finding the screen dimensions
Finding the supported color depth
Finding the browser's window dimensions
Finding the visible page dimensions
Finding the page's location and title
Finding the page's scroll position
Finding an object's dimensions
Finding an object's top and left positions
Finding an object's bottom and right positions
Finding an object's 3-D position
Finding an object's visibility state
Finding an object's visible area

Dynamic techniques: the basics

Making objects appear and disappear
Moving objects from point to point
Moving objects by a certain amount
Moving objects in 3-D
Scrolling a Web page
Changing an object's visible area

Dynamic techniques: advanced

Making a function run again
Passing an event to a function
Creating a global event handler
Animating an object
Finding your location on the screen
Identifying an object on the screen
Dynamic content between frames
Moving the browser window
Opening a new browser window
Changing a window's size

Dynamic techniques: CSS

Changing a definition
Changing an object's class
Adding a new rule
Disabling a style sheet

Advanced DHTML effects

Fading between objects
Transitions between pages
Making an element blur
Making an object wave

Conclusion

VB.NET, C#, ASP, & ASP.NET Training

Java Training

SQL Server Training
SharePoint Training

Adobe Training

“Accelebrate,” “Accelerated Learning Celebrated Results,” and the Accelebrate logo are registered trademarks of Accelebrate, Inc. All other product names and trademarks are property of their respective owners. Course outline content may mirror or be derived from the book that each student receives with the course. Otherwise, all content is copyright © 2003- by Accelebrate, Inc. of Atlanta, Georgia, USA. To contact us, please use the contact form, email info@accelebrate.com us, or call 1 877 849 1850 in the US and Canada, 0808 234 2132 in the UK, 1 800 550 311 in Ireland, or +1 678 648 3113 from all other locations.

Building Dynamic Web Sites with CSS, JavaScript, and Dynamic HTML (DHTML) training

DHTML Training Overview

DHTML Training Prerequisites

DHTML Training Materials

DHTML Training Objectives

DHTML Training Outline

VB.NET, C#, ASP, & ASP.NET Training Java Training SQL Server Training SharePoint Training Adobe Training PHP Training XML Training Perl Training Sitemap

VB.NET, C#, ASP, & ASP.NET Training Java Training SQL Server Training
SharePoint Training Adobe Training PHP Training XML Training Perl Training Sitemap