Sams Teach Yourself Microsoft® Expression Web 2
in 24 Hours

Morten Rand-Hendriksen

Image 800 East 96th Street, Indianapolis, Indiana, 46240 USA

Sams Teach Yourself Microsoft® Expression Web 2 in 24 Hours

Library of Congress Cataloging-in-Publication Data:

Trademarks

All terms mentioned in this book that are known to be trademarks or service marks have been appropriately capitalized. Sams Publishing cannot attest to the accuracy of this information. Use of a term in this book should not be regarded as affecting the validity of any trademark or service mark.

Warning and Disclaimer

Every effort has been made to make this book as complete and as accurate as possible, but no warranty or fitness is implied. The information provided is on an “as is” basis. The author and the publisher shall have neither liability nor responsibility to any person or entity with respect to any loss or damages arising from the information contained in this book.

Bulk Sales

Sams Publishing offers excellent discounts on this book when ordered in quantity for bulk purchases or special sales. For more information, please contact

U.S. Corporate and Government Sales
1-800-382-3419
[email protected]

For sales outside of the U.S., please contact

International Sales
[email protected]

Associate Publisher

Greg Wiegand

Acquisitions Editor

Loretta Yates

Development Editors

Todd Brakke

Anne Goebel

Managing Editor

Patrick Kanouse

Project Editor

Mandie Frank

Copy Editor

Mike Henry

Indexer

Tim Wright

Proofreader

Arle Writing and Editing

Technical Editor

Greg Kettell

Publishing Coordinator

Cindy Teeters

Designer

Gary Adair

Compositor

Mark Shirar

Table of Contents

Introduction

Hour 1: Get to Know Microsoft Expression Web 2

Introducing Expression Web 2

Getting and Installing Expression Web 2

Getting Acquainted with the Workspace

Changing and Customizing the Workspace

Summary

Q&A

Workshop

Quiz

Answers

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 2

Keeping Your Pages Functional

Summary

Q&A

Workshop

Exercise

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

Summary

Q&A

Workshop

Quiz

Answers

Hour 4: Building the 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

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 5: Get Connected—Building Hyperlinks for Navigation and Further Exploration

Introduction

Importing a New Page

Creating an Internal Hyperlink

Creating External Links and New Windows

Creating Links Within Documents Using Bookmarks

Creating an Email Hyperlink

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 6: Get Visual, Part 1: Adding Images to Your Page

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

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 7: Get Visual, Part 2: Advanced Image Editing, Thumbnails, and Hotspots

Introduction

Exploring the Pictures Toolbar

Using the Pictures Toolbar to Add and Change an Image

Creating Hotspots

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 8: Cracking the Code—Working in Code View

Introduction

Using Code View as a Learning Tool

Tools in Code View

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 9: Get Boxed In, Part 1: Using Tables for Content

Introduction

Five-Minute History of Tables in Web Pages

Creating a Table from Scratch

Changing the Appearance of a Table

Using the Table Layout Tool to Make Nonstandard Tables

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 10: Bringing Style to the Substance with Cascading Style Sheets

Introduction

CSS Sans Code

Setting the Font Family for the Entire Document

Using the Cascade to Override Styles

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 11: Get Boxed In, Part 2: Knee Deep in CSS

Introduction

CSS Classes—Because Not All Content Should Be Treated Equally

Introducing ID—Class’s Almost Identical Twin

Classes Within Classes: Micromanaging the Content

Pseudoclasses

Understanding the Box Model

Summary

Q&A

Workshop

Quiz

Answers

Exercise

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

Creating External Style Sheets

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 13: Get Visual, Part 3: Images as Design Elements with CSS

Introduction

Images as Backgrounds: A Crash Course

Using Images as List Bullets

Importing Adobe Photoshop Files

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 14: Building the Framework

Introduction

Starting with Pen and Paper

Building the Framework from Boxed Parts

Styling the Layout Boxes

Understanding Positioning

Applying the Framework to Existing Pages

Building the Framework Using Eric Meyer’s CSS Sculptor

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 15: Buttons, Buttons, Buttons

Introduction

Buttons: A Brief Definition

Creating Interactive Buttons Using Expression Web

Creating Buttons from Scratch Using CSS

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 16: Using Behaviors

Introduction

Behaviors: An Introduction

Modifying Behaviors

The Many Behaviors of Expression Web 2

Summary

Q&A

Workshop

Quiz

Answers

Exercise

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

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 18: Building a Functional Menu

Introduction

The Layers Based Menu

Pure CSS Drop-Down Menus: A Clean Alternative

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 19: Dynamic Web Templates

Introduction

Dynamic Web Templates

Understanding Dynamic Web Templates

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 20: Get Interactive with Forms

Introduction

Creating Forms in Expression Web 2

Making Use of Form Results

Other Uses for Form Results

Forms in Code View

Summary

Q&A

Workshop

Quiz

Answers

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

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 22: Beyond the Basics: PHP in Expression Web 2

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

Added Functionality

Summary

Q&A

Workshop

Quiz

Answers

Hour 23: 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

Summary

Q&A

Workshop

Quiz

Answers

Exercise

Hour 24: Publishing Your Website

Introduction

A Word on Domains and Web Hosting

Four Different Publishing Options

