Dynamic HTML Course

This course provides delegates with more advanced HTML skills, allowing the creation of dynamic content web pages. Text editors are used to create the HTML - this is not a course in web publishing tools. The course is mainly practical with plenty of exercises to provide hands on experience. A web server is available to allow delegates to publish their web page.

It is expected that delegates have a knowledge of HTML to the standard achieved by the PTR HTML Web Authoring course.

Topics covered on the 2 day Dynamic HTML course

Introduction to style sheets

• Box components
• CSS-1
• Style sheet elements, attributes and values
• Binding style sheets to elements
• Importing external style sheets
• Subgroup selectors (class, ID, contextual)
• CSS-2
• More selectors (Pseudo-element, pseudo-class, attribute, universal, parent-child, adjacent)
• JavaScript style sheets
  
• Attributes and elements, JavaScript selectors
• Cascade precedence rules
• Cross platform differences

Dynamic positioning (CSS-P)

• P elements (absolute and relative, overlapping and wrapping, layers)
• tioning attributes (clip, overflow, visibility, z-index)
• Using scripting to change attribute values

Introduction to JavaScript

• The Document Object Model (DOM)
• Embedding JavaScript in HTML
• Defining and calling functions
• Managing windows (opening, closing, changing layout, navigating)

JavaScript event handling

• Basic events (mouse clicks, key presses, , movements)
• Binding event handlers to elements (tags, objects, scripts)
• Event handler return values
• Event propagation
• Modifier keys

JavaScript language

• Values, variables and literals
• Expressions and operators
• Conditional statements and loops
• Built-in JavaScript functions

JavaScript for dynamic content

• Writing to other frames and windows
• Image swapping
• Changing style sheet attribute values
• Changing page content
• Using JavaScript for dynamic forms

Introduction to server side scripting

• Server side includes (SSI)
• Active Server Pages (ASP)
• Hypertext pre-processor (PHP)