Sams Teach Yourself Microsoft Expression Web 4 in 24 Hours

Table of Contents......Page 6
Introduction......Page 24
Introducing Expression Web 4......Page 28
Getting Acquainted with the Workspace......Page 30
The Menu Bar......Page 31
Common and Other Toolbars......Page 32
Code, Design, and Split View......Page 34
Left and Right Panels......Page 35
Changing and Customizing the Workspace......Page 38
Summary......Page 43
Quiz......Page 44
Answers......Page 45
Introduction......Page 46
Working with a Completed Website......Page 47
Previewing the Site in Your Browser......Page 50
Images......Page 51
Styling the Content......Page 52
Behaviors......Page 53
Frames and Layers......Page 54
Contact Forms......Page 55
Exploring the Website in Expression Web 4......Page 56
Keeping Your Pages Functional......Page 58
Q&A......Page 60
Exercise......Page 61
Creating a New Website......Page 62
Creating Your First Web Page......Page 66
Testing Your Web Page in Multiple Browsers......Page 70
SuperPreview: A Sneak Preview......Page 72
Summary......Page 73
Workshop......Page 74
Answers......Page 75
Opening and Editing an Existing File Using Code View......Page 76
Importing Styled Text from a Document......Page 80
Cleaning Up Imported Text......Page 81
Further Reading......Page 85
Q&A......Page 86
Exercise......Page 87
Introduction......Page 88
Import a New Page and Create an Internal Hyperlink......Page 89
Creating External Links and New Windows......Page 95
Creating Internal Links Within Documents Using Bookmarks......Page 97
Creating an Email Hyperlink......Page 99
Summary......Page 100
Quiz......Page 101
Exercise......Page 102
Introduction......Page 104
Images on the Web: Three File Types for Three Uses......Page 105
Importing and Inserting an Image......Page 106
Create a New Folder and Import a New Image......Page 107
The General Tab......Page 110
The Appearance Tab......Page 112
Q&A......Page 115
Quiz......Page 116
Exercise......Page 117
Introduction......Page 118
Exploring the Pictures Toolbar......Page 119
Using the Pictures Toolbar to Add and Change an Image......Page 121
Creating Hotspots......Page 127
Q&A......Page 130
Exercise......Page 131
Introduction......Page 132
The Buttons of the Code View Toolbar and What They Do......Page 133
Common HTML Tags in the Toolbox......Page 136
Dissecting Hyperlinks in Code View......Page 137
Images in Code View......Page 140
Unordered and Ordered Lists in Code View......Page 141
Summary......Page 144
Q&A......Page 145
Exercise......Page 146
Introduction......Page 148
One-Minute History of Tables in Web Pages......Page 149
Creating a Table from Scratch......Page 150
Creating Table Headings......Page 151
Changing the Vertical Alignment of Cell Content......Page 152
Merging and Splitting Cells......Page 153
Changing Row and Column Sizes......Page 154
Using Table Properties to Change the Appearance of Your Table......Page 155
Using Cell Properties to Change the Appearance of Your Cells......Page 157
Using AutoFormat to Quickly Change the Look of Your Tables......Page 159
Q&A......Page 160
Answers......Page 161
Exercise......Page 162
Introduction......Page 164
Creating Styles with a Click of Your Mouse......Page 166
Styling Small Selections......Page 169
Setting the Font Family for the Entire Document......Page 171
Styling Links (Also Known As Getting Rid of the Blue Underline)......Page 172
The Quick Tag Tools......Page 175
The CSS Properties Panel......Page 177
The Manage Styles Panel......Page 178
Summary......Page 180
Q&A......Page 181
Exercise......Page 182
Introduction......Page 184
Create a Class and Apply It to the Content......Page 185
Using CSS Classes to Center an Image......Page 186
Creating a Div and Placing It Around Content......Page 188
Creating a Sidebar Using an ID......Page 190
Using an ID to Center the Page......Page 191
Creating Custom Styles Within IDs and Classes......Page 193
Classes Within Classes: Micromanaging the Content......Page 194
Pseudoclasses......Page 195
Use Pseudoclasses to Style Links......Page 196
Understanding the Box Model......Page 197
Q&A......Page 200
Exercise......Page 201
Introduction......Page 202
Introducing CSS: The Code Version......Page 203
The Value of Separation......Page 205
Understanding Inline Styles......Page 206
Applying Classes to Tags in Code View......Page 208
Using Divs and Spans to Separate Content......Page 209
Rename Styles and Apply the Change to All Tags in a Page......Page 210
Creating Divs in Code View......Page 211
Creating External Style Sheets......Page 212
Moving Styles to and from the External Style Sheet......Page 215
Applying External Styles to a Page......Page 217
Summary......Page 219
Quiz......Page 220
Exercise......Page 221
Introduction......Page 222
Use an Image as a Background with CSS......Page 223
The Background Attributes......Page 224
How Backgrounds Relate to the Content and the Page......Page 226
Applying a Background Image to an ID......Page 227
Background Images and the Box Model......Page 229
Stacking Order Means You Can Pile Your Images......Page 231
Using Images as List Bullets......Page 232
Importing Adobe Photoshop Files......Page 234
Q&A......Page 238
Exercise......Page 239
Introduction......Page 240
Starting with Pen and Paper......Page 241
Build the Framework from Boxed Parts......Page 242
Employing CSS Reset......Page 243
Styling the Layout Boxes......Page 244
position: absolute;......Page 248
position: fixed;......Page 249
position: relative;......Page 250
Applying the Framework to Existing Pages......Page 251
Apply the New Framework to the Page......Page 253
Summary......Page 257
Workshop......Page 258
Answers......Page 259
Exercise......Page 260
Introduction......Page 262
Make an Interactive Button......Page 263
Creating Buttons from Scratch Using CSS......Page 267
Creating a Basic Box Button......Page 268
Creating an Advanced Box Button with Images......Page 270
Create Text-Free Buttons with Sliding Doors......Page 272
Q&A......Page 276
Answers......Page 277
Exercise......Page 278
Behaviors: An Introduction......Page 280
Creating a Swap-Image Behavior......Page 281
Modifying Behaviors......Page 283
Change Property......Page 286
Go to URL......Page 289
Jump Menu......Page 290
Jump Menu Go......Page 291
Open Browser Window......Page 292
Play Sound......Page 294
Popup Message......Page 295
Preload Images......Page 296
Set Text......Page 297
Q&A......Page 298
Exercise......Page 299
Frames: An Introduction......Page 300
Editing Individual Frames......Page 304
Making Framed Navigation......Page 308
Creating and Modifying Inline Frames......Page 309
Set Text of Frame Behavior......Page 311
Creating a Layer......Page 314
Set Text of Layer Behavior......Page 319
Summary......Page 320
Q&A......Page 321
Answers......Page 322
Exercise......Page 323
Introduction......Page 324
Making the Basic Vertical Menu Exciting......Page 325
The Horizontal Menu—Laying a List on Its Side......Page 328
Pure CSS Drop-Down Menus: A Clean Alternative......Page 330
Step 1: Make a Menu List......Page 331
Step 2: Styling the Main Menu......Page 333
Step 3: Making the Drop-Down Menus Drop Down......Page 336
Styling the Submenus to Make Them Stand Out......Page 339
Summary......Page 342
Q&A......Page 343
Exercise......Page 344
Introduction......Page 346
Dynamic Web Templates......Page 347
How Dynamic Web Templates Work......Page 351
Understanding Dynamic Web Templates......Page 355
Editable Regions Outside the Body......Page 359
Editing Content Outside the Editable Regions in Individual Pages......Page 362
Summary......Page 363
Quiz......Page 364
Exercise......Page 365
Introduction......Page 366
Creating Forms in Expression Web 4......Page 367
Making Use of Form Results......Page 374
Forms in Code View......Page 380
Summary......Page 382
Quiz......Page 383
Answers......Page 384
Introduction......Page 386
Flash: An Introduction......Page 387
Adding the  Tag for Full Cross-Browser Compatibility......Page 392
Silverlight: An Introduction......Page 394
Placing Silverlight Applications in Your Page......Page 395
Bonus: Making the Galleries Your Own......Page 400
Summary......Page 401
Q&A......Page 402
Answers......Page 403
Exercise......Page 404
Introduction......Page 406
PHP: An Introduction......Page 407
Installing PHP on Your Computer to Test PHP Scripts......Page 408
Creating an Email Form Using PHP......Page 413
Added Functionality......Page 420
Summary......Page 423
Q&A......Page 424
Answers......Page 425
Introduction......Page 426
Snapshot: Instant Browser Previews Inside Expression Web 4......Page 427
Snapshot Functionality......Page 428
Using SuperPreview for Cross-Browser Testing......Page 431
The Tools of SuperPreview......Page 433
The Preview Panel(s)......Page 437
The DOM Tree View......Page 438
Setting Up and Using the New SuperPreview Online Service......Page 439
SuperPreview Online Service Options......Page 440
Identify, Diagnose, and Solve Cross-Browser Issues with SuperPreview......Page 442
Troubleshooting and Fixing the Sidebar in Internet Explorer 7......Page 444
Solve IE6 Problems by Telling Visitors to Upgrade Their Browsers......Page 446
Summary......Page 449
Quiz......Page 450
Exercise......Page 451
Introduction......Page 452
The All-Important Domain Name......Page 453
Six Different Publishing Options......Page 454
File Transfer Protocol (FTP)......Page 456
Secure Shell File Transfer Protocol (SFTP/SSH)......Page 457
FrontPage Server Extensions......Page 458
Web Distributed Authoring and Versioning (WebDAV)......Page 459
Example: Publishing Content Using SFTP......Page 460
Publishing Open Files Without the Publishing Panel......Page 463
Optimizing HTML......Page 465
The Publishing Tab......Page 467
Summary......Page 468
Exercise......Page 469
Introduction......Page 470
What Is a Search Engine, Anyway?......Page 471
Preparing for SEO......Page 472
Search Engine Optimization in Expression Web 4......Page 473
Run an SEO Check of the MyKipple Site......Page 474
Analyzing SEO Checker Reports......Page 475
Summary: Should I Care About SEO at All?......Page 479
A......Page 482
B......Page 483
C......Page 484
D......Page 486
F......Page 487
H......Page 488
I......Page 489
J......Page 490
K–L......Page 491
N......Page 492
P......Page 493
R......Page 494
S......Page 495
T......Page 497
W......Page 498
X–Z......Page 499