Introducing Microsoft Expression Studio

Contents
Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xviii
PART I
EXPLORING MICROSOFT EXPRESSION STUDIO 1
Chapter 1
Introducing Microsoft Expression Studio 3
What Is Expression Studio? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
Bringing Consistency to Digital Communication . . . . . . . . . . . . . . . . . . . . . . 5
What’s the Concept Behind Expression Studio? . . . . . . . . . . . . . . . . . . . . . . . 6
Considering the Adobe Factor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Moving Up to Expression Web from FrontPage . . . . . . . . . . . . . . . . . . . . . . 11
Providing Professional Drawing Tools: Expression Design. . . . . . . . . . . . . . . 12
Creating Complex Web Experiences: Expression Blend. . . . . . . . . . . . . . . . . 13
Managing Digital Assets: Media and Media Encoder . . . . . . . . . . . . . . . . . . . . 14
Exploring New Features . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Support for Web and Other Standards . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Examples of What You Can Do with Studio . . . . . . . . . . . . . . . . . . . . . . . . 15
Step 1: Assemble and Manage Your Digital Media. . . . . . . . . . . . . . . . . 16
Step 2: Craft Professional-Quality Graphics. . . . . . . . . . . . . . . . . . . . . . 16
Step 3: Create Standards-Compliant Web Sites . . . . . . . . . . . . . . . . . . . 16
Step 4: Design a User Experience . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
Chapter 2
Working in the Expression Studio Environment 19
Exploring Expression Studio’s User Interfaces . . . . . . . . . . . . . . . . . . . . . . . 19
Expression Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
Expression Blend . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
Expression Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
Expression Media . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
Starting New Projects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
Choosing Web’s Templates and Predesigned Layouts . . . . . . . . . . . . . . . 26
Previewing Your Work . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
Using Blend’s Sample Projects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
Using Design’s Sample Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
Viewing Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
Examining Common Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Using Toolbars and Menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Working with Panes, Palettes, and Panels . . . . . . . . . . . . . . . . . . . . . . . 34
Choosing the Right Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Zooming and Rotating . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
Aligning with the Grid . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
Working with Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
Absolute Positioning . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
Dragging and Dropping. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
Grouping and Ungrouping . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
Customizing the Interface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
PART II
STANDARDS-BASED DESIGN
WITH EXPRESSION WEB 45
Chapter 3
Formatting Basic Web Site Content 47
Working with Web Page Code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
Doctypes and XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
Cascading Style Sheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
Editing and Saving Web Pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Saving Your Web Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
Naming Your Web Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
Working with the Folder List Task Pane . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
Viewing and Creating Folders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
Creating a New Page from an Existing One . . . . . . . . . . . . . . . . . . . . . 54
Pasting Text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
Entering and Formatting Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
Breaking Lines . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
Bold, Italic, and Other Attributes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62
Changing Type Size . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63
Colorizing Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64
Using the Format Painter. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
Adjusting Character Spacing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
Choosing Paragraph Styles. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67
Body Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67
Headings . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68
Aligning Paragraphs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68
Adding Borders and Shading . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70
Formatting Lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
Checking Your Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74
Spell-Checking . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74
Using the Thesaurus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75
Working with Web Site Code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76
Working with Code View . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77
Code Shortcuts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
Closing Your Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
Chapter 4
Giving Your Web Site a Look and Feel 83
Adding Web Page Must-Haves. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83
Adjusting Page Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83
Changing the Background . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85
Adjusting Default Colors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88
Navigational Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
Hyperlinks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
Layout Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98
Positioning Content with Layers. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98
Getting Organized with Tables. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
Dividing a Page into Frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111
Working with Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117
Adding Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Adjusting and Positioning Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122
Adding Hotspots to Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124
Chapter 5
Managing Your Site with CSS 127
Understanding CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127
Studying CSS in Code View . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129
Exploring the CSS Task Panes and Toolbars . . . . . . . . . . . . . . . . . . . . . . . 131
Creating a Style Sheet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132
Using a Style Sheet Template . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132
Creating Styles from Existing Formatting . . . . . . . . . . . . . . . . . . . . . . 135
Attaching an Existing Style Sheet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137
Choosing Attachment Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137
Detaching Style Sheets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
Using Code IntelliSense with CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
Running CSS Reports . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139
Using the CSS Reports Task Pane. . . . . . . . . . . . . . . . . . . . . . . . . . . . 140
Reading CSS Reports . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142
Using Web’s Positioning Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143
Absolute and Relative Positioning—and More . . . . . . . . . . . . . . . . . . . 143
Using the Quick Tag Selector. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144
Beginning to Work with the Position Dialog Box . . . . . . . . . . . . . . . . . 145
Working with the Positioning Toolbar . . . . . . . . . . . . . . . . . . . . . . . . 146
Controlling Position with CSS Properties. . . . . . . . . . . . . . . . . . . . . . . 147
Working with Dynamic Web Templates . . . . . . . . . . . . . . . . . . . . . . . . . . 147
Creating a DWT. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148
CSS and Dynamic Web Templates . . . . . . . . . . . . . . . . . . . . . . . . . . . 151
Adding or Removing Editable Regions . . . . . . . . . . . . . . . . . . . . . . . . 151
Attaching and Detaching Pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
Updating a DWT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
Chapter 6
Making Your Site Dynamic and Interactive 155
Creating Interactive Forms. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155
Creating Forms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156
Adding Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158
Finding Scripts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166
Adding Behaviors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168
Using the Behaviors Task Pane. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169
Adding Multimedia and Other Interactive Content. . . . . . . . . . . . . . . . . . . 171
Playing Audio Clips . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171
Adding Page Transition Effects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172
Introducing ASP.NET . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172
Creating Master Pages. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174
Linking to Master Pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176
Embedding ASP.NET Controls. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176
Retrieving Data with ASP.NET . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179
Making a Database Connection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180
Chapter 7
Publishing and Updating Your Web Site 183
Finding a Web Host . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183
Previewing Your Pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184
Proofreading Your Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185
Checking Your Code. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186
Running Site Reports . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188
Testing with Multiple Browsers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188
Viewing in Multiple Browsers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189
Specifying Additional Browsers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189
Configuring File Transfers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190
Synchronizing Local and Remote Sites . . . . . . . . . . . . . . . . . . . . . . . . . . . 193
Controlling Access to Your Web Documents . . . . . . . . . . . . . . . . . . . . . . . 194
Tracking Workgroup Members . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194
Tracking a Page’s Status . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 196
Running a Workflow Report . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197
Revising Your Web Pages with Check In/Check Out . . . . . . . . . . . . . . 199
Analyzing Web Traffic . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202
Installing a Hit Counter . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202
Analyzing Log Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202
PART III
PROFESSIONAL GRAPHICS WITH
EXPRESSION DESIGN 205
Chapter 8
Getting Started with Design 207
Comparing Design and Its Competitors. . . . . . . . . . . . . . . . . . . . . . . . . . . 207
Understanding Digital Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 207
Working with Bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208
Drawing Vector Graphics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212
Managing Files. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213
Creating New Blank Documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213
Editing Existing Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216
Working with Design’s Tools. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217
Touring the Toolbox. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217
Using the Properties Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224
Working with Acquired Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226
Understanding Image Formats . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226
Impoting Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226
Converting Bitmap Images to Paths . . . . . . . . . . . . . . . . . . . . . . . . . . 227
Chapter 9
Creating and Manipulating Images 229
Drawing Your Own Graphics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229
Drawing Shapes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229
Selecting Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233
Grouping and Selecting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 234
Selecting Nodes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235
Painting and Drawing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 236
Filling Images. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246
Working with Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249
Working with the Layers Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249
Moving and Positioning Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253
Chapter 10
Working with Text 255
Creating Text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255
Basic Formatting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255
Choosing Text Styles. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257
Placing Text Inside an Area . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258
Fancy Formatting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259
Adjusting Line Spacing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 260
Adjusting Tracking . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261
Scaling Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262
Tweaking Vertical Alignment. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262
Applying Fills and Strokes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263
Converting Text to Paths. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263
Applying Live Effects to Text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264
Forming Type to Paths . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267
Making Text Follow a Path . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 268
Attaching Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270
Combining Type and Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 271
Chapter 11
Gradients, Transformations, and Live Effects 273
Working with Gradients . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273
Specifying Multicolor Gradients . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 274
Changing Opacity. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275
Changing a Gradient’s Direction . . . . . . . . . . . . . . . . . . . . . . . . . . . . 276
Applying Live Effects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277
Working with Panel Widgets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278
Applying Paint Effects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279
Applying Sketch Effects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282
Applying Surface Effects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 284
Applying Arts and Crafts Effects . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287
Applying Photographic Effects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290
Hiding or Removing Live Effects . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292
Transforming Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292
Using the Selection Box . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293
Using the Transform Submenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295
Manipulating with the Action Bar . . . . . . . . . . . . . . . . . . . . . . . . . . . 297
Chapter 12
Optimizing Images for Publication 299
Locking Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299
Distributing Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300
Adding Crop Marks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303
Observing Best Practices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306
Outputting Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306
Printing Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 307
Exporting to XAML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309
Exporting to Bitmap Format . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311
Reducing File Size. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315
PART IV
CREATING USER EXPERIENCES
WITH EXPRESSION BLEND 317
Chapter 13
Introducing Expression Blend 319
What Is Expression Blend? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319
Windows Presentation Foundation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320
What’s Behind the Scenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 321
Silverlight . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 322
Exploring the Blend Workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323
Looking Through the Toolbox . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325
Drawing Line and Freeform Paths . . . . . . . . . . . . . . . . . . . . . . . . . . . 327
Drawing Shapes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 328
Inserting Layout Panels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 329
Working with Text Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 331
Adding Common Controls. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 335
Accessing the Asset Library . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 336
Switching Workspaces. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 337
Changing Workspace Magnification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 338
Chapter 14
Managing Projects 341
Building an Expression Blend Project . . . . . . . . . . . . . . . . . . . . . . . . . . . . 341
Working with the Project Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343
Other Objects in the Project Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . 348
Working with the Resources Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . 348
Changing Views . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 350
Understanding Interaction Panel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 353
Working with the Objects and Timeline Section . . . . . . . . . . . . . . . . . 353
Changing Stacking Order . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 354
Specifying Layout Options. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 354
Styles and Templates. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356
Trying Out Your Project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356
Sharing Projects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356
Using Blend as a Collaboration Tool . . . . . . . . . . . . . . . . . . . . . . . . . 357
Working with Visual Studio. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 357
Examples of Blend Presentations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 357
Chapter 15
Putting Together Presentations with Blend 359
Assembling Resources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 359
Adding a Solid Color Resource . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 360
Adding a Gradient Color Resource . . . . . . . . . . . . . . . . . . . . . . . . . . . 363
Adding a Drawing Brush . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 364
Choosing Layout Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 366
Working with the Grid . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 366
WrapPanel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 374
DockPanel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375
StackPanel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 377
Canvas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 378
UniformGrid . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 380
ScrollViewer. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 383
Adding a Border . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384
Creating a Popup . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385
Using a Viewbox . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 387
Decorating Bullets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 388
Grouping Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 389
Moving Objects Between Panels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 391
Transformations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 392
Translating Position . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 393
Rotating Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 394
Scaling Objects. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 394
Skewing Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 395
Flipping Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 395
Chapter 16
Adding User Controls and Other Content 397
Working with User Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 397
Accessing Built-In Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 397
Browsing Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 399
Customizing Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 404
Using Control Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 404
Editing Templates. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 409
Creating a Custom UserControl . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 410
Impoting Multimedia Content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 412
Working with Audio Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 413
Adding Video Content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 414
Impoting Graphics and Other Images . . . . . . . . . . . . . . . . . . . . . . . . . . . 416
Making Your Presentation Interactive . . . . . . . . . . . . . . . . . . . . . . . . . . . . 418
Creating Timelines . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 418
Using Keyframes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 421
Creating Triggers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 423
Motion Paths . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 424
Working with Data. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 426
PART V
MANAGING YOUR IMAGE FILES
WITH EXPRESSION MEDIA 429
Chapter 17
Organizing Your Image Files 431
What Is Expression Media? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 431
Getting Organized with the Organizer . . . . . . . . . . . . . . . . . . . . . . . . . . . 432
List View . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 432
Thumbnail View. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 433
Media View . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 433
Impoting Image Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 435
Understanding Catalogs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 436
Impoting Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 437
Annotating as You Impot . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 438
Assigning Keywords . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 441
Storing Your Image Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444
Finding Your Image Files. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 445
Working Offline . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 446
Batch Conversions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 446
Making Backups. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 447
Archives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 448
Chapter 18
Editing Images with Expression Media 451
Touring Media’s Editing Tools. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 451
Working with the Image Editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 453
Rotating Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 454
Transforming Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 456
Resizing a Single Image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 457
Resizing and Revising Multiple Images . . . . . . . . . . . . . . . . . . . . . . . . 459
Cropping Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 460
Adjusting Colors. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 461
Viewing Images in Light Table. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 466
Changing Video Compression and Format . . . . . . . . . . . . . . . . . . . . . . . . 468
Exporting to Adobe Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 471
Chapter 19
Creating Presentations with Expression Media 473
Presenting Your Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 473
Showing a Contact Sheet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 473
Saving a Catalog as a Text File . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 475
Creating an XML File . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 478
Creating Slide Shows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 479
Running Slide Shows. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 480
Specifying Slide Show Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 482
Turning Your Slide Show into a Movie. . . . . . . . . . . . . . . . . . . . . . . . 483
Creating Web Galleries . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 484
Using Presentation Templates. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 486
Creating Custom Web Galleries . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 488
Choosing Templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 489
Using Tags to Control Your Presentation . . . . . . . . . . . . . . . . . . . . . . 489
Controlling Image Size and Other Values . . . . . . . . . . . . . . . . . . . . . . 490
PART VI
APPENDICES 491
Appendix A
Other Expression Studio Components 493
Media Reader . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 493
Expression Encoder. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 494
Visual Studio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 497
Silverlight . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 497
Silverlight Streaming . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 498
Appendix B
Expression Studio Resources on the Web 499
Microsoft Resources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 499
Discussion Groups . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 500
Third-Party Blogs and Resources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 501
Tutorials . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 502
Index. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 505


Another Microsoft Books
Another Software Engineering Books
Download