Table of Contents
Introduction
HOUR 1: Get to Know Microsoft Expression Web 3
Introducing Expression Web 3
Getting and Installing Expression Web 3
Getting Acquainted with the Workspace
The Program Bar
The Menu Bar
Common and Other Toolbars
Code, Design, and Split View
Left and Right Panels
Status Bar
Changing and Customizing the Workspace
HOUR 2: Beginning at the End: A Walkthrough of the Finished Project
Introduction
Working with a Completed Website
Previewing the Site in Your Browser
Exploring the Website in Expression Web 3
Keeping Your Pages Functional
HOUR 3: A Website Is Really Just Text: Build One in 5 Minutes
Introduction
Creating a New Website
Creating Your First Web Page
Testing Your Web Page in Multiple Browsers
SuperPreview: A Sneak Preview
HOUR 4: Building a Home Page: A Look Behind the Curtain
Introduction
Opening and Editing an Existing File Using Code View
Importing Styled Text from a Document
Cleaning Up Imported Text
HOUR 5: Getting Connected with (Hyper)Links: The Cornerstone of the World Wide Web
Introduction
Import a New Page and Create an Internal Hyperlink
Creating External Links and New Windows
Creating Internal Links Within Documents Using Bookmarks
Creating an Email Hyperlink
HOUR 6: Getting Visual, Part 1: Adding Images and Graphics
Introduction
Images on the Web: Three File Types for Three Uses
Importing and Inserting an Image
Using Picture Properties to Change the Appearance of an Image
The General Tab
The Appearance Tab
HOUR 7: Getting Visual, Part 2: Advanced Image Editing, Thumbnails, and Hotspots
HOUR 8: Cracking the Code: Working in Code View
HOUR 9: Getting Boxed In, Part 1: Using Tables for Tabular Content
Introduction
One-Minute History of Tables in Web Pages
Creating a Table from Scratch
Changing the Appearance of a Table
Creating Table Headings
Changing the Vertical Alignment of Cell Content
Adding Rows and Columns to the Table
Merging and Splitting Cells
Deleting Cells, Rows, and Columns from the Table
Changing Row and Column Sizes
Using Table Properties to Change the Appearance of Your Table
Using Cell Properties to Change the Appearance of Your Cells
Using AutoFormat to Quickly Change the Look of Your Tables
Using the Table Layout Tool to Make Nonstandard Tables
HOUR 10: Bringing Style to Substance with Cascading Style Sheets
HOUR 11: Getting Boxed In, Part 2: Knee Deep in CSS
Introduction
CSS Classes—Because Not All Content Should Be Treated Equally
Create a Class and Apply It to the Content
Using CSS Classes to Center an Image
Using Boxes to Separate Content
Creating a Div and Placing It Around Content
Introducing ID—Class's Almost Identical Twin
Creating a Sidebar Using an ID
Using an ID to Center the Page
Creating Custom Styles Within IDs and Classes
Classes Within Classes: Micromanaging the Content
Pseudoclasses
Understanding the Box Model
HOUR 12: Styling with Code: Fully Immersed in CSS
Introduction
Introducing CSS: The Code Version
Applying Classes to Tags in Code View
Using Divs and Spans to Separate Content
Rename Styles and Apply the Change to All Tags in a Page
Creating Divs in Code View
Creating External Style Sheets
Summary
HOUR 13: Getting Visual, Part 3: Images as Design Elements with CSS
Introduction
Images as Backgrounds: A Crash Course
Use an Image as a Background with CSS
The Background Attributes
How Backgrounds Relate to the Content and the Page
Applying a Background Image to an ID
Background Images and the Box Model
Stacking Order Means You Can Pile Your Images
Using Images as List Bullets
Importing Adobe Photoshop Files
HOUR 14: Harnessing the Power of CSS Layouts
Introduction
Starting with Pen and Paper
Build the Framework from Boxed Parts
Employing CSS Reset
Updating the ID Names
Styling the Layout Boxes
Understanding Positioning
position: absolute;
position: fixed;
position: relative;
position: static;
position: inherit
Applying the Framework to Existing Pages
Apply the New Framework to the Page
HOUR 15: Buttons, Buttons, Buttons
Introduction
Buttons: A Brief Definition
Creating Interactive Buttons Using Expression Web 3
Creating Buttons from Scratch Using CSS
Creating a Basic Box Button
Creating an Advanced Box Button with Images
Create Text-Free Buttons with Sliding Doors
HOUR 16: Using Behaviors
Introduction
Behaviors: An Introduction
Creating a Swap-Image Behavior
Modifying Behaviors
The Many Behaviors of Expression Web 3
Call Script
Change Property
Change Property Restore
Check Browser
Check Plug-In
Go to URL
Jump Menu
Jump Menu Go
Open Browser Window
Play Sound
Popup Message
Preload Images
Set Text
HOUR 17: Frames and Layers
Introduction
Frames: An Introduction
Editing Individual Frames
Making Framed Navigation
Creating and Modifying Inline Frames
Set Text of Frame Behavior
Creating Advanced Functionality Using Layers
HOUR 18: Building a Functional Menu
Introduction
Making the Basic Vertical Menu Exciting
The Horizontal Menu—Laying a List on Its Side
Pure CSS Drop-Down Menus: A Clean Alternative
Step 1: Make a Menu List
Step 2: Styling the Main Menu
Step 3: Making the Drop-Down Menus Drop Down
Styling the Submenus to Make Them Stand Out
HOUR 19: Dynamic Web Templates
HOUR 20: Getting Interactive with Forms
Introduction
Creating Forms in Expression Web 3
Making Use of Form Results
Other Uses for Form Results
Forms in Code View
HOUR 21: Working with Flash and Silverlight
Introduction
Flash: An Introduction
Adding the <embed> Tag for Full Cross-Browser Compatibility
Silverlight: An Introduction
Placing Silverlight Applications in Your Page
Bonus: Making the Galleries Your Own
HOUR 22: Beyond the Basics, Part 1: PHP in Expression Web 3
Introduction
PHP: An Introduction
Installing PHP on Your Computer to Test PHP Scripts
Using PHP and HTML to Create a Contact Page
Creating an Email Form Using PHP
HOUR 23: Test Twice, Publish Once: Introducing SuperPreview
Introduction
Snapshot—Instant Browser Previews Inside Expression Web 3
Using SuperPreview for Cross-Browser Testing
The Tools of SuperPreview
The Preview Panel(s)
The DOM Tree View
Identify, Diagnose, and Solve Cross-Browser Issues with SuperPreview
Solve IE6 Problems by Telling Visitors to Upgrade Their Browsers
HOUR 24: Publishing Your Website
Introduction
A Word on Domains and Web Hosting
Six Different Publishing Options
File Transfer Protocol (FTP)
Secure Shell File Transfer Protocol (SFTP/SSH)
File Transfer Protocol over Secure Sockets Layer (FTPS/SSL)
FrontPage Server Extensions
Web Distributed Authoring and Versioning (WebDAV)
File System
Example: Publishing Content Using SFTP
Advanced Publishing Settings
Optimizing HTML
The Publishing Tab
BONUS HOUR 25: Beyond the Basics, Part 2: Building a Site with ASP.NET
Introduction
Getting a Jump Start by Using a Starter Kit
The ASP.NET Master Page
The Master Page in Code View
ASP.NET Content Pages
Content Pages in Code View
Getting Data from External Sources
Personalizing and Styling an ASP.NET Site
APPENDIX A: Building Layers-Based Menus
Introduction
The Layers-Based Menu
Index
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y-z