Contents

Introduction

Who Should Read This Book?

Why Use Expression Web?

How This Book Is Organized

Special Elements

I An Overview

1 An Overview of Expression Web 4

The Expression Web Interface

Panels

The Folder List

The Design Surface

The Status Bar

Working with Sites

Creating Sites

Site Reports

Publishing Sites

Tools for Creating Pages

Dynamic Web Templates

Find and Replace

Editing Tag Properties

Quick Tag Tools

Powerful CSS Tools

Style Builder

Manage Styles Panel

Apply Styles Panel

Site Optimization

Accessibility Checker

Compatibility Checker

SEO Checker

SuperPreview

CSS Reports

Scripting and Dynamic Content

Interactive Buttons

Behaviors

Layers

Photoshop Content

Deep Zoom Images

Video

ASP.NET Controls

PHP Support

Data Access Features

Creating Add-Ins

II Creating Content in Expression Web

2 Creating, Opening, and Importing Sites

What Is a Site?

How Expression Web Maintains a Site

Sites and Subsites

Site Templates

Types of Sites

Disk-Based Sites

FTP Sites

HTTP Sites

Importing Sites with the Import Site Wizard

Choosing an Import Method

Specifying a Destination Web Location

Finishing the Site Import Process

Deciding on a Site Type

3 Creating Pages and Basic Page Editing

Creating Pages

General Page

ASP.NET Pages

CSS Layouts

Style Sheets

Frames Pages

Importing Files

Formatting Text

How Expression Web Formats Text

Font Families

Font Sizes

Creating Hyperlinks

Targeting Hyperlinks

Hyperlink Parameters

HTML Bookmarks

Hyperlink Screentips

Spell-Checking

Configuring Page Properties

General Tab

Formatting Tab

Advanced Tab

Custom Tab

Language Tab

Using Code Snippets

Configuring File Editors

Making the Most of Code Snippets

4 Using Page Views

Introduction to Page Views

Working in Design View

Visual Aids

Ruler and Grid

Tracing Images

Adjusting Page Size

Working in Code View

Customizing Code Formatting

Quick Tag Tools

IntelliSense

Context Menu

Bookmarks

Working in Split View

Taking Advantage of Page Views

5 Using Tables

The Origin of Tables

The Makeup of an HTML Table Tag

The align Attribute

Table Borders

The cellpadding Attribute

The cellspacing Attribute

The frame Attribute

Rows, Columns, and Cells

The colspan and rowspan Attributes

Aligning Content in Cells

middle

Tables in Expression Web

Inserting Tables

Customizing Tables

Designing for Multiple Resolutions Using Tables

6 Using Frames

Using Frames in Sites

When to Use Frames

When Not to Use Frames

Creating Frames Pages

Configuring Frames

Splitting Frames

Deleting Frames

Creating Alternative Content

Targeting Frames

Adding and Configuring Inline Frames

Tips for Frames

Frame Borders

Resizable Frames

Breaking Out of a Frameset

7 Editing Tag Properties

An Introduction to Tag Properties

Understanding the Tag Properties Panel

Viewing Tag Properties with the Tag Properties Panel

Setting Tag Attributes with the Tag Properties Panel

Creating a Page

Setting Tag Properties

Using Events with the Tag Properties Panel

Tag Properties and Web Standards

8 Using the Quick Tag Tools

Introduction to the Quick Tag Tools

Locating and Selecting Elements Using the Quick Tag Selector

Editing Page Content Using the Quick Tag Editor

Editing a Tag

Removing a Tag

Inserting HTML

Wrapping a Tag

Controlling Positioning

Editing Tag Properties

When to Use the Quick Tag Editor

9 Using Graphics and Multimedia

Web Image Formats

The GIF Format

The JPEG Format

The PNG Format

Inserting Images

Formatting Images

Resizing Images

Changing Picture Properties

Converting Images

Creating Image Thumbnails

Configuring Auto Thumbnails

Creating Image Maps

Inserting Multimedia

Inserting Flash Movies

Inserting Silverlight Applications

Inserting Silverlight Video

Inserting Deep Zoom Images

Inserting Windows Media

Importing Adobe Photoshop Files

Page Transitions

Serving Video

10 Using Find and Replace

An Introduction to Find and Replace

Finding and Replacing Text

Using Regular Expressions

Finding Text

Replacing Text

Using HTML Rules in Find and Replace

Finding and Replacing HTML Tags

Saving Queries

Editing and Removing Recent Searches

11 Configuring Page Editor Options

Accessing Page Editor Options

Exploring Page Editor Options

The General Tab

AutoThumbnail Tab

Default Fonts Tab

Code Formatting Tab

CSS Tab

Color Coding Tab

