You are previewing Sams Teach Yourself Microsoft Expression Web 3 in 24 Hours.
O'Reilly logo
Sams Teach Yourself Microsoft Expression Web 3 in 24 Hours

Book Description

In just 24 sessions of one hour or less, you’ll learn how to build flexible, easy-to-maintain, standards-based websites with Microsoft Expression Web 3. Using this book’s straightforward, step-by-step approach, you’ll master the entire process, from concept through delivery. You’ll learn powerful ways to plan, design, construct, and even redesign websites that are simple to manage and easy to repurpose. Each lesson builds on what you’ve already learned, giving you a strong real-world foundation for success, no matter what kind of site you’re building!

  • Step-by-step instructions carefully walk you through the most common Expression Web 3 tasks.

  • Quizzes and Exercises at the end of each chapter help you test your knowledge.

  • By the Way notes present interesting information related to the discussion.

  • Did You Know? tips offer advice or show you easier ways to perform tasks.

  • Watch Out! cautions alert you to possible problems and give you advice on how to avoid them

  • Learn how to…

  • Build your first Expression Web 3 website in just five minutes

  • Establish work processes for building standards-based sites faster, with far less work

  • Write error-free code quickly and easily with Code view and IntelliSense

  • Create hyperlinks that simplify navigation, perform actions, and send commands

  • Understand, create, and modify CSS style sheets with unprecedented speed and accuracy

  • Use Dynamic Web Templates to consistently format (or reformat) hundreds of pages

  • Implement state-of-the-art interactivity with buttons, behaviors, and Cascading Style Sheets (CSS)

  • Publish simple Silverlight applications and add multimedia content from Flash and other sources

  • Build advanced drop-down and other CSS-based menus from scratch

  • Learn how and when to use each of Expression Web’s six publishing options

  • Integrate web application code written in ASP.NET or PHP

  • Table of Contents

    1. Sams Teach Yourself Microsoft Expression® Web 3 in 24 Hours
      1. About the Author
      2. Acknowledgments
      3. We Want to Hear from You!
      4. Reader Services
      5. Introduction
          1. About This Book
          2. Who Is This Book For?
      6. 1. Get to Know Microsoft Expression Web 3
          1. Introducing Expression Web 3
          2. Getting and Installing Expression Web 3
          3. Getting Acquainted with the Workspace
            1. The Program Bar
            2. The Menu Bar
            3. Common and Other Toolbars
            4. Code, Design, and Split View
            5. Left and Right Panels
              1. Folder List (Top Left)
              2. Tag Properties and CSS Properties (Bottom Left)
              3. Toolbox (Top Right)
              4. Apply Styles and Manage Styles (Bottom Right)
            6. Status Bar
          4. Changing and Customizing the Workspace
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
      7. 2. Beginning at the End: A Walkthrough of the Finished Project
          1. Introduction
          2. Working with a Completed Website
          3. Previewing the Site in Your Browser
            1. Setting Up a Website and Building Pages
            2. Hyperlinks
            3. Images
            4. Tables
            5. Styling the Content
            6. Page Layout
            7. Buttons
            8. Behaviors
            9. Frames and Layers
            10. The Main Menu
            11. Contact Forms
            12. Flash and Silverlight Galleries
          4. Exploring the Website in Expression Web 3
          5. Keeping Your Pages Functional
          1. Summary
          2. Q&A
          3. Workshop
            1. Exercise
      8. 3. A Website Is Really Just Text: Build One in 5 Minutes
          1. Introduction
          2. Creating a New Website
          3. Creating Your First Web Page
          4. Testing Your Web Page in Multiple Browsers
          5. SuperPreview: A Sneak Preview
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
      9. 4. Building a Home Page: A Look Behind the Curtain
          1. Introduction
          2. Opening and Editing an Existing File Using Code View
          3. Importing Styled Text from a Document
          4. Cleaning Up Imported Text
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answer
            3. Exercise
      10. 5. Getting Connected with (Hyper)Links: The Cornerstone of the World Wide Web
          1. Introduction
          2. Import a New Page and Create an Internal Hyperlink
          3. Creating External Links and New Windows
          4. Creating Internal Links Within Documents Using Bookmarks
          5. Creating an Email Hyperlink
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      11. 6. Getting Visual, Part 1: Adding Images and Graphics
          1. Introduction
          2. Images on the Web: Three File Types for Three Uses
          3. Importing and Inserting an Image
            1. Create a New Folder and Import a New Image
          4. Using Picture Properties to Change the Appearance of an Image
            1. The General Tab
            2. The Appearance Tab
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      12. 7. Getting Visual, Part 2: Advanced Image Editing, Thumbnails, and Hotspots
          1. Introduction
          2. Exploring the Pictures Toolbar
          3. Using the Pictures Toolbar to Add and Change an Image
          4. Creating Hotspots
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      13. 8. Cracking the Code: Working in Code View
          1. Introduction
          2. Tools in Code View
            1. The Buttons of the Code View Toolbar and What They Do
            2. Common HTML Tags in the Toolbox
          3. Using Code View as a Learning Tool
            1. Dissecting Hyperlinks in Code View
            2. Images in Code View
            3. Unordered and Ordered Lists in Code View
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      14. 9. Getting Boxed In, Part 1: Using Tables for Tabular Content
          1. Introduction
          2. One-Minute History of Tables in Web Pages
          3. Creating a Table from Scratch
          4. Changing the Appearance of a Table
            1. Creating Table Headings
            2. Changing the Vertical Alignment of Cell Content
            3. Adding Rows and Columns to the Table
            4. Merging and Splitting Cells
            5. Deleting Cells, Rows, and Columns from the Table
            6. Changing Row and Column Sizes
            7. Using Table Properties to Change the Appearance of Your Table
            8. Using Cell Properties to Change the Appearance of Your Cells
            9. Using AutoFormat to Quickly Change the Look of Your Tables
          5. Using the Table Layout Tool to Make Nonstandard Tables
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      15. 10. Bringing Style to Substance with Cascading Style Sheets
          1. Introduction
          2. CSS Sans Code
            1. Creating Styles with a Click of Your Mouse
            2. Creating Inline Styles
            3. Styling Small Selections
          3. Setting the Font Family for the Entire Document
            1. Styling Links (a.k.a. Getting Rid of the Blue Underline)
          4. CSS Tools in Expression Web 3
            1. The Quick Tag Tools
            2. The CSS Properties Panel
            3. The Apply Styles Panel
            4. The Manage Styles Panel
            5. Using Various CSS Tools to Apply and Change Styles
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      16. 11. Getting Boxed In, Part 2: Knee Deep in CSS
          1. Introduction
          2. CSS Classes—Because Not All Content Should Be Treated Equally
            1. Create a Class and Apply It to the Content
            2. Using CSS Classes to Center an Image
            3. Using Boxes to Separate Content
            4. Creating a Div and Placing It Around Content
          3. Introducing ID—Class’s Almost Identical Twin
            1. Creating a Sidebar Using an ID
            2. Using an ID to Center the Page
            3. Creating Custom Styles Within IDs and Classes
          4. Classes Within Classes: Micromanaging the Content
            1. Using Classes to Control IDs
          5. Pseudoclasses
            1. Use Pseudoclasses to Style Links
          6. Understanding the Box Model
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      17. 12. Styling with Code: Fully Immersed in CSS
          1. Introduction
          2. Introducing CSS: The Code Version
            1. The Value of Separation
            2. Understanding Inline Styles
          3. Applying Classes to Tags in Code View
            1. Using Divs and Spans to Separate Content
            2. Rename Styles and Apply the Change to All Tags in a Page
            3. Creating Divs in Code View
          4. Creating External Style Sheets
            1. Moving Styles to and from the External Style Sheet
            2. Applying External Styles to a Page
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      18. 13. Getting Visual, Part 3: Images as Design Elements with CSS
          1. Introduction
          2. Images as Backgrounds: A Crash Course
            1. Use an Image as a Background with CSS
            2. The Background Attributes
            3. How Backgrounds Relate to the Content and the Page
            4. Applying a Background Image to an ID
            5. Background Images and the Box Model
            6. Stacking Order Means You Can Pile Your Images
          3. Using Images as List Bullets
          4. Importing Adobe Photoshop Files
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      19. 14. Harnessing the Power of CSS Layouts
          1. Introduction
          2. Starting with Pen and Paper
          3. Build the Framework from Boxed Parts
            1. Employing CSS Reset
            2. Updating the ID Names
          4. Styling the Layout Boxes
          5. Understanding Positioning
            1. position: absolute;
            2. position: fixed;
            3. position: relative;
            4. position: static;
            5. position: inherit
          6. Applying the Framework to Existing Pages
          7. Apply the New Framework to the Page
            1. Adding a Header Image and a Menu
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      20. 15. Buttons, Buttons, Buttons
          1. Introduction
          2. Buttons: A Brief Definition
          3. Creating Interactive Buttons Using Expression Web 3
            1. Make an Interactive Button
            2. Saving and Editing Interactive Buttons
          4. Creating Buttons from Scratch Using CSS
            1. Creating a Basic Box Button
            2. Creating an Advanced Box Button with Images
            3. Create Text-Free Buttons with Sliding Doors
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      21. 16. Using Behaviors
          1. Introduction
          2. Behaviors: An Introduction
          3. Creating a Swap-Image Behavior
          4. Modifying Behaviors
          5. The Many Behaviors of Expression Web 3
            1. Call Script
            2. Change Property
            3. Change Property Restore
            4. Check Browser
            5. Check Plug-In
            6. Go to URL
            7. Jump Menu
            8. Jump Menu Go
            9. Open Browser Window
            10. Play Sound
            11. Popup Message
            12. Preload Images
            13. Set Text
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      22. 17. Frames and Layers
          1. Introduction
          2. Frames: An Introduction
          3. Editing Individual Frames
          4. Making Framed Navigation
          5. Creating and Modifying Inline Frames
          6. Set Text of Frame Behavior
          7. Creating Advanced Functionality Using Layers
            1. Creating a Layer
            2. Set Text of Layer Behavior
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      23. 18. Building a Functional Menu
          1. Introduction
          2. Making the Basic Vertical Menu Exciting
          3. The Horizontal Menu—Laying a List on Its Side
          4. Pure CSS Drop-Down Menus: A Clean Alternative
            1. Step 1: Make a Menu List
            2. Step 2: Styling the Main Menu
            3. Step 3: Making the Drop-Down Menus Drop Down
            4. Styling the Submenus to Make Them Stand Out
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      24. 19. Dynamic Web Templates
          1. Introduction
          2. Dynamic Web Templates
            1. How Dynamic Web Templates Work
          3. Understanding Dynamic Web Templates
            1. Editable Regions Outside the Body
            2. Editing Content Outside the Editable Regions in Individual Pages
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      25. 20. Getting Interactive with Forms
          1. Introduction
          2. Creating Forms in Expression Web 3
          3. Making Use of Form Results
          4. Other Uses for Form Results
          5. Forms in Code View
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
      26. 21. Working with Flash and Silverlight
          1. Introduction
          2. Flash: An Introduction
          3. Adding the <embed> Tag for Full Cross-Browser Compatibility
          4. Silverlight: An Introduction
          5. Placing Silverlight Applications in Your Page
          6. Bonus: Making the Galleries Your Own
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      27. 22. Beyond the Basics, Part 1: PHP in Expression Web 3
          1. Introduction
          2. PHP: An Introduction
          3. Installing PHP on Your Computer to Test PHP Scripts
          4. Using PHP and HTML to Create a Contact Page
          5. Creating an Email Form Using PHP
            1. Added Functionality
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
      28. 23. Test Twice, Publish Once: Introducing SuperPreview
          1. Introduction
          2. Snapshot—Instant Browser Previews Inside Expression Web 3
            1. Snapshot Functionality
          3. Using SuperPreview for Cross-Browser Testing
          4. The Tools of SuperPreview
            1. The Preview Panel(s)
            2. The DOM Tree View
          5. Identify, Diagnose, and Solve Cross-Browser Issues with SuperPreview
            1. Troubleshooting and Fixing the Sidebar in Internet Explorer 7
          6. Solve IE6 Problems by Telling Visitors to Upgrade Their Browsers
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      29. 24. Publishing Your Website
          1. Introduction
          2. A Word on Domains and Web Hosting
            1. The All-Important Domain Name
          3. Six Different Publishing Options
            1. File Transfer Protocol (FTP)
            2. Secure Shell File Transfer Protocol (SFTP/SSH)
            3. File Transfer Protocol over Secure Sockets Layer (FTPS/SSL)
            4. FrontPage Server Extensions
            5. Web Distributed Authoring and Versioning (WebDAV)
            6. File System
          4. Example: Publishing Content Using SFTP
          5. Advanced Publishing Settings
            1. Optimizing HTML
            2. The Publishing Tab
          1. Summary
          2. Q&A
          3. Workshop
            1. Exercise
      30. 25. Beyond the Basics, Part 2: Building a Site with ASP.NET
          1. Introduction
          2. Getting a Jump Start by Using a Starter Kit
          3. The ASP.NET Master Page
          4. The Master Page in Code View
          5. ASP.NET Content Pages
          6. Content Pages in Code View
          7. Getting Data from External Sources
          8. Personalizing and Styling an ASP.NET Site
          1. Summary
          2. Q&A
          3. Workshop
            1. Quiz
            2. Answers
            3. Exercise
      31. A. Building Layers-Based Menus
          1. Introduction
          2. The Layers-Based Menu
            1. Creating the Main Menu
            2. Create a Submenu
            3. Adding and Managing Several Drop-Down Menus
            4. Basing Drop-Down Menus on Layers and Behaviors Is a Double-Edged Sword
          1. Summary