Microsoft Expression Web - replacement for Microsoft Expression course
30 April 2020
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.
Prerequisites
A working knowledge of Windows is required. No experience of web design is required.
Benefits
- 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
- s
Course Content
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
- Using Horizontal Rules and other HTML tags
- Inserting Special Characters
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
Image Maps (Hotspots)
- Add a Map with "Hot Spots" to the Locations Page
Cascading Style Sheets
- Quick Lesson in CSS ors
- Manage CSS Styles with Expression Web
- Creating a New Styl
- 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 Java?
- 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
- Behavior: Open Browser Window
- Creating Fake Links with Java
- Behavior: Change Property (Dynamic Visibility)
- Changing Font, Font Color, Borders
- Open Browser Window
- Open Browser Window
Tables
- Page Layout with Tables (optional)
- Merge Cells