Microsoft Expression Web 4

Adjusting Page Size 78 Working in Code View 79 Customizing Code Formatting 81 Quick Tag Tools 83 IntelliSense 83 Context Menu 84 Bookmarks 84 Working in Split View 85 Taking Advantage of Page Views 86 5 Using Tables 87 The Origin of Tables 87 The Makeup of an HTML Table Tag 88 The align Attribute 88 Table Borders 90 The cellpadding Attribute 91 The cellspacing Attribute 92 The frame Attribute 93 Rows, Columns, and Cells 93 The colspan and rowspan Attributes 94 Aligning Content in Cells 95 middle 95 Tables in Expression Web 96 Inserting Tables 97 Customizing Tables 97 Designing for Multiple Resolutions Using Tables 106 6 Using Frames 109 Using Frames in Sites 109 When to Use Frames 109 When Not to Use Frames 110 Creating Frames Pages 110 Configuring Frames 112 Splitting Frames 113 Deleting Frames 114 Creating Alternative Content 114 Targeting Frames 115 Adding and Configuring Inline Frames 117 Tips for Frames 119 Frame Borders 119 Resizable Frames 120 Breaking Out of a Frameset 121 7 Editing Tag Properties 123 An Introduction to Tag Properties 123 Understanding the Tag Properties Panel 123 Viewing Tag Properties with the Tag Properties Panel 126 Setting Tag Attributes with the Tag Properties Panel 128 Creating a Page 128 Setting Tag Properties 128 Using Events with the Tag Properties Panel 130 Tag Properties and Web Standards 131 8 Using the Quick Tag Tools 133 Introduction to the Quick Tag Tools 133 Locating and Selecting Elements Using the Quick Tag Selector 134 Editing Page Content Using the Quick Tag Editor 136 Editing a Tag 137 Removing a Tag 138 Inserting HTML 140 Wrapping a Tag 141 Controlling Positioning 142 Editing Tag Properties 142 When to Use the Quick Tag Editor 142 9 Using Graphics and Multimedia 145 Web Image Formats 145 The GIF Format 145 The JPEG Format 146 The PNG Format 146 Inserting Images 146 Formatting Images 148 Resizing Images 148 Changing Picture Properties 149 Converting Images 151 Creating Image Thumbnails 153 Configuring Auto Thumbnails 155 Creating Image Maps 156 Inserting Multimedia 157 Inserting Flash Movies 157 Inserting Silverlight Applications 159 Inserting Silverlight Video 160 Inserting Deep Zoom Images 161 Inserting Windows Media 163 Importing Adobe Photoshop Files 167 Page Transitions 168 Serving Video 169 10 Using Find and Replace 171 An Introduction to Find and Replace 171 Finding and Replacing Text 172 Using Regular Expressions 172 Finding Text 173 Replacing Text 176 Using HTML Rules in Find and Replace 179 Finding and Replacing HTML Tags 181 Saving Queries 182 Editing and Removing Recent Searches 183 11 Configuring Page Editor Options 187 Accessing Page Editor Options 187 Exploring Page Editor Options 187 The General Tab 187 AutoThumbnail Tab 191 Default Fonts Tab 191 Code Formatting Tab 191 CSS Tab 191 Color Coding Tab 193 Authoring Tab 193 Picture Tab 195 Code Snippets Tab 195 Ruler and Grid Tab 195 IntelliSense Tab 197 Font Families Tab 197 Experiment to Learn More 199 12 Maintaining Compatibility and Accessibility 201 An Introduction to Accessibility 201 Designing for Accessibility 202 Accessible Hyperlinks 202 Accessible Tables 203 Accessible Frames 204 Other Accessibility Considerations 204 Using the Accessibility Checker 205 Checking Accessibility 205 Working with the Accessibility Panel 206 Generating Accessibility Reports 208 Designing for Compatibility 209 What Is Browser Compatibility? 209 Compatibility Features in Expression Web 210 Identifying Code Problems 210 Marking Invalid Code 213 Using Reports to Find Problems 214 Seeing Color 216 13 Using SuperPreview 217 An Overview of SuperPreview 217 SuperPreview 217 How SuperPreview Generates a Preview 218 The SuperPreview Interface 220 Pointer Modes 220 DOM Highlighting 220 UI Helpers 220 Layout Modes 221 Preview URL 221 Baseline and Comparison Browser Selectors 222 DOM Tab 222 Browser Size Drop-Down 224 Using SuperPreview to Preview Layout 224 Setting Up the Previews 224 Generating Previews 225 Fixing Rendering Problems 225 Using the Snapshot Panel 229 Using Remote Browsers 230 Building Layouts with SuperPreview 232 III Publishing and Managing Websites 14 Publishing a Site 235 What Is Publishing? 235 Server Options for Publishing 236 FTP 236 FrontPage Server Extensions 237 WebDAV 239 File System 240 Publishing Content 241 Configuring a Publishing Destination and Publishing a Site 241 Publishing Selected Files and Synchronizing Files 244 Optimizing HTML During Publishing 244 Troubleshooting HTTP Publishing 246 Hosting Your Site 253 15 Site Management and Reporting 255 Site Settings 255 General Tab 255 Preview Tab 256 Advanced Tab 257 Publishing Tab 258 Site Reports 259 Configuring Reports 261 Saving Reports 263 Using SEO Reports to Increase Traffic 263 16 Using Personal Web Packages 267 What Are Web Packages? 267 Creating a Web Package 267 Importing a Web Package 270 Capitalizing on Web Packages 272 IV Using CSS in Expression Web 4 17 Creating Style Sheets 273 An Introduction to CSS 273 The Purpose of CSS 274 How CSS Is Applied to Pages 277 External Style Sheets 277 Embedded Style Sheets 277 Inline Styles 278 Formatting Content with CSS 278 Positioning Content with CSS 284 CSS Classes 287 Basic Application of a CSS Class 287 Applying Multiple CSS Classes 289 Pseudo-Classes 290 Pseudo-Elements 291 Centering a DIV with CSS 292 18 Managing CSS Styles 293 Expression Web's CSS Tools 293 Apply Styles Panel 293 Manage Styles Panel 293 Link Style Sheet Dialog 295 CSS Properties Panel 295 CSS Reports 296 Style Builder 297 Working with Styles 298 Using the Manage Styles Panel 299 Using the Apply Styles Panel 304 Using the CSS Properties Panel 307 Using the Style Builder 310 Using the Attach Style Sheet and Link Style Sheet Dialogs 312 CSS Reports 313 Checking for CSS Errors 313 Checking CSS Usage 315 Arranging CSS Styles 315 V Scripting, DHTML, and Other Dynamic Content 19 Using Dynamic Web Templates 317 An Introduction to Dynamic Web Templates 317 Creating a Dynamic Web Template 318 Creating a Page Layout 319 Adding Editable Regions 319 Attaching a Dynamic Web Template 322 Attaching to an Existing Page 322 Attaching to a New Page 324 Updating a Site with Dynamic Web Templates 324 Modifying a Dynamic Web Template 324 Modifying an Attached Page in Code View 325 Managing Editable Regions 327 Adding a New Editable Region 327 Renaming an Existing Editable Region 328 Resolving Mismatched Editable Regions 329 Detaching a Dynamic Web Template 330 Under the Hood 331 20 Using Interactive Buttons 333 Overview of Interactive Buttons 333 Inserting and Configuring Interactive Buttons 334 The Button Tab 334 The Font Tab 335 The Image Tab 337 Saving an Interactive Button 339 Editing an Interactive Button 340 Practical Uses for Interactive Buttons 341 21 Using Behaviors 343 Understanding and Working with Behaviors 343 Using the Behaviors Panel 343 How Behaviors Work 344 Adding Behaviors Within a Paragraph 344 Expression Web Behaviors 345 The Call Script Behavior 345 The Change Property Behavior 346 The Change Property Restore Behavior 349 The Go To URL Behavior 349 The Jump Menu Behavior 350 The Jump Menu Go Behavior 350 The Open Browser Window Behavior 351 The Play Sound Behavior 352 The Popup Message Behavior 353 The Preload Images Behavior 353 The Set Text Behavior 354 The Swap Image Behavior 357 The Swap Image Restore Behavior 357 When to Use Behaviors 358 22 Client Scripting 359 A History of Browser Scripting 359 JavaScript Basics 361 Adding JavaScript to a Page 361 Linking to an External Script File 362 Adding Inline JavaScript 363 The Document Object Model 363 The window Object 364 The document Object 365 Writing Simple Scripts 366 Showing and Hiding Page Elements 366 Accessing and Changing Attributes 371 Form Field Validation 373 Debugging 377 23 Using Layers 379 Introduction to Layers 379 Inserting and Configuring Layers 380 Adding Content to a Layer 381 Resizing a Layer 382 Creating and Working with Child Layers 383 Positioning Layers 386 Setting Layer Properties with Behaviors 387 Setting the Visibility of Layers 387 Adding Layer Interactivity 388 Z-Order Anomalies 393 24 Using Form Controls 395 Understanding HTML Forms 395 Using Form Controls in Expression Web 396 Creating a Form 397 Saving Form Results to a File or Email 400 File Results Tab 401 Email Results Tab 402 Confirmation Page Tab 404 Saved Fields Tab 406 Saving Form Results to a Database 407 Updating a Database with New Fields 409 Hidden Form Fields 410 VI ASP.NET and PHP Development 25 Using Standard ASP.NET Controls 411 ASP.NET: A Brief Introduction 411 Creating ASP.NET Pages 412 The Basics of ASP.NET Controls 414 Understanding Control Properties 415 An Overview of the Standard ASP.NET Controls 419 The AdRotator Control 420 Creating a Simple AdRotator Page 422 Creating the Advertisement File 422 The Calendar Control 426 Formatting the Calendar Control 426 Calendar Control Properties 427 The Wizard Control 431 Wizard Steps 431 Creating a Simple Wizard 432 Making ASP.NET Work for You 439 Formatting with Styles 439 26 Using ASP.NET Navigation Controls 441 Overview of Navigation Systems 441 Creating a Sitemap File 443 Using the ASP.NET Menu Control 444 Creating a Test Site 445 Adding a Menu Control 446 Formatting the Menu Control 448 Using the ASP.NET TreeView Control 451 Formatting the TreeView Control 453 Using the ASP.NET SiteMapPath Control 457 Formatting the SiteMapPath Control 458 Improving Navigation with Master Pages 459 27 Using ASP.NET Master Pages and User Controls 461 The Need for a Common Layout 461 The Master Page 461 The Content Page 464 Developing a Master Page Site 467 Creating the Master Page 467 Creating the Content Page 473 Extend Reusability with ASP.NET User Controls 475 28 Developing a Login System Using ASP.NET 477 Website Login Systems 477 Overview of ASP.NET Login Controls 478 The Login Control 478 LoginStatus Control 482 LoginName Control 482 ChangePassword Control 482 PasswordRecovery Control 487 CreateUserWizard Control 488 LoginView Control 489 Creating a Login Solution 491 Configuring the Website (IIS 5 or IIS 6) 492 Configuring the Website (IIS 7.x) 494 Configuring the Website (Microsoft Expression Development Server) 502 Creating the Web Pages 504 Using Web Deploy to Publish a Membership Database 507 29 Form Validation Using ASP.NET 511 The Need for Form Validation 511 The ASP.NET Validation Controls 511 Common Properties 513 Creating a Validated Form 515 Validation Groups 521 30 Using ASP.NET Web Parts 523 An Introduction to Web Parts 523 Creating ASP.NET User Controls 524 Web Parts Controls in the Toolbox 525 Creating a Web Parts Page 526 Web Parts Page Display Modes 529 Creating a User Control That Sets the Display Mode 530 Adding Code to Change the Display Mode 531 The Web Parts Catalog 534 Editing Web Parts Controls 537 31 Using ASP.NET Ajax 541 What Is Ajax? 541 Microsoft's ASP.NET Ajax 541 Client-Side Ajax 542 Server-Side Ajax 542 Microsoft Ajax Control Toolkit 543 Adding Ajax Functionality to a Web Form 543 Creating a Site and Page 543 Adding Server-Side Code 545 Adding a ScriptManager Control 546 Adding an UpdatePanel Control 548 Using Client-Side Ajax 549 Adding a to the Web Form 549 Creating the Client Library 549 Adding the Client Script to the ScriptManager Control 550 32 Using PHP 553 An Introduction to PHP 553 PHP Syntax 553 Installing PHP 557 Installing IIS 7 and FastCGI 557 Installing PHP 559 Configuring the Microsoft Expression Development Server for PHP 560 Enabling PHP for IIS Using FastCGI 561 Creating PHP Pages 562 Previewing the Page 563 PHP in Design View 566 PHP in Code View 568 PHP Syntax Highlighting 568 Using IntelliSense with PHP 568 Setting PHP-Specific IntelliSense Options 570 PHP Script Options 572 Form Variable 572 URL Variable 573 Session Variable 573 Cookie Variable 574 Include Once 574 Code Block 575 Comment 576 Displaying PHP Information 577 33 Using the Microsoft Expression Development Server 579 Introduction to the Microsoft Expression Development Server 579 How to Use the Microsoft Expression Development Server 581 Limitations of the Microsoft Expression Development Server 583 Process Identity 583 No Remote Access 584 No Support for ASP Pages 584 Starting the Microsoft Expression Development Server from the Command Prompt 585 VII Managing Data with ASP.NET 34 Displaying and Editing Database Data with ASP.NET 587 A History of Data Access 587 Data Access Technologies in Expression Web 588 ASP.NET and Other Web Application Platforms 588 ASP.NET Data Source Controls 589 AccessDataSource Control 589 SqlDataSource Control 591 SiteMapDataSource Control 591 XmlDataSource Control 592 Displaying Data with ASP.NET 592 Displaying Data in Tabular Form 592 Sorting the GridView 595 Editing Data with ASP.NET 597 Configuring the Data Source 597 Configuring the GridView 598 Testing the Page 599 Creating a Master/Detail View 600 Creating the Master View 600 Creating the Detail View 601 35 Sending Email Using ASP.NET 605 A Typical Contact Form 605 Creating the Contact Form 606 Adding and Configuring ASP.NET Validation Controls 608 Adding the Validation Controls 608 Writing ASP.NET Code to Send Email 611 Displaying a Confirmation Page 613 VIII Creating Add-Ins Using JavaScript and HTML (Online Only) 36 Expression Web 4 Add-in Basics 615 Add-ins in Expression Web 615 Expression Web 4 JavaScript Add-ins 616 The Makeup of Expression Web Addins 616 XML Basics 617 General Manifest Elements and Attributes 618 src (optional) 618 legacy (optional) 619 developer (optional) 619 navigationallowed (optional) 619 <NAME> (required) 620 <DESCRIPTION> (optional) 620 <AUTHOR> (optional) 620 <VERSION> (optional) 621 <HOMEPAGE> (optional) 621 <MINVERSION> (optional) 621 <GUID> (optional) 621 <LOAD> (optional) 622 Commands and Dialog Boxes 622 id (required) 622 filetype (optional) 622 onclick (optional) 623 Menus and Toolbars 624 (optional) 624 <TOOLBARITEM> (optional) 626 Panels 627 ANEL> (optional) 628 Menu and Command Bar Reference 630 Menus 631 Toolbars 650 37 Creating and Manipulating an Add-in User Interface 661 Planning an Add-in 661 Creating the Manifest with the Add-in Builder 662 Creating the Manifest 662 Editing the Manifest 667 Creating the User Interfaces 667 Creating a Custom Page Size for Panels 668 Creating the Panel's Interface 669 Creating the Options Dialog Interface 672 Adding Functionality with JavaScript 673 JavaScript for panel.htm 673 JavaScript for options.htm 679 The Set Page Title Dialog 680 Accessing Managed Classes from JavaScript 682 Creating a Managed Class 683 Editing the Add-in Manifest to Load the Managed Class 686 Calling the Managed Class 687 Summary 687