Sams Teach Yourself Microsoft Expression Web 4 in 24 Hours: Updated for Service Pack 2 - HTML5, CSS 3, JQuery

by Morten Rand-Hendriksen

Overview

In just 24 sessions of one hour or less, you’ll learn how to build state-of-the-art websites with Microsoft Expression Web 4 (Service Pack 2), HTML5, CSS3, and jQuery! Using this book’s straightforward, step-by-step approach, you’ll master the entire web development process, from concept through delivery. You’ll learn how to plan, design, and construct sites that are easy to manage and update, work perfectly on every browser, and get noticed by every search engine! 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 4 SP2 tasks.
Quizzes and Exercises at the end of each chapter help you test your knowledge.
By the Way, Did You Know?, and Watch Out! boxes offer advice and solutions.

Learn how to...

• Make the most of the new features, updated interface, and advanced standards support in Expression Web 4 SP2
• Implement custom processes, toolbars, and workspaces for building sites faster
• Use the new SEO Checker to consistently optimize pages for search engines
• Write error-free code quickly with Code view and IntelliSense
• Rapidly format (or reformat) hundreds of pages with Dynamic Web Templates
• Use new jQuery UI widgets to create accordions, tabbed boxes, and interactive calendars
• Embed HTML5 video apps from YouTube or other sites
• Find and fix cross-browser inconsistencies with SP2’s improved SuperPreview
• Test protected functionality or live sites that require login
• Use new publishing options to go live more quickly

Product Details

ISBN-13:	9780132953610
Publisher:	Pearson Education
Publication date:	04/17/2012
Series:	Sams Teach Yourself
Sold by:	Barnes & Noble
Format:	eBook
Pages:	464
File size:	68 MB
Note:	This product may take a few minutes to download.

About the Author

Morten Rand-Hendriksen is the owner and creative director of Pink & Yellow Media, a boutique-style design company providing digital media consulting and creations for individuals, businesses, and broadcast television. He was awarded the Microsoft MVP (Most Valuable Professional) Award for his work with Microsoft Expression in 2008, 2009, 2010 and 2011.

In addition to Microsoft Expression Web, Morten is considered an expert on the publishing platform WordPress and he has published numerous articles and videos and done public speaking engagements on both topics.

Sams Teach Yourself Microsoft Expression Web 4 in 24 Hours is Morten’s fourth published book. He is a regular contributor to the official Microsoft Expression newsletter and has been published in international design magazines. You can find more tutorials, articles, and other design-related musings on Morten’s blog at www.designisphilosophy.com, and you can follow his rants on Twitter under the name @mor10. Also, you might run into him in different forums and newsgroups throughout the Web, usually using the same handle.

Table of Contents

