Expression Web Tips » Expression Web Tutorials

Expression Web 4 Step by Step Videos

Patricia Geary — Sun, 09 Jan 2011 15:05:29 +0000

Chris Leeds is the author of the newly published book, Microsoft Expression Web 4 Step by Step (Step By Step (Microsoft)) He also offers a companion website for the book on which he has posted a series of FREE videos Expression Web 4 Step by Step Videos. I have only watched the first three chapters so far but my first impression is very positive. Some of the chapters are for more advanced users but are well worth watching.

NOTE: The videos do require Silverlight to be installed. I have tested this in the five browsers installed on my computer – IE8, Firefox, Opera, Google Chrome, and Safari for Windows and it plays fine.

Chris says of the video series:

This video series is an informal collection of tips, tricks, and techniques based on the chapter exercises in Expression Web 4 Step by Step. While the videos are presented on a chapter by chapter basis, they’re not a formal video training course. I’d like feedback on the videos from readers/viewers because I would like to create a formal video training course based on reader recommendations.

The Expression Web 4 Step by Step Videos series includes the following:

Introduction – About the video series. Time: about 2 minutes
Chapter 1 – Understanding How Expression Web Works. Time: about 16 minutes
Chapter 2 – Capitalizing on Expression Web 4 Functionality. Time: about 16 minutes
Chapter 3 – Capitalizing on the Template Options in Expression Web 4. Time: about 13 minutes
Chapter 4 – It’s All About Content. Time: about 22 minutes
Chapter 5 – Understanding Validity and Accessibility. Time: about 8 minutes
Chapter 6 – Create a Web Site from Scratch. Time: about 37 minutes
Chapter 7 – Adding Client-Side Functionality. Time: about 20 minutes
Chapter 8 - Adding Functionality with JQuery and PHP. Time: about 10 minutes
Chapter 9 – Adding Functionality with ASP.NET and AJAX. Time: about 18 minutes
Chapter 10 – Managing and Publishing your work. Time: about 16 minutes

So head on over to Expression Web 4 Step by Step Videos and watch the video series. Make sure to bookmark the site so you can refer to it again and again.

About the Author

Chris Leeds is a Web enthusiast who has been a Microsoft Most Valuable Professional (MVP) for Microsoft Office FrontPage and then Expression Web for eight years. He is also the developer of a software product called ContentSeed ( a Content Management System) with which users can create Web pages that can be edited and managed by using only a browser.

Chris was a technical reviewer for FrontPage 2003 (The Missing Manual), the author of Microsoft Expression Web Step by Step, Microsoft Expression Web 2 Step by Step (the previous version of this book), co-author for Microsoft Expression Blend 4 Step by Step, has developed several tutorials about FrontPage, and hopes to continue helping the user community through the Web site www.ExpressionWebStepByStep.com, from which he’ll try to answer questions regarding the book and Microsoft Expression products.

Microsoft Expression Web 4 LiveLessons 50% off!

Patricia Geary — Thu, 11 Nov 2010 19:15:43 +0000

Microsoft Expression Web 4 LiveLessons (Video Training)

Morten Rand-Hendricksen, the author of the Sam’s Teach Yourself Expression Web in 24 Hours series of books, now has a video training series available with his Microsoft Expression Web 4 LiveLessons.

The DVD offers more than six hours of comprehensive video training, broken into 27 individual lessons and covers all the new features of version 4 thoroughly, including HTML5. This video is perfect both for those new to Expression Web, as well as those upgrading to version 4. Remember, if you have a retail version of Expression Web 3.0, you can upgrade to Expression Web 4.0 for free.

The Microsoft Expression Web 4 LiveLessons is NOW AVAILABLE directly from QUE at a 50% discount. The DVD can be pre-ordered and will be available November 24th. Don’t delay as this is a limited time offer.

These practical videos walk you through starting projects, building effective pages, using Code View, and thoroughly mastering Expression Web 4’s powerful CSS capabilities. You’ll find hands-on coverage of Dynamic Web Templates and site management, browser testing with SuperPreview, search engine optimization with the new SEO Checker, and much more!

Table of Contents for the LiveLession Video