Authoring Tab

Picture Tab

Code Snippets Tab

Ruler and Grid Tab

IntelliSense Tab

Font Families Tab

Experiment to Learn More

12 Maintaining Compatibility and Accessibility

An Introduction to Accessibility

Designing for Accessibility

Accessible Hyperlinks

Accessible Tables

Accessible Frames

Other Accessibility Considerations

Using the Accessibility Checker

Checking Accessibility

Working with the Accessibility Panel

Generating Accessibility Reports

Designing for Compatibility

What Is Browser Compatibility?

Compatibility Features in Expression Web

Identifying Code Problems

Marking Invalid Code

Using Reports to Find Problems

Seeing Color

13 Using SuperPreview

An Overview of SuperPreview

SuperPreview

How SuperPreview Generates a Preview

The SuperPreview Interface

Pointer Modes

DOM Highlighting

UI Helpers

Layout Modes

Preview URL

Baseline and Comparison Browser Selectors

DOM Tab

Browser Size Drop-Down

Using SuperPreview to Preview Layout

Setting Up the Previews

Generating Previews

Fixing Rendering Problems

Using the Snapshot Panel

Using Remote Browsers

Building Layouts with SuperPreview

III Publishing and Managing Websites

14 Publishing a Site

What Is Publishing?

Server Options for Publishing

FTP

FrontPage Server Extensions

WebDAV

File System

Publishing Content

Configuring a Publishing Destination and Publishing a Site

Publishing Selected Files and Synchronizing Files

Optimizing HTML During Publishing

Troubleshooting HTTP Publishing

Hosting Your Site

15 Site Management and Reporting

Site Settings

General Tab

Preview Tab

Advanced Tab

Publishing Tab

Site Reports

Configuring Reports

Saving Reports

Using SEO Reports to Increase Traffic

16 Using Personal Web Packages

What Are Web Packages?

Creating a Web Package

Importing a Web Package

Capitalizing on Web Packages

IV Using CSS in Expression Web

17 Creating Style Sheets

An Introduction to CSS

The Purpose of CSS

How CSS Is Applied to Pages

External Style Sheets

Embedded Style Sheets

Inline Styles

Formatting Content with CSS

Positioning Content with CSS

CSS Classes

Basic Application of a CSS Class

Applying Multiple CSS Classes

Pseudo-Classes

Pseudo-Elements

Centering a DIV with CSS

18 Managing CSS Styles

Expression Web’s CSS Tools

Apply Styles Panel

Manage Styles Panel

Link Style Sheet Dialog

CSS Properties Panel

CSS Reports

Style Builder

Working with Styles

Using the Manage Styles Panel

Using the Apply Styles Panel

Using the CSS Properties Panel

Using the Style Builder

Using the Attach Style Sheet and Link Style Sheet Dialogs

CSS Reports

Checking for CSS Errors

Checking CSS Usage

Arranging CSS Styles

V Scripting, DHTML, and Other Dynamic Content

19 Using Dynamic Web Templates

An Introduction to Dynamic Web Templates

Creating a Dynamic Web Template

Creating a Page Layout

Adding Editable Regions

Attaching a Dynamic Web Template

Attaching to an Existing Page

Attaching to a New Page

Updating a Site with Dynamic Web Templates

Modifying a Dynamic Web Template

Modifying an Attached Page in Code View

Managing Editable Regions

Adding a New Editable Region

Renaming an Existing Editable Region

Resolving Mismatched Editable Regions

Detaching a Dynamic Web Template

Under the Hood

20 Using Interactive Buttons

Overview of Interactive Buttons

Inserting and Configuring Interactive Buttons

The Button Tab

The Font Tab

The Image Tab

Saving an Interactive Button

Editing an Interactive Button

Practical Uses for Interactive Buttons

21 Using Behaviors

Understanding and Working with Behaviors

Using the Behaviors Panel

How Behaviors Work

Adding Behaviors Within a Paragraph

Expression Web Behaviors

The Call Script Behavior

The Change Property Behavior

The Change Property Restore Behavior

The Go To URL Behavior

The Jump Menu Behavior

The Jump Menu Go Behavior

The Open Browser Window Behavior

The Play Sound Behavior

The Popup Message Behavior

The Preload Images Behavior

The Set Text Behavior

The Swap Image Behavior

The Swap Image Restore Behavior

When to Use Behaviors

22 Client Scripting

A History of Browser Scripting

JavaScript Basics

Adding JavaScript to a Page

Linking to an External Script File

Adding Inline JavaScript

The Document Object Model

The window Object

The document Object

Writing Simple Scripts

Showing and Hiding Page Elements

Accessing and Changing Attributes

Form Field Validation

Debugging

23 Using Layers

