Skip to Content

Training Resources

Current Training Schedule

Class Registration Form

Get Adobe Reader

expand or collapse the menu Accessibility

expand or collapse the menu Web Development

expand or collapse the menu Adobe / Macromedia Web

expand or collapse the menu Programming

expand or collapse the menu Databases

expand or collapse the menu Professional Courses

expand or collapse the menu Adobe

expand or collapse the menu Microsoft SharePoint

expand or collapse the menu Technical

expand or collapse the menu Geographic (GIS)

expand or collapse the menu Microsoft Office

Training Resources

Current Training Schedule

Class Registration Form

Get Adobe Reader

Web Design with HTML / XHTML - Advanced

2 day course

View Detailed Outline in PDF format

Get Adobe Reader

In this course, you will learn to create complete websites using advanced techniques and skills, including framesets and inline frames, advanced tables for formatting and presenting data, page layout using tables and nested tables, web forms and form elements, image maps, cascading style sheets (CSS), and some basic JavaScript.  The topics of web site accessibility and adherence to web coding standards are also integrated into the course materials and hands-on exercises.  All topics are covered in depth with plenty of hands-on practice.

Course Topics:

(for a full detailed outline, visit our PDF link above)

Practicing Web Basics

  • Site design and basic layout
  • Web development with an editor
  • Text formatting and positioning
  • Images, colors, and backgrounds
  • Basic HTML tables
  • Hyperlinks of all types

Advanced Table Layout and Formatting

  • Table formatting attributes
  • Table tags & attributes
  • Cell spanning across rows and columns
  • Building a table from scratch
  • Using table building tools
  • Table rules, frames, captions, and summaries
  • Table body, headers, and footers

Nesting and Embedding Tables

  • Nesting/embedding data in table cells
  • Embedding lists in table cells
  • Formatting embedded lists
  • Nesting tables within tables
  • Formatting nested tables

Window Layout with Frames

  • What exactly are frames?
  • Display multiple web pages in a browser window
  • Navigation bars and frame configurations
  • Anatomy of frames in code
  • Combining and nesting framesets
  • Creating borderless frames
  • Supporting browsers that don't support frames

InterFrame Navigation

  • Linking frames and navigation bar overview
  • Frame names, titles, and targets
  • Opening new browser windows
  • Breaking out of frames

Inline Frames

  • Creating scrollable areas of a web page
  • Inline frame attributes & values
  • Using and manipulating inline frames
  • Targeting and linking inline frames

Web Form Basics

  • Feedback, applications, and eCommerce
  • HTTP requests and responses
  • How data is passed from form to server
  • The anatomy of a web form
  • Methods, actions, and get vs. post
  • Named form elements and sending data
  • Submitting and resetting a web form

Working with Form Elements

  • Input boxes and password boxes
  • Checkboxes and radio buttons
  • Drop-down select lists and large text areas
  • Submit and reset buttons

Advanced Form Techniques

  • Limiting data size and providing default entries
  • Disabled and read-only elements
  • Custom buttons and images as submit buttons
  • Laying out a web form
  • A look at what’s happening on the server

Web Forms and Accessibility

  • Keyboard navigation on the World Wide Web
  • Associating labels with form elements
  • Controlling tab order and providing Alt key access
  • Grouping with fieldsets and legends
  • Designing and creating web form applications

ImageMaps

  • Uses of ImageMaps on the web
  • ImageMap anatomy: areas, shapes & coordinates
  • Using ImageMaps as navigation tools

Introduction to Cascading Style Sheets

  • The origin of CSS and the web
  • Separating content and structure from formatting
  • Style rules, declarations, properties and values
  • CSS text formatting (things HTML cannot do)
  • Techniques for learning CSS technology

A Brief Introduction to JavaScript

  • What is JavaScript and what can it do?
  • The Document Object Model & playing with objects
  • Changing the status bar and simple image rollovers