Part 1: Microsoft Expression Web 4 Basics
Lesson 1: Get to Know Microsoft Expression Web 4
Lesson 2: A Look Into the Future
Lesson 3: Starting a New Project by Setting Up a New Site
Lesson 4: Building a Basic Web Page
Lesson 5: Working with Multiple Pages and (Hyper)links
Lesson 6: Page Properties and Meta Tags
Part 2: Working with Images in Microsoft Expression Web 4
Lesson 7: Images in Expression Web 4
Lesson 8: Images from External Sources
Lesson 9: Advanced Image Editing
Part 3: HTML and Code View in Microsoft Expression Web 4
Lesson 10: HTML – An Introduction
Lesson 11: Working in Code View
Part 4: Cascading Style Sheets (CSS) Basics in Microsoft Expression Web 4
Lesson 12: Cascading Style Sheets (CSS) – An Introduction
Lesson 13: Using a CSS Reset
Lesson 14: Understanding CSS: The Box Model
Lesson 15: Understanding CSS: Practical Examples
Part 5: Advanced Cascading Style Sheets (CSS) in Microsoft Expression Web 4
Lesson 16: Understanding CSS: Creating Layouts with Boxes Model
Lesson 17: Understanding CSS: Positioning
Lesson 18: Understanding CSS: Background Images
Part 6: Cascading Style Sheets (CSS) Menus in Microsoft Expression Web 4
Lesson 19: Building CSS Menus: The Vertical Menu
Lesson 20: Building CSS Menus: The Horizontal Menu
Lesson 21: Building CSS Menus: The Horizontal Drop-Down Menu
Part 7: Dynamic Web Templates and Microsoft Expression Web 4
Lesson 22: Using Dynamic Web Templates
Lesson 23: Using Dynamic Web Templates for Site Management
Part 8: Beyond the Basics of Microsoft Expression Web 4
Lesson 24: Flash and Other Rich Media Content
Lesson 25: Browser Testing with SuperPreview
Lesson 26: Search Engine Optimization
Lesson 27: Publishing Your Site

As soon as I receive the DVD, I will be watching and reviewing Microsoft Expression Web 4 LiveLessons.

Want to know more about Morten? Visit his blog, design in philosophy.

Want to know more about the free upgrade from Expression Web 3.0 to 4.0 or about Expression Web 4.0 in general? Visit Expression Web Tutorials & Templates.

UPDATE: November 29th. Large box delivered – smaller box inside which include one DVD.

November 29th – Spent part of today watching the Microsoft Expression Web 4 LiveLessons DVD. Finished watching the first three parts which takes you through Lesson 11. Very well done so far. I would encourage you to watch the video all the way through the first time, especially if you are new to writing HTML code and CSS, as well as Expression Web 4. Review of the entire series will follow.

Using the Find Feature in Expression Web

Patricia Geary — Fri, 30 Apr 2010 01:12:06 +0000

Morten Rand-Hendriksen is a fellow Expression Web MVP and the author of Sams Teach Yourself Microsoft Expression Web 3 in 24 Hours and is a guest poster for the Expression Web Team Blog with his timely article Rule over the true powers of Find. If you have not used the Find feature in Expression Web, you are missing out on a great tool. Morten writes:

If you use Expression Web or most any text editing and reading software, you likely already use the Find feature to search for text. But if you’re one of the few who is not using the Find feature in Expression Web, you are likely wasting time doing repetitive tasks the program can do for you far more efficiently. I don’t know about you but for me time = money and I like to spend as little of the former to get as much of the latter as possible. And to that end Find is an important tool in my toolbox. In this post, I’ll breeze over the basic Find features everyone should already be using, and then dive deeper into a few scenarios for using more advanced Find options called HTML Rules.

Read Rule over the true powers of Find and find out for yourself how YOU can use this great feature to help with your own work flow.

Build a fancy author or profile box with Expression Web

Patricia Geary — Sat, 24 Apr 2010 21:39:12 +0000

Morten Rand-Hendriksen, a fellow MVP for Expression Web and author of Sams Teach Yourself Microsoft Expression Web 2 and 3 in 24 Hours has added his latest tutorial Build a fancy author or profile box with Expression Web. Morten gives you step-by-step instructions for building the profile box including the code and css. You are then free to edit the css and/or code so that it works for you.

A profile box is a great way of quickly giving your visitors information about a person featured on your site. These boxes normally feature a quote or short biography followed by the person’s name, affiliation and maybe a photo and usually are just straight up blockquotes or something similar. In other words they are a bit boring. But there really is no reason why they should be: Text and images on the web can pretty much be displayed in any layout you want. All you need is the creativity to come up with a better way of displaying it and either the knowledge of CSS and HTML to get it done or a tool to help you along the way.

If you would like to see an example of the tutorial in use, visit Migrating from FrontPage to Expression Web.

Expression Web 3.0 Tutorials EBook 2nd edition

Patricia Geary — Thu, 11 Feb 2010 00:19:38 +0000

Expression Web 3.0 Tutorials EBook, 2nd edition.

The 2nd edition of Expression Web 3.0 Tutorials has just been released. The Ebook is a compilation of my tutorials for Expression Web 3.0 in pdf format. The EBook is then zipped for easy download.

Tutorials included in the EBook:

