Replacing FP Hover Buttons

For those of you who are moving FrontPage to Expression Web, here is the latest tutorial from Cheryl Wise Replacing FP Hover Buttons.

Cheryl created this tutorial to show just how easy it is to use buttons without using the deprecated FP Hover buttons. This will allow you to continue to use the button styles you are currently using but reduce your page code and speed up load time. You will be replacing the old hover buttons with simple css and 3 buttons reused for each menu link. View the finished menu.

You can get the full tutorial Replacing FP Hover Buttons on Cheryl’s site. Be sure and check out her other tutorials and free templates.

Expression Web Tutorials by Cheryl Wise

Cheryl Wise was one of the first to offer tutorials on using Expression Web. Her Basic Website Video Tutorial while done using an earlier version of the software, remains an excellent resource. She is in the process of creating a new Basic Website Video Tutorial that will show you how to create the website shown below. Since it may take some time to get them all recorded and edited she will be creating text based tutorials using each script and screenshots.

Her first in a new series of beginner tutorials for Expression Web 4 is now available:

Check back often as I will list the new tutorials as they become available.

For Expression Web support, visit Cheryl’s user friendly forum: Expression Web Forum

Expression Web and FrontPage Shared Borders

Shared Borders was a feature of Microsoft FrontPage that allowed you to include duplicated content on all the pages of your site. You could edit the top, bottom, left, and/or right border in one location and have the change replicated throughout your site. The shared border feature was used for such things as navigation, copyright notices, your company logo, contact information to name a few. The shared borders surrounded the main content of the page and could be turned off if so desired.

Shared borders were deprecated in FrontPage 2003 and replaced by a dynamic web template (DWT) and include pages. The shared borders feature does NOT exist in Expression Web, but you can still edit existing pages with FrontPage shared borders applied. At least you could with Expression Web versions 1, 2, and 3. Expression Web 4.0 does NOT support shared borders and will destroy any of your websites that are using shared borders if you open that site in Expression Web. 4.0.

Fellow MVP, Ron  Symonds, has written a detailed discussion on How Expression Web 4 treats Shared Borders. Before you open your shared border website in Expression Web, you need to read his discussion.

Better yet, remove the shared borders as one of the steps in migrating your FrontPage site to a more standards compliant website. You can either use FrontPage to remove the shared borders OR use a find and replace utility.


Expression Web 4 Step by Step Videos

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 Video. 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, from which he’ll try to answer questions regarding the book and Microsoft Expression products.

Microsoft Expression Web 4 LiveLessons 50% off!

Microsoft Expression Web 4 LiveLessons

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.