[ ColdFusion Training, Dreamweaver Training, Flash Training, XML Training, JavaScript Training, Ajax Training ]

Microsoft Expression Web 2 Training (3-4 days)

Microsoft Expression Web is a great leap beyond FrontPage. It is very standards-compliant and even includes support for ASP.NET.

Our course is split in two parts. The first part focuses on the client-side features (using HTML, CSS and JavaScript). You will learn how to effectively use CSS to format your HTML page and JavaScript Behavoirs to make the page function.

The second part focuses on the tremendoud ASP.NET features including how to connect to a database and display records. We will also examine the MenuBar, Form Validation and more.

All participants will receive a copy of our course materials.

Course Outline

• PART 1: 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?”
    
  • Goals of this class / who this class is for
    
  • 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
  • Exercise 1: Create a Site Using a Site Template
    
  • Exercise 2: Create a Site “from Scratch” Using our Course Files
    
• 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
    
  • Exercise 3: Create the Site’s Index Page
• Creating Links
  
  • Adding Links
    
  • Adding ScreenTips
    
  • E-mail
    
  • Changing Links
    
  • Removing Links
    
  • Link within Page (Bookmarks)
    
  • Exercise 4: Add Links in Navigation Footer and Bookmarks in FAQ Page
    
• Images & Backgrounds
  
  • Inserting Images
    
  • Note about Accessibility and the alt attribute
    
  • Adding a Background Image
    
  • Editing Images Directly in Expression Web
    
  • Exercise 5: Add Images for Navigation Buttons and Background
    
• Interactive Buttons & Rollover Images
  
  • Adding the Swap Image Behavior
    
  • Adding Interactive Buttons
    
  • Exercise 6: Adding Interactive Images with Swap Image Behavior and Interactive Buttons
• Auto Thumbnail
  
  • Auto Thumbnail Options
    
  • Exercise 7: Using Auto-Thumbnail to Create Photo Gallery (optional)
    
• Image Maps (Hotspots)
  
  • Exercise 8: 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
    
  • Exercise 9: Organize CSS Styles in External Style Sheet and use that Style Sheet on other Pages
    
• Page Layout with CSS Layers
  
  • Designing Layouts with pre-built “CSS Layouts”
    
  • Using CSS Layers in Expression Web
    
  • Exercise 10: Building a CSS Layout
    
• Behaviors
  
  • What is JavaScript?
    
  • Events vs. Actions
    
  • Behavior: Jump Menu
    
  • Demo: Democratic Governors’ Association
    
  • Adding the Jump Menu Behavior
    
  • How to Select the First Option? Adding a “Go” Button
    
  • A little JavaScript lesson
    
  • Exercise 11: Jump Menu
    
• Behavior: Open Browser Window
  
  • Creating Fake Links with JavaScript
• Behavior: Change Property (Dynamic Visibility)
  
• Changing Font, Font Color, Borders
  
• Exercise 12a: Open Browser Window
  
• Exercise 12b: Dynamic Visibility (optional)
• Tables
  
  • Exercise 13: Add a Table with Staff Information to the “Contact Us” page
    
• Page Layout with Tables (optional)
  • Merge Cells
    
  • Exercise 14: Use a Table to Reformat the Layout of the Index Page (optional)
    
• Forms
  
  • Using Expression Web to Create Forms
    
  • HTML Form Elements
    
  • Exercise 15: Create a “Contact Us” Form
    
• PART 2: Introduction to ASP.NET
  
  • Static pages vs. Dynamic pages
    
  • Validating User Input with ASP.NET Validation Controls
    
  • HTML Form Elements vs. ASP Form Controls
    
  • ASP.NET Validation Control
    
  • Using the RequiredFieldValidator Control
    
  • Using the RegularExpressionValidator Control
    
  • Testing with Validators
    
  • Summarizing Results with ValidationSummary Control
    
  • Page iv Introduction to Microsoft Expression Web ScottAntall.com
    
  • Exercise 16: Add Validation to the Contact Us Page
    
• Navigation Menus with Flyouts
  
  • Adding the Menu
    
  • Adding Elements to the Menu
    
  • Exercise 17: Adding a Navigation Menu
    
• Data Binding
  
  • Database Basics: Introduction to SQL
    
  • Creating an ASP.NET Connection
    
  • Using the SQLDataSource Control
    
  • Displaying Data in a Bulleted List with a List Bound Control
    
  • Using a SQL Alias to Combine Two Columns
    
  • Exercise 18: Query Database and Display Data in List Form
• Displaying Data with GridView Control
  
  • Using the GridView
    
  • Paging through Records
    
  • Creating Sortable Columns
    
  • Using AutoFormat…
    
  • Changing Column Headings
    
  • Exercise 19: Display Movies in a GridView Control
    
• Editing and Deleting Records with GridView
  
  • Exercise 20: Edit Actors in a GridView Control
    
• Building a Drill-Down
  
  • Introducing the AutoPostBack
    
  • Using a SQL Alias to Combine Two Columns
    
  • Two additional Demos
    
  • Demo: Showing all Movies by an Actor
    
  • Demo: Showing all Movies in a Genre (SELECT DISTINCT)
    
  • Exercise 21: Build a drill-down
• Building a Search Feature
  
  • Exercise 22: Search by Movie Name
    
• Inserting Records with FormView Control
  
  • Exercise 23: Insert a New Movie
    
• Reusing Code: Server-side Includes, Master Pages and Templates
  
  • Server-Side Includes
    
  • Overview of Dynamic Web Templates (DWTs)
    
  • Overview of Master Pages
    
• Dynamic Web Templates
  
  • Create the Design
    
  • Adding Editable Regions
    
  • Creating New Pages with a DWT
    
  • Applying a DWT to Existing Pages
    
  • Making Changes to the DWT
    
  • Exercise 24: Building a Template (DWT)
    
• Master Pages
  
  • Creating New Pages with a DWT
    
  • Applying a Master Page to Existing Pages
    
  • Exercise 25: Build a Design with a Master Page
    
  • Using Meta Tags to Optimize Search Engine Placement
  • Keywords
    
  • Description
    
  • Exercise 26: Add Meta Tags to Index.html

See also:

Adobe Dreamweaver Training Courses

• Introduction to Dreamweaver CS4 Training (2 days)
• Advanced Dreamweaver CS4 Training (2 days)
• Building Data-driven Websites with Dreamweaver CS4 (using ColdFusion, PHP or ASP) Training (2 days)
• Using Adobe Dreamweaver Developer Toolbox with Dreamweaver CS4 (using ColdFusion, PHP or ASP) (2 days)

• Introduction to Dreamweaver CS3 (2 days)
• Advanced Dreamweaver CS3 (2 days)
• Building Data-driven Websites with Dreamweaver CS3 (using ColdFusion, PHP, ASP.NET or ASP) (2 days)
• Using Adobe Dreamweaver Developer Toolbox with Dreamweaver CS3 (using ColdFusion, PHP, ASP.NET or ASP) (2 days)

• Introduction to Dreamweaver 8 (2 days)
• Advanced Dreamweaver 8 (2 days)
• Building Data-driven Websites with Dreamweaver 8 (using ColdFusion, PHP, ASP.NET or ASP) (2 days)