Introduction    xiiiHOUR 1: Getting to Know Microsoft Expression Web 4 Service Pack 2    1 Introducing Expression Web 4    1Getting and Installing Expression Web 4    3Getting and Installing Service Pack 2    4Getting Acquainted with the Workspace    5Changing and Customizing the Workspace    13 HOUR 2: Beginning at the End: A Walkthrough of the Finished Project    23 Working with a Completed Website    24Previewing the Site in Your Browser    27Exploring the Website in Expression Web 4    32Keeping Your Pages Functional    34 HOUR 3: A Website Is Really Just Text: Build One in 5 Minutes    39 Creating a New Website    39Creating Your First Web Page    42Testing Your Web Page in Multiple Browsers    47SuperPreview: A Sneak Preview    49 HOUR 4: Building a Home Page: A Look Behind the Curtain    53 Opening and Editing an Existing File Using Code View    53Importing Styled Text from a Document    57Advanced Tag Editing    59 HOUR 5: Getting Connected with (Hyper)Links: The Cornerstone of the World Wide Web    65 Import a New Page and Create an Internal Hyperlink    66Creating External Links and New Windows    72Creating Internal Links Within Documents Using Bookmarks    74Creating an Email Hyperlink    76 HOUR 6: Getting Visual, Part 1: Adding Images and Graphics    81 Images on the Web: Three File Types for Three Uses    82Importing and Inserting an Image    83Using Picture Properties to Change the Appearance of an Image    87 HOUR 7: Getting Visual, Part 2: Advanced Image Editing, Thumbnails, and Hotspots    95 Exploring the Pictures Toolbar    96Using the Pictures Toolbar to Add and Change an Image    98Creating Hotspots    104 HOUR 8: Cracking the Code: Working in Code View    109 HTML5, CSS3, and the Brave New World of Web Code    110Tools in Code View    110Using Code View as a Learning Tool    115 HOUR 9: Getting Boxed In, Part 1: Using Tables for Tabular Content    127 One-Minute History of Tables in Web Pages    128Creating a Table from Scratch    129Changing the Appearance of a Table    130 HOUR 10: Bringing Style to Substance with Cascading Style Sheets    143 CSS3: The New Style of the Web    145CSS Sans Code    145Setting the Font Family for the Entire Document    151CSS Tools in Expression Web 4    155 HOUR 11: Getting Boxed In, Part 2: Knee Deep in CSS    163 CSS Classes—Because Not All Content Should Be Treated Equally    164Introducing ID—Class’s Almost Identical Twin    169Classes Within Classes: Micromanaging the Content    173Pseudoclasses    174Understanding the Box Model    176CSS3 Rounded Corners with Border Radius    178 HOUR 12: Styling with Code: Fully Immersed in CSS    183 Introducing CSS: The Code Version    184Applying Classes to Tags in Code View    189Creating External Style Sheets    193 HOUR 13: Getting Visual, Part 3: Images as Design Elements with CSS    203 Images as Backgrounds: A Crash Course    204Using Images as List Bullets    213Importing Adobe Photoshop Files    215 HOUR 14: Harnessing the Power of CSS Layouts    221 Starting with Pen and Paper    222Building the Framework from Boxed Parts    223Styling the Layout Boxes    225Understanding Positioning    229Applying the Framework to Existing Pages    232Applying the New Framework to the Page    234 HOUR 15: Buttons, Buttons, Buttons    243 Buttons: A Brief Definition    244Creating Buttons from Scratch Using CSS    244 HOUR 16: Using Code Snippets    257 Snippets: An Introduction    258The Default Snippets    261Using the jQuery UI Widgets Snippets    266Creating and Editing Snippets    270 HOUR 17: Building a Functional Menu    275 Making the Basic Vertical Menu Exciting    276The Horizontal Menu—Laying a List on Its Side    279Pure CSS Drop-Down Menus: A Clean Alternative    281 HOUR 18: Dynamic Web Templates    297 Dynamic Web Templates    298Understanding Dynamic Web Templates    306 HOUR 19: Getting Interactive with Forms    317 Creating Forms in Expression Web 4    318Making Use of Form Results    325Other Uses for Form Results    331Forms in Code View    331 HOUR 20: Working with Flash and Other Embeddable Content    337 Flash: An Introduction     338Adding the Tag for Full Cross-Browser Compatibility    344Embedding YouTube and Other HTML5 Content    345Bonus: Making the Flash Gallery Your Own    348 HOUR 21: Beyond the Basics, Part 1: PHP in Expression Web 4    353 PHP: An Introduction    354Installing PHP on Your Computer to Test PHP Scripts    355Creating an Email Form Using PHP    360 HOUR 22: Test Twice, Publish Once: Professional Cross-Browser Testing with SuperPreview    373 Snapshot: Instant Browser Previews Inside Expression Web 4    375Using SuperPreview for Cross-Browser Testing    378The Tools of SuperPreview    380Setting Up and Using SuperPreview Online Service    387SuperPreview Online Service Options    389Identifying, Diagnosing, and Solving Cross-Browser Issues with SuperPreview    390Solving IE6 Problems by Telling Visitors to Upgrade Their Browsers    395 HOUR 23: Beyond the Basics, Part 2: Get Noticed with the New Search Engine Optimization (SEO) Checker    401 What Is a Search Engine, Anyway?     402Search Engine Optimization in Expression Web 4    403 HOUR 24: Publishing Your Website    411 A Word on Domains and Web Hosting    412Six Different Publishing Options    413Example: Publishing Content Using SFTP    420Publishing Open Files Without the Publishing Panel    423Advanced Publishing Settings    425 Index    431