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

Microsoft Expression Web

3 day course

View Detailed Outline in PDF Format
Get Adobe Reader

In this course, you will learn the Expression Web and HTML skills needed to build attractive, dynamic, and accessible websites. Expression Web combines an easy-to-use WYSIWYG ("what you see is what you get") development environment with the capability to edit HTML code, either directly or through panels and dialog boxes. Students will create page layouts, links, images, tables and forms, use cascading style sheets, create JavaScript behaviors, work with ASP.NET features, build drill-downs, and work with templates. This course includes plenty of hands-on exercises to ensure that students successfully develop the skills they need.

Course Topics:

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

Introduction

  • What is Microsoft Expression Studio?
  • Client-Server Model
  • Definition of http
  • Static pages vs. dynamic pages

Exploring Expression Web

  • Expression Web interface
  • Working with task panes
  • Code view vs. design view
  • Toolbars and visual aids

Creating Sites

  • Creating template-based sites
  • Creating a page from scratch
  • Creating a page using CSS layout
  • Previewing in a browser
  • Import Site Wizard

Working with Text and Page Format

  • Html structural tags
  • Changing the html title
  • Format font, size, color, and other text properties
  • Heading and block level code
  • Creating bulleted lists
  • Pasting text
  • Inserting horizontal rules and other html tags
  • Inserting special characters

Creating Links

  • Adding, changing, and removing links
  • Adding screen tips
  • Email

Link within a Page (Bookmarks)

Images and Backgrounds

  • Inserting images
  • Accessibility and the alt attribute
  • Adding a background image
  • Editing images directly in Expression Web

Interactive Buttons and Rollover Images

  • Adding the Swap Image behavior
  • Adding interactive buttons

Auto Thumbnail

Image Maps

  • Hot spots

Cascading Style Sheets

  • CSS selectors
  • Manage CSS styles with Expression Web
  • Creating a new style
  • Applying CSS classes to page content
  • Attaching an existing style sheet
  • Moving styles to an external style sheet

Page Layout with CSS Layers

  • Designing layouts with pre-built CSS layouts
  • Using CSS layers in expression Web

Behaviors

  • What is JavaScript?
  • Events vs. actions

Behavior: Jump Menu

  • Adding the jump menu behaviors
  • How to select the first option – Adding a “Go” button
  • A lesson in JavaScript

Behavior: Open Browser Window

  • Creating fake links with JavaScript

Behavior: Change Property

  • Dynamic visibility
  • Changing font, font color, borders

Tables

  • Creating tables
  • Page layout with tables
  • Merging cells

Forms

  • Using Expression Web to create forms
  • Html form elements

Using ASP.NET

  • Static pages vs. dynamic page
  • Html form elements vs. ASP form controls
  • Validating user input with validation controls
  • Using the RequiredFieldValidator control
  • Using the RegularExpressionValidator control
  • Testing with validators
  • Using the ValidationSummary control

Navigation Menus with Flyouts

  • Adding a navigation menu
  • Adding elements to the menu

Data Binding

  • Database basics: introduction to SQL

Creating an ASP.NET Connection

  • Using the SQLDataSource control
  • Displaying data in a bulleted list

Displaying Data with GridView Control

  • Using the GridView
  • Paging through records
  • Creating sortable columns
  • Using AutoFormat
  • Changing column headings

Editing and Deleting Records with GridView

Building a Drill-Down

  • AutoPostBack
  • Using an SQL alias to combine two columns
  • Using a drill-down

Building a Search Feature

Inserting Records with FormView Control

Reusing Code

  • Server-side includes
  • Overview of dynamic web templates (DWTs)
  • Overview of master pages

Dynamic Web Templates

  • Creating the design
  • Adding editable regions
  • Creating new pages with a DWT
  • Applying a DWT to existing pages
  • Making changes to the DWT

Master Pages

  • Creating new pages with a DWT
  • Applying a master page to existing pages

Using Meta Tags to Optimize Search Engine Placement

  • Keywords
  • Description

Site Management Information

  • Find and replace
  • Hyperlink report
  • Compatibility checker
  • CSS reports