Introduction to Layers

Inserting and Configuring Layers

Adding Content to a Layer

Resizing a Layer

Creating and Working with Child Layers

Positioning Layers

Setting Layer Properties with Behaviors

Setting the Visibility of Layers

Adding Layer Interactivity

Z-Order Anomalies

24 Using Form Controls

Understanding HTML Forms

Using Form Controls in Expression Web

Creating a Form

Saving Form Results to a File or Email

File Results Tab

Email Results Tab

Confirmation Page Tab

Saved Fields Tab

Saving Form Results to a Database

Updating a Database with New Fields

Hidden Form Fields

VI ASP.NET and PHP Development

25 Using Standard ASP.NET Controls

ASP.NET: A Brief Introduction

Creating ASP.NET Pages

The Basics of ASP.NET Controls

Understanding Control Properties

An Overview of the Standard ASP.NET Controls

The AdRotator Control

Creating a Simple AdRotator Page

Creating the Advertisement File

The Calendar Control

Formatting the Calendar Control

Calendar Control Properties

The Wizard Control

Wizard Steps

Creating a Simple Wizard

Making ASP.NET Work for You

Formatting with Styles

26 Using ASP.NET Navigation Controls

Overview of Navigation Systems

Creating a Sitemap File

Using the ASP.NET Menu Control

Creating a Test Site

Adding a Menu Control

Formatting the Menu Control

Using the ASP.NET TreeView Control

Formatting the TreeView Control

Using the ASP.NET SiteMapPath Control

Formatting the SiteMapPath Control

Improving Navigation with Master Pages

27 Using ASP.NET Master Pages and User Controls

The Need for a Common Layout

The Master Page

The Content Page

Developing a Master Page Site

Creating the Master Page

Creating the Content Page

Extend Reusability with ASP.NET User Controls

28 Developing a Login System Using ASP.NET

Website Login Systems

Overview of ASP.NET Login Controls

The Login Control

LoginStatus Control

LoginName Control

ChangePassword Control

PasswordRecovery Control

CreateUserWizard Control

LoginView Control

Creating a Login Solution

Configuring the Website (IIS 5 or IIS 6)

Configuring the Website (IIS 7.x)

Configuring the Website (Microsoft Expression Development Server)

Creating the Web Pages

Using Web Deploy to Publish a Membership Database

29 Form Validation Using ASP.NET

The Need for Form Validation

The ASP.NET Validation Controls

Common Properties

Creating a Validated Form

Validation Groups

30 Using ASP.NET Web Parts

An Introduction to Web Parts

Creating ASP.NET User Controls

Web Parts Controls in the Toolbox

Creating a Web Parts Page

Web Parts Page Display Modes

Creating a User Control That Sets the Display Mode

Adding Code to Change the Display Mode

The Web Parts Catalog

Editing Web Parts Controls

31 Using ASP.NET Ajax

What Is Ajax?

Microsoft’s ASP.NET Ajax

Client-Side Ajax

Server-Side Ajax

Microsoft Ajax Control Toolkit

Adding Ajax Functionality to a Web Form

Creating a Site and Page

Adding Server-Side Code

Adding a ScriptManager Control

Adding an UpdatePanel Control

Using Client-Side Ajax

Adding a <div> to the Web Form

Creating the Client Library

Adding the Client Script to the ScriptManager Control

32 Using PHP

An Introduction to PHP

PHP Syntax

Installing PHP

Installing IIS 7 and FastCGI

Installing PHP

Configuring the Microsoft Expression Development Server for PHP

Enabling PHP for IIS Using FastCGI

Creating PHP Pages

Previewing the Page

PHP in Design View

PHP in Code View

PHP Syntax Highlighting

Using IntelliSense with PHP

Setting PHP-Specific IntelliSense Options

PHP Script Options

Form Variable

URL Variable

Session Variable

Cookie Variable

Include Once

Code Block

Comment

Displaying PHP Information

33 Using the Microsoft Expression Development Server

Introduction to the Microsoft Expression Development Server

How to Use the Microsoft Expression Development Server

Limitations of the Microsoft Expression Development Server

Process Identity

No Remote Access

No Support for ASP Pages

Starting the Microsoft Expression Development Server from the Command Prompt

VII Managing Data with ASP.NET

34 Displaying and Editing Database Data with ASP.NET

A History of Data Access

Data Access Technologies in Expression Web

ASP.NET and Other Web Application Platforms

ASP.NET Data Source Controls

AccessDataSource Control

SqlDataSource Control

SiteMapDataSource Control

XmlDataSource Control

Displaying Data with ASP.NET

Displaying Data in Tabular Form

Sorting the GridView

Editing Data with ASP.NET

Configuring the Data Source

Configuring the GridView

Testing the Page

Creating a Master/Detail View

Creating the Master View

Creating the Detail View

35 Sending Email Using ASP.NET

A Typical Contact Form

Creating the Contact Form

Adding and Configuring ASP.NET Validation Controls

Adding the Validation Controls

Writing ASP.NET Code to Send Email

Displaying a Confirmation Page

VIII Creating Add-Ins Using JavaScript and HTML (Online Only)

36 Expression Web 4 Add-in Basics

Add-ins in Expression Web

Expression Web 4 JavaScript Add-ins

The Makeup of Expression Web Add-ins

XML Basics

General Manifest Elements and Attributes

src (optional)

legacy (optional)

developer (optional)

navigationallowed (optional)

<name> (required)

<description> (optional)

<author> (optional)

<version> (optional)

<homepage> (optional)

<minversion> (optional)

<guid> (optional)

<load> (optional)

Commands and Dialog Boxes

id (required)

filetype (optional)

onclick (optional)

Menus and Toolbars

<menuitem> (optional)

<toolbaritem> (optional)

Panels

<panel> (optional)

Menu and Command Bar Reference

Menus

Toolbars

37 Creating and Manipulating an Add-in User Interface

Planning an Add-in

Creating the Manifest with the Add-in Builder

Creating the Manifest

Editing the Manifest

Creating the User Interfaces

Creating a Custom Page Size for Panels

Creating the Panel’s Interface

Creating the Options Dialog Interface

Adding Functionality with JavaScript

JavaScript for panel.htm

JavaScript for options.htm

The Set Page Title Dialog

Accessing Managed Classes from JavaScript

Creating a Managed Class

Editing the Add-in Manifest to Load the Managed Class

Calling the Managed Class

Summary

38 Packaging, Testing, and Debugging Add-ins

Creating an Add-in Installation Package

Testing and Debugging Add-ins

Testing Add-ins

Debugging Add-ins Using Expression Web

Debugging Add-ins Using Visual Studio

Summary

39 Expression Web 4 JavaScript API Reference

Conventions Used in this Reference

xweb.application Object

xweb.application.version Property

xweb.application.chooseFile Method

xweb.application.endDialog Method

xweb.application.handleEvent Method

xweb.application.newDocument Method

xweb.application.openDocument Method

xweb.application.refreshFileListing Method

xweb.application.setActiveDocument Method

xweb.application.setPanelVisibility Method

xweb.application.showModalDialog Method

xweb.application.settings Object

xweb.application.settings.read Method

xweb.application.settings.write Method

xweb.developer Object

xweb.developer.write Method

xweb.developer.writeLine Method

xweb.document Object

xweb.document.anchors Property

xweb.document.applets Property

xweb.document.embeds Property

xweb.document.filename Property

xweb.document.forms Property

xweb.document.frames Property

xweb.document.images Property

xweb.document.isXHTML Property

xweb.document.links Property

xweb.document.location Property

xweb.document.name Property

xweb.document.pathFromSiteRoot Property

xweb.document.scripts Property

xweb.document.selection Property

xweb.document.appendScriptReference Method

xweb.document.appendStyleReference Method

xweb.document.close Method

xweb.document.getElementById Method

xweb.document.getElementsByAttributeName Method

xweb.document.getElementsByTagName Method

xweb.document.getScriptElementByCode Method

xweb.document.getScriptElementByFile Method

xweb.document.getStyleElementByCode Method

xweb.document.getStyleElementByFile Method

xweb.document.insertBeforeHtml Method

xweb.document.save Method

xweb.document.saveAs Method

xweb.document.synchronizeViews Method

xweb.file Object

xweb.file.copy Method

xweb.file.createFile Method

xweb.file.createFolder Method

xweb.file.deleteFile Method

xweb.file.exists Method

xweb.file.getAttributes Method

xweb.file.getCreationDate Method

xweb.file.getModificationDate Method

xweb.file.getSize Method

xweb.file.listFolder Method

xweb.file.read Method

xweb.file.setAttributes Method

xweb.file.write Method

htmlElement Object

htmlElement.childNodes Property

htmlElement.className Property

htmlElement.id Property

htmlElement.innerHtml Property

htmlElement.innerText Property

htmlElement.nextSibling Property

htmlElement.outerHtml Property

htmlElement.parentNode Property

htmlElement.previousSibling Property

htmlElement.tagName Property

htmlElement.getAttribute Method

htmlElement.removeAttribute Method

htmlElement.setAttribute Method

xweb.document.selection Object

selection.end Property

selection.start Property

selection.text Property

selection.append Method

selection.insert Method

selection.set Method

selection.remove Method

selection.replace Method

selection.wrap Method

Index