Expression Web 4.0 Tutorials from Install to Publish plus More 2nd Edition By Patricia Geary Revised: November 2011 Table of Contents About the Author - Pat Geary ....................................................................................................................... 7 Expression Web 4.0 ....................................................................................................................................... 9 What's New ............................................................................................................................................... 9 Which Version Should I Get? .................................................................................................................. 11 Additional Resources .............................................................................................................................. 11 Expression Web 4 Books and Videos ...................................................................................................... 12 Service Packs for Expression Web........................................................................................................... 12 Expression Web 4 Service Pack 1 (SP1) ............................................................................................... 12 Expression Web 4 Service Pack 2 (SP2) ............................................................................................... 14 User Interface - Changes to the User Interface .......................................................................................... 19 Site management .................................................................................................................................... 19 Task Panes now Panels ........................................................................................................................... 21 Include Page Option ................................................................................................................................ 21 Snapshot Panel ........................................................................................................................................ 22 To activate Snapshot ........................................................................................................................... 22 SlapShot .............................................................................................................................................. 22 SuperPreview .......................................................................................................................................... 23 SuperPreview Resources ..................................................................................................................... 23 Installing Expression Studio 4 ..................................................................................................................... 24 Licensing .................................................................................................................................................. 24 Download Links: ...................................................................................................................................... 25 Installation .............................................................................................................................................. 25 Activating Expression Studio ................................................................................................................... 28 Installation and Activation Help .............................................................................................................. 28 New Fix for Licensing and Activation Issues with Expression Web 4 .................................................. 29 Setting Up Expression Web 4.0 ................................................................................................................... 30 HTML <!DOCTYPE> Declaration .............................................................................................................. 30 To add or change the DocType declaration in an existing page ......................................................... 30 HTML 5 doctype and Intellisense ............................................................................................................ 31 Tools > Page Editor Options > General Tab ............................................................................................ 33 Spelling ................................................................................................................................................ 34 Expression Web 4.0 Tutorials from Install to Publish and More Page 1 Cut and Paste Options......................................................................................................................... 35 Code View Options .............................................................................................................................. 35 Tools > Page Editor Options > Code Formatting Tab .............................................................................. 35 Tools > Page Editor Options > CSS Tab ................................................................................................... 37 Only reuse classes with the prefix style' option.................................................................................. 38 Tools > Page Editor Options > Authoring Tab ......................................................................................... 38 For New Documents: .......................................................................................................................... 39 EW 3.0 and 4.0 .htm bug ..................................................................................................................... 39 EW 4.0 .htm bug .................................................................................................................................. 40 Doctype and Secondary Schema ......................................................................................................... 40 CSS Schema ......................................................................................................................................... 41 Tools > Page Editor Options > Intellisense Tab ....................................................................................... 41 Create New Website in Expression Web 4.0 .............................................................................................. 43 Create a One Page Website .................................................................................................................... 43 Create a Blank Web Page ............................................................................................................................ 47 Create a Blank Web Page ........................................................................................................................ 47 Saving the Page ....................................................................................................................................... 48 Create an External Style Sheet (CSS) ....................................................................................................... 48 Attach the External Style Sheet to the Page ........................................................................................... 48 Summary ................................................................................................................................................. 49 Create a Webpage Layout in Expression Web ............................................................................................ 50 What is a <div> tag? ................................................................................................................................ 50 Create the Layout .................................................................................................................................... 50 Style the <body> tag ........................................................................................................................... 51 Add the Container ............................................................................................................................... 51 Add the masthead and style rules ...................................................................................................... 53 Add the Top Navigation and style rules .............................................................................................. 53 Add and style the Columns ................................................................................................................. 54 Add and style the Footer..................................................................................................................... 55 Adding Meta Tags ................................................................................................................................... 56 Summary ................................................................................................................................................. 57 Adding Horizontal Top Navigation to Webpage Layout ............................................................................. 58 Expression Web 4.0 Tutorials from Install to Publish and More Page 2 Add and style the top menu ..................................................................................................................