HTML: Dynamic HTML

Course Overview

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.

Prerequisites

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

Course Outline

• 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)
• CSS-P elements (absolute and relative, overlapping and wrapping, layers)
• Positioning 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)