Installing Expression Web 3.0
Setting Up Expression Web 3.0
Create a Website
Create a Blank Web page
Create a Web page layout
Add Horizontal To Navigation to your Web Page Layout
Add Vertical Navigation to your Web Page Layout
Publishing your Website
Backing up your Local Website to a Backup Location on your hard drive.
Create and Style a Data Table.

You can read more and download Expression Web 3.0 Tutorials 2nd edition

Expression Web SuperPreview In Depth Tutorial

Patricia Geary — Fri, 06 Nov 2009 01:10:01 +0000

Tina Clarke, MS MVP Expression Web has just added an in depth tutorial on Expression Web’s SuperPreview feature to her Any Expressions Design site.

Expression Web SuperPreview is a brand new feature within Expression Web 3.0 Included also is Snapshot which is a sort of mini preview alongside your Design and Code Views. The Expression Web SuperPreview Tutorial along with its companion Expression Web SuperPreview Starter Kit go indepth and touch on almost every aspect of the application and the methods you can employ to find coding errors and how to fix them.

Read the full tutorial: Expression Web 3.0 SuperPreview. Make sure you also download her Expression Web Stater Kits so you can follow along with the tutorial. While you are there, you might want to check out her other tutorials and her collection of EBooks for Expression Web, many of which are F REE. Great job Tina!

Expression Web 3 FTP Publishing

Patricia Geary — Thu, 30 Jul 2009 21:21:20 +0000

Chris Leeds, Microsoft MVP has contributed an in depth article to this months Expression Web Newsletter on FTP Publishing with Expression Web 3.

With the release of Expression Studio 3 at hand, it is a great time to start getting into some of the changes you’ll find in Expression Web. Some of the most significant changes are in the FTP publishing features. Not only has it been changed from a standpoint of how a user accesses it, but its default behavior and underpinnings have been changed radically, for the better.

He takes you through the process step-by-step with plenty of screen shots. You can read Expression Web 3 FTP Publishing in its entirety and sign up for the newsletter.

Chris is the author of Expression Web Step by Step (Microsoft Press) and Expression Web 2 Step by Step (Microsoft Press). Both books can be purchased through Amazon.com. Chis is also the developer of ContentSeed, an easy to use CMS that works with every editor INCLUDING Expression Web.

Expression Web Video Tutorials

Patricia Geary — Fri, 01 May 2009 13:46:27 +0000

Cheryl Wise of by-expression.com produces some of the BEST video tutorials on Expression Web. Are they on the endangered species list? Cheryl posts on her blog:

I’m considering pulling all of the free tutorials on this site since most of the comments I’m getting are complaints about downloading.

I’ve had a few comments posted on my tutorials, primarily the Building a Basic Website in Expression Web tutorial that indicate some people have had problems with viewing or downloading the tutorials. The latest ones have been quite rude and frankly, I don’t appreciate comments like “get a real host”.

One of the first tutorials I recommend to new users of Expression Web is her Building a Basic Website in Expression Web. The tutorials are large – 1 hour 20 minutes for the full version (122.7mb) and 18-30 minutes for each of the four parts. Unless you are on a really fast connection expect it to take a few minutes to start. That takes a lot of bandwidth and a large amount of server space. None of this is free. Instead of thank-yous for providing this service, she is getting complaints on the amount of time it takes. I for one, would hate to see this resource disappear.

Link updated October 16, 2011.

CSS Based Menus

Patricia Geary — Thu, 23 Apr 2009 17:53:51 +0000

If you were not able to attend the Live Meeting today where CSS Based Menus were discussed, you can head on over to Cheryl Wise’s Blog at by-expression.com and download the zip file that contains the tutorials for:

Simple Horizontal Menu with Rollover
Simple Vertical Menu with Rollover
Using Project Seven CSS Express Menus in Expression Web

The zip file for the menus contains all of the code as well as a text based tutorial on using the images and code to create three types of menus. Download it and extract to your hard drive.

Manage your FPSE Site permissions without using FrontPage 2003

Patricia Geary — Sun, 12 Apr 2009 00:11:24 +0000

Some time ago I wrote a tutorial Password Protection in FrontPage that showed you how to set up password protection for a folder if you were hosting you site on a server with frontpage server extensions installed. That same process is not available in Expression Web.

The Expression Web Team Blog has an article Manage your FPSE Site permissions without using FrontPage 2003.

When former FrontPage users first start using Expression Web, a common question is “How do I edit the permissions to my Website or subweb?”.

While FrontPage 2003 provides users the ability to manage permissions to their FPSE Website through an Administration Website linked to from the application, Expression Web doesn’t provide the same level of integration.
When using FrontPage 2003 to edit your FPSE Website or subweb, users can manage its permissions by using the Tools -> Server -> Permissions menu. That will bring up the Administration Website for your FPSE Website on your Web browser.

Read Manage your FPSE Site permissions without using FrontPage 2003.