Example: Publishing Content Using FTP

Advanced Publishing Settings

Summary

Q&A

Workshop

Exercise

Index

About the Author

Morten Rand-Hendriksen is the owner and creative director of Pink & Yellow Media, a design company that provides digital media creations for small businesses and television. Through the years he has had many different titles: photographer, studio musician, composer, politician, writer, jeweler, philosopher, artist, and university senate member. But it is in the role of a designer he feels truly at home (at least for the moment).

Morten started designing websites back in 1997, but it wasn’t until he moved to Canada in 2002 that he really started to focus on web design as a possible career (surprisingly there were few job listings for Norwegian philosophy majors in Vancouver at the time). Over the years he has worked with many different technologies, but after being introduced to Expression Web 2 he has shifted the focus of the web part of his business almost exclusively to the art of CSS and blog design.

Sams Teach Yourself Microsoft Expression Web 2 in 24 Hours is his first published book. You can also find his tutorials and other design-related musings on his blog at http://blog.pinkandyellow.com and in many different forums and newsgroups throughout the Web.

If you have any questions relating to the book, you can contact Morten by writing to [email protected].

Dedication

I dedicate this book to my parents, Marianne and Svend, who taught me that with hard work and determination nothing is impossible; Jan Tobiassen for being a friend when no one else was; The House of Lords (and Ladies)—save a seat for me—and Angela, my love, without whom I would float away like a broken kite without a tether.

Acknowledgments

There are times when I sit down and wonder: How on earth did I end up here? Closing in on the end of the journey that has produced this book I find myself looking back on a year filed with coincidences and random events that together have culminated in this moment. If anyone had told me last summer I would be sitting in my couch writing acknowledgements for a Sams Publishing book, I would have laughed out loud. Yet here I am!

There are a great many people whose involvement, however minute, has had a significant part in the saga that led to this book being published. Here they are, as they say in the movies, in order of appearance.

It was a fluke that I got introduced to Expression Web at all. When I was invited to attend an event for the Microsoft Expression Suite at the Canvas Lounge in Vancouver, I almost didn’t go. Yet this event would become a defining moment for my life as well as the starting point from which this book would eventually emerge. At the event I was introduced to Paul LaBerge and Qixing Zheng from Microsoft Canada, both of whom would take an interest in my work with Expression Web and offered help and support as I started digging ever deeper into the functionalities of this new application. Through Paul and Qixing I came in direct contact with the Expression Web development team and, in particular, Anna Ullrich who would provide invaluable help both with the application itself and with this book. Her comments and input on the original table of contents were instrumental in forming the book you are now leafing through.

During the fall of 2007, Microsoft did a case study on my company, Pink & Yellow Media, and a project I had created using Expression Studio applications exclusively. This study involved, among others, fellow Scandinavian HÅkan Söderbom who rode his motorbike all the way from Seattle to Vancouver for an interview. I would meet HÅkan again at Mix08 in Las Vegas where I also ran into Tyler Simpson from the Expression Web team who provided much needed insight into the technical aspects of the application.

Through all of these people my name somehow made it to Steven Guttman, the Production Unit Manager for Expression Web, who one day in March sent me an email saying that Pearson was looking for an author for its new Sams Teach Yourself Microsoft Expression Web 2 in 24 Hours book. Hours later I was in touch with Loretta Yates who would put her trust in me as a first-time author and provided much needed help and support as the book took shape. In many ways this book is as much Loretta’s work as it is mine.

As the ball got rolling I got introduced to many of the people involved in making my convoluted and often incorrect ESL English (I am Norwegian, after all) into publishable material. These include my development editors Todd Brakke and Anne Goebel who make sure everything makes sense, tech editor Greg Kettell who makes sure what I say is correct and that everything works, copy editor Mike Henry who ungarbles and untangles my somewhat archaic language and horrendous syntactic and typographical transgressions, and project editor Mandie Frank who keeps me in line.

There are countless others involved in both the pre- and post-publishing process I have not mentioned, and they should all be gravely offended for not being named by name. Without their contributions this book would never have made the journey from my mind to the hands of the readers and they should be acknowledged for their invaluable work.

Finally I’d like to thank my friend Alexandra Oosterom and my brother Ole who have diligently read through each and every chapter of my unfinished manuscript and provided valuable input on my many inconsistencies and typographical errors.

We Want to Hear from You!

As the reader of this book, you are our most important critic and commentator. We value your opinion and want to know what we’re doing right, what we could do better, what areas you’d like to see us publish in, and any other words of wisdom you’re willing to pass our way.

You can email or write me directly to let me know what you did or didn’t like about this book—as well as what we can do to make our books stronger.

Please note that I cannot help you with technical problems related to the topic of this book, and that due to the high volume of mail I receive, I might not be able to reply to every message.

When you write, please be sure to include this book’s title and author as well as your name and phone or email address. I will carefully review your comments and share them with the author and editors who worked on the book.

E-mail:    [email protected]

Mail:       Greg Wiegand
               Associate Publisher
               Sams Publishing
               800 East 96th Street
               Indianapolis, IN 46240 USA

Reader Services

Visit our website and register this book at www.informit.com/title/9780672330292 for convenient access to any updates, downloads, or errata that might be available for this book.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.141.195.128