free web design templates by itsmuchfaster


Toll-free: 877-WEBUCATE (877-932-8228)
From outside the U.S.: 315-849-2724
Fax: 315-410-5320

Introduction to Microsoft Expression Web Design & Development
Course length: 3 Days
Course Web Page:

Class Overview

This Expression Web training course is for students interested in learning Microsoft Expression Web to
design attractive, CSS-based, scalable web sites and front-ends for web-based applications. It also includes
an introduction to working with ASP.NET in Expression Web.

Class Goals
•         Build, deploy, and maintain interactive web sites
•         Layout text on pages using HTML and CSS
•         Create and maintain hyperlinks to pages on other sites, pages within the same site, and to points within
          the same page
•         Control styles and page layout with CSS
•         Add interactive behaviors
•         Create tables
•         Design fill-in foms
•         Publish their site to a web server
•         Build front-ends for applications whose back-ends will later be written by developers
•         Build pages that allow users to select, insert, update, or delete database records
•         Use ASP.NET validators to validate user input

Class Prerequisites
No formal prerequisites.

Class Outline
    I.      Introduction to Expression Web
                    I.A. What is Microsoft Expression Studio?

    II.     Introduction to the Web and HTML
                    II.A.   Client-Server Model
                    II.B.   Definition of HTTP
                    II.C.   Static pages vs. Dynamic pages (ColdFusion, ASP, ASP.NET, PHP, etc.)
                    II.D.   What is a "webmaster?"

                                                                                                      Page 1 of 5
Toll-free: 877-WEBUCATE (877-932-8228)
From outside the U.S.: 315-849-2724
Fax: 315-410-5320

 III. Exploring Expression Web
             III.A.   Expression Web Interface
             III.B.   Task Panes in Expression Web
             III.C.   Expanding and Collapsing Task Panes
             III.D.   Code View vs. Design View
             III.E.   Using the Toolbars
             III.F.   Using the Visual Aids

 IV. Creating Sites
             IV.A.    Creating Template-based Sites
             IV.B.    Creating New Pages in a Template Site
             IV.C.    Creating a Page from Scratch
             IV.D.    Creating a Page using CSS Layout
             IV.E.    Previewing in Browser
             IV.F.    Import Site Wizard

 V.   Working with Text and Page Format
             V.A.     HTML Structural Tags
             V.B.     Changing the HTML Title with Expression Web
             V.C.     Format Font, Size, Color and other Text Properties
             V.D.     Heading and Block Level Code
             V.E.     Creating Bulleted Lists
             V.F.     Pasting Text
             V.G.     Inserting Horizontal Rules and other HTML tags
             V.H.     Inserting Special Characters

 VI. Creating Links
             VI.A.    Adding Links
             VI.B.    Adding ScreenTips
             VI.C.    E-mail
             VI.D.    Changing Links
             VI.E.    Removing Links
             VI.F.    Link within Page (Bookmarks)

 VII. Images & Backgrounds
             VII.A.   Inserting Images
             VII.B.   Note about Accessibility and the alt attribute
             VII.C.   Adding a Background Image
             VII.D.   Editing Images Directly in Expression Web

 VIII. Interactive Buttons & Rollover Images
             VIII.A. Adding the Swap Image Behavior
             VIII.B. Adding Interactive Buttons

                                                                           Page 2 of 5
Toll-free: 877-WEBUCATE (877-932-8228)
From outside the U.S.: 315-849-2724
Fax: 315-410-5320

 IX. Auto Thumbnail
             IX.A. Auto Thumbnail Options

 X.   Image Maps (Hotspots)
             X.A. Add a Map with "Hot Spots" to the Locations Page

 XI. Cascading Style Sheets
             XI.A.    Quick Lesson in CSS Selectors
             XI.B.    Manage CSS Styles with Expression Web
             XI.C.    Creating a New Style
             XI.D.    Applying CSS Classes to Page Content
             XI.E.    Attaching an Existing Style Sheet
             XI.F.    Moving Styles to an External Style Sheet

 XII. Page Layout with CSS Layers
             XII.A. Designing Layouts with pre-built "CSS Layouts"
             XII.B. Using CSS Layers in Expression Web

 XIII. Behaviors
             XIII.A. What is JavaScript?
             XIII.B. Events vs. Actions

 XIV Behavior: Jump Menu
             XIV .    Demo: Democratic Governors' Association
             XIV.B.   Adding the Jump Menu Behavior
             XIV .    How to Select the First Option? Adding a "Go" Button
             XIV .    A little JavaScript lesson

 XV. Behavior: Open Browser Window
             XV Creating Fake Links with JavaScript

 XVI. Behavior: Change Property (Dynamic Visibility)
              V. .
             X IA Changing Font, Font Color, Borders
              V. .
             X IB Open Browser Window
              V. .
             X IC Dynamic Visibility

 XVII. Tables
             X I. . Add a Table with Staff Information to the "Contact Us" page
             X I. . Page Layout with Tables (optional)
             X I. . Merge Cells

                                                                                  Page 3 of 5
Toll-free: 877-WEBUCATE (877-932-8228)
From outside the U.S.: 315-849-2724
Fax: 315-410-5320

 XVII. Forms
              V. .
             X IIA Using Expression Web to Create Forms
              V. .
             X IIB HTML Form Elements

 XIX. Introduction to ASP.NET
             XXA Static pages vs. Dynamic pages

 XX. Validating User Input with ASP.NET Validation Controls
             XX.A.    HTML Form Elements vs. ASP Form Controls
             XX.B.    ASP.NET Validation Control
             XX.C.    Using the RequiredFieldValidator Control
             XX.D.    Using the RegularExpressionValidator Control
             XX.E.    Testing with Validators
             XX.F.    Summarizing Results with ValidationSummary Control

 XXI. Navigation Menus with Flyouts
              X. .
             X IA Adding the Menu
              X. .
             X IB Adding Elements to the Menu

 XXII. Data Binding
             X I. . Database Basics: Introduction to SQL

 XXII. Creating an ASP.NET Connection
              X. .
             X IIA Using the SQLDataSource Control
              X. .
             X IIB Displaying Data in a Bulleted List with a List Bound Control
             X I. . Using a SQL Alias to Combine Two Columns

 X I . Displaying Data with GridView Control
             X I. .   Using the GridView
             X I. .   Paging through Records
             X I. .   Creating Sortable Columns
             X I. .   Using AutoFormat
             X I. .   Changing Column Headings

 X V Editing and Deleting Records with GridView
 X V Building a Drill-Down
             XV.I     Introducing the AutoPostBack
             X V.     Using a SQL Alias to Combine Two Columns
             XV.      Showing all Movies by an Actor
                .     Showing all Movies in a Genre (SELECT DISTINCT)

                                                                                  Page 4 of 5
Toll-free: 877-WEBUCATE (877-932-8228)
From outside the U.S.: 315-849-2724
Fax: 315-410-5320

  X V Building a Search Feature
  X V Inserting Records with FormView Control
  X I . Using Master Pages and Templates
  X X Using Meta Tags to Optimize Search Engine Placement
               X X . Keywords
               X X . Description

  X X Site Management Information
               XX.I   Find and Replace
               X X.   Hyperlink Report
               XX.    Compatibility Checker
                  .   CSS Reports

Class Materials
Each student will receive a comprehensive set of materials, including course notes and all the programming

Technical Requirements
Technical requirements and setup instructions available at

For more information...
Toll-free: 877-WEBUCATE (877-932-8228)
From outside the U.S.: 315-446-0560
Fax: 315-410-5320

                                                                                              Page 5 of 5

To top