Microsoft Expression Web Training - Introduction/Intermediate

Microsoft Expression Web Introduction / Intermediate– 2 Days

Introduction to Expression Web

• What is Microsoft Expression Studio?

Introduction to the Web and HTML

• Client-Server Model
• Definition of HTTP
• Static pages vs. Dynamic pages (ColdFusion, ASP, ASP.NET, PHP, etc.)
• What is a "webmaster?"

Exploring Expression Web

• Expression Web Interface
• Task Panes in Expression Web
• Expanding and Collapsing Task Panes
• Code View vs. Design View
• Using the Toolbars
• Using the Visual Aids

Creating Sites

• Creating Template-based Sites
• Creating New Pages in a Template Site
• Creating a Page from Scratch
• Creating a Page using CSS Layout
• Previewing in Browser
• Import Site Wizard

Working with Text and Page Format

• HTML Structural Tags
• Changing the HTML Title with Expression Web
• 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

Behavior: Jump Menu

• Adding the Jump Menu Behavior
• How to Select the First Option? Adding a "Go" Button
• A little JavaScript lesson

Creating Links

• Adding Links
• Adding ScreenTips
• E-mail
• Changing Links
• Removing Links
• Link within Page (Bookmarks)

Images & Backgrounds

• Inserting Images
• Note about Accessibility and the alt attribute
• Adding a Background Image
• Editing Images Directly in Expression Web

Interactive Buttons & Rollover Images

• Adding the Swap Image Behavior
• Adding Interactive Buttons

Auto Thumbnail

• Auto Thumbnail Options

Image Maps (Hotspots)

• Add a Map with "Hot Spots" to the Locations Page

• Cascading Style Sheets

• Quick Lesson in 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: Open Browser Window
• Creating Fake Links with JavaScript

Behavior: Change Property (Dynamic Visibility)

• Changing Font, Font Color, Borders
• Open Browser Window
• Dynamic Visibility

Tables

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