Expression Web 4 Tutorials EBook 2nd Edition

Updated April 2014 with some minor editorial revisions.

Free Expression Web 4 Tutorials EBook 2nd Edition by Pat Geary Microsoft MVP Expression Web. The EBook is a great resource for beginners and newbies to Expression Web. It has been revised and updated with several entirely new sections which are marked in the Table of Contents listed below.

The EBook is in format and zipped for easier download. You will need the free Adobe Reader to view the EBook.

The title says it all Expression Web 4 Tutorials from Install to Publish and More. I'll take you through installing Expression Studio Web Professional (the official name) and setting up the program, to creating your first site and page right through to publishing. At the end I throw in some extras. New content has been included and is indicated below.

About the Author - Pat Geary
Expression Web 4.0
- What's New
- Which Version Should I Get?
- Additional Resources
- Expression Web 4 Books and Videos
- Service Packs for Expression Web
  - Expression Web 4 Service Pack 1 (SP1)
  - Expression Web 4 Service Pack 2 (SP2)
User Interface - Changes to the User Interface
- Site management
- Task Panes now Panels
- Include Page Option
- Snapshot Panel
  - To activate Snapshot
  - SlapShot
- SuperPreview
  - SuperPreview Resources
Installing Expression Studio 4
- Licensing
- Download Links
- Installation
- Activating Expression Studio
- Installation and Activation Help
Setting Up Expression Web 4.0
- HTML <!DOCTYPE> Declaration
  - To add or change the DocType declaration in an existing page
- HTML 5 doctype and Intellisense
- Tools > Page Editor Options > General Tab
  - Spelling
  - Cut and Paste Options
  - Code View Options
- Tools > Page Editor Options > Code Formatting Tab
- Tools > Page Editor Options > CSS Tab
  - Only reuse classes with the prefix style' option
- Tools > Page Editor Options > Authoring Tab
  - For New Documents:
  - EW 3.0 and 4.0 .htm bug
  - EW 4.0 .htm bug
  - Doctype and Secondary Schema
  - CSS Schema
- Tools > Page Editor Options > Intellisense Tab
Create New Website in Expression Web 4.0
- Create a One Page Website
Create a Blank Web Page
- Create a Blank Web Page
- Saving the Page
- Create an External Style Sheet (CSS)
- Attach the External Style Sheet to the Page
- Summary
Create a Webpage Layout in Expression Web
- What is a <div> tag?
- Create the Layout
  - Style the <body> tag
  - Add the Container
  - Add the masthead and style rules
  - Add the Top Navigation and style rules
  - Add and style the Columns
  - Add and style the Footer
- Adding Meta Tags
- Summary
Adding Horizontal Top Navigation to Webpage Layout
- Add and style the top menu
  - Create the menu list
  - To create or modify a hyperlink
  - Adding styles to the menu
- Converting Your Menus to Include Pages
  - Creating the include page
- Navigation Resources
- CSS Menu Resources
Adding Vertical Navigation to Webpage Layout
- Add and style the left side menu
  - Create the menu list
  - To create or modify a hyperlink
  - Adding styles to the menu
- Converting Your Menus to Include Pages
- Navigation Resources
- CSS Menu Resources
Validating Your Pages
- Compatibility Checker on Status Bar
- Status Bar
  - Compatibility Checker for Incompatible HTML
  - Invalid HTML Code
- Additional Resources on Validation
Creating Your Dynamic Web Template
- What is a Dynamic Web Template?
- Why it's a good idea to use a DWT?
- Creating a Dynamic Web Template - DWT
What Is Search Engine Optimization - SEO?
- How Does Search Engine Optimization (SEO) Work?
- Basic Search Engine Optimization Techniques
  - Page Titles
  - Meta Tag for description
  - Meta Tag for keywords
  - File Names
  - Heading Tags
  - Alt Attribute
  - Title Attribute
- Content
- Summary
Using the Expression Web SEO Checker and Report
- What does the SEO Checker do?
- What the SEO Checker Does Not Do
- To generate an SEO report
  - To apply a filter to an SEO report
  - To remove a filter from an SEO report
  - Understanding the SEO Report
  - SEO panel buttons
- Problems Details and Fixes SEO Reports
  - The anchor text contains values that provide no search benefit
  - The description for the page is missing
  - Hyperlinks that point to a directory should end in a slash (/)
  - The <meta name="keywords"> tag contents are too short
  - The <title> tag contents are not unique within the site
  - The <img> or <area> tag does not have an 'alt' attribute with text
  - The <noscript> tag is missing
  - This page contains no <h1> tag
- Summary
- Additional SEO Resources
Working with Images in Expression Web
- Importing Your Images
- Inserting Images into a Web Page
  - About the Picture Properties Dialog Box
- Using Auto thumbnail
  - Check doctype declaration
  - Set the Default Properties for thumbnails
Working with Hyperlinks
- Anchor Tags
- Bookmarks or Named Anchors (HTML anchors)
  - Add or Remove a Bookmark in Expression Web
  - To create a bookmark
  - To remove a bookmark
- HTML Links - the target Attribute
- Picture hyperlinks
- To Create or modify a hyperlink
- Useful Tips
- Additional Resources
- Changing the Appearance of Hyperlinks
  - Hyperlink states
  - CSS Pseudo-classes
  - To change the appearance of hyperlinks
  - Multiple Link Styles
- Best Practices in Styling Hyperlinks
- Additional Resources
Publishing Your Web Site
- To mark files that you do not want to publish
- Publish Current File
- Migrate Existing File Definitions to Expression Web
- Publishing Your Website
How to back up your local website on your hard drive
- Back up your website using Expression Web 4.0
Expression Web 4.0 Add-ins
- What is an Expression Web Add-in?
- How to install Add-ins?
- Expression Web Free Add-ins
- Expression Web Commercial Add-ins
Learning HTML - HyperText Markup Language New Section
- What is HTML?
- HTML Tags
  - <body> tag
  - <div> tag
  - paragraph <p> tag
  - heading <h1> to <h6> tags
  - <ul> tag
  - <ol> tag
  - <li> tag
  - <img> tag
  - <a> tag
- Summary
- Learning Resources
  - HTML Coding - Hypertext Markup Language
  - XHTML - EXtensible HyperText Markup Language
CSS Basics New Section
- What is CSS?
- Cascading Order
- Types of Styles
  - Element selectors
  - Class Selectors
  - ID selectors
  - Inline styles
How to Copy and Paste Text so the Code is Clean New
Create and Style a Data Table
- Create the Table
- Style an Already Created Data Table
- Points to Remember in Working with Tables

Download your FREE copy of Free Expression Web 4 Tutorials EBook 2nd Edition in format and zipped for easier download. You will need the free Adobe Reader to view the EBook.

Copyright © 2010 Pat Geary of Expression Web Tutorials and Templates, All Rights Reserved
Written and Published July 2010
Revised May 2012
Revised February 2013

Expression Web 4.0 Tutorials 2nd Edition from Install to Publish, a FREE EBook by Pat Geary.

Expression Web has a group on Facebook. If you are a FB user, come join us.

Disclosure: This is an affiliate link, which means that if you visit Bluehost.com through this link and purchase this product, I’ll get a commission.

Microsoft MVP Logo.
April 2007 - April 2013