REVISED May 2012 to include minor revisions and new sections on HTML and CSS.
My free EBook Expression Web 4 Tutorials 2nd Edition from Install to Publish and More has just been revised and updated with new content. It is available for download as a zipped pdf file. The EBook is a great resource for beginners and newbies to Expression Web 4.0
By clicking on the EBook cover, you can download the EBook NOW.
Table of Contents
- About the Author – Pat Geary
- Expression Web 4.0
- What’s New
- Which Version Should I Get?
- Additional Resources
- Expression Web 4 Books and Videos
- Service Packs for Expression Web
- Expression Web 4 Service Pack 1 (SP1)
- Expression Web 4 Service Pack 2 (SP2)
- User Interface – Changes to the User Interface
- Site management
- Task Panes now Panels
- Include Page Option
- Snapshot Panel
- To activate Snapshot
- SlapShot
- SuperPreview
- SuperPreview Resources
- Installing Expression Studio 4
- Licensing
- Download Links
- Installation
- Activating Expression Studio
- Installation and Activation Help
- Setting Up Expression Web 4.0
- HTML <!DOCTYPE> Declaration
- To add or change the DocType declaration in an existing page
- HTML 5 doctype and Intellisense
- Tools > Page Editor Options > General Tab
- Spelling
- Cut and Paste Options
- Code View Options
- Tools > Page Editor Options > Code Formatting Tab
- Tools > Page Editor Options > CSS Tab
- Only reuse classes with the prefix style’ option
- Tools > Page Editor Options > Authoring Tab
- For New Documents:
- EW 3.0 and 4.0 .htm bug
- EW 4.0 .htm bug
- Doctype and Secondary Schema
- CSS Schema
- Tools > Page Editor Options > Intellisense Tab
- HTML <!DOCTYPE> Declaration
- Create New Website in Expression Web 4.0
- Create a One Page Website
- Create a Blank Web Page
- Create a Blank Web Page
- Saving the Page
- Create an External Style Sheet (CSS)
- Attach the External Style Sheet to the Page
- Summary
- Create a Webpage Layout in Expression Web
- What is a <div> tag?
- Create the Layout
- Style the <body> tag
- Add the Container
- Add the masthead and style rules
- Add the Top Navigation and style rules
- Add and style the Columns
- Add and style the Footer
- Adding Meta Tags
- Summary
- Adding Horizontal Top Navigation to Webpage Layout
- Add and style the top menu
- Create the menu list
- To create or modify a hyperlink
- Adding styles to the menu
- Converting Your Menus to Include Pages
- Creating the include page
- Navigation Resources
- CSS Menu Resources
- Add and style the top menu
- Adding Vertical Navigation to Webpage Layout
- Add and style the left side menu
- Create the menu list
- To create or modify a hyperlink
- Adding styles to the menu
- Converting Your Menus to Include Pages
- Navigation Resources
- CSS Menu Resources
- Add and style the left side menu
- Validating Your Pages
- Compatibility Checker on Status Bar
- Status Bar
- Compatibility Checker for Incompatible HTML
- Invalid HTML Code
- Additional Resources on Validation
- Creating Your Dynamic Web Template
- What is a Dynamic Web Template?
- Why it’s a good idea to use a DWT?
- Creating a Dynamic Web Template – DWT
- What Is Search Engine Optimization – SEO?
- How Does Search Engine Optimization (SEO) Work?
- Basic Search Engine Optimization Techniques
- Page Titles
- Meta Tag for description
- Meta Tag for keywords
- File Names
- Heading Tags
- Alt Attribute
- Title Attribute
- Content
- Summary
- Using the Expression Web SEO Checker and Report
- What does the SEO Checker do?
- What the SEO Checker Does Not Do
- To generate an SEO report
- To apply a filter to an SEO report
- To remove a filter from an SEO report
- Understanding the SEO Report
- SEO panel buttons
- Problems Details and Fixes SEO Reports
- The anchor text contains values that provide no search benefit
- The description for the page is missing
- Hyperlinks that point to a directory should end in a slash (/)
- The <meta name="keywords"> tag contents are too short
- The <title> tag contents are not unique within the site
- The <img> or <area> tag does not have an ‘alt’ attribute with text
- The <noscript> tag is missing
- This page contains no <h1> tag
- Summary
- Additional SEO Resources
- Working with Images in Expression Web
- Importing Your Images
- Inserting Images into a Web Page
- About the Picture Properties Dialog Box
- Using Auto thumbnail
- Check doctype declaration
- Set the Default Properties for thumbnails
- Working with Hyperlinks
- Anchor Tags
- Bookmarks or Named Anchors (HTML anchors)
- Add or Remove a Bookmark in Expression Web
- To create a bookmark
- To remove a bookmark
- HTML Links – the target Attribute
- Picture hyperlinks
- To Create or modify a hyperlink
- Useful Tips
- Additional Resources
- Changing the Appearance of Hyperlinks
- Hyperlink states
- CSS Pseudo-classes
- To change the appearance of hyperlinks
- Multiple Link Styles
- Best Practices in Styling Hyperlinks
- Additional Resources
- Publishing Your Web Site
- To mark files that you do not want to publish
- Publish Current File
- Migrate Existing File Definitions to Expression Web
- Publishing Your Website
- How to back up your local website on your hard drive
- Back up your website using Expression Web 4.0
- Expression Web 4.0 Add-ins
- What is an Expression Web Add-in?
- How to install Add-ins?
- Expression Web Free Add-ins
- Expression Web Commercial Add-ins
- Learning HTML – HyperText Markup Language New Section
- What is HTML?
- HTML Tags
- <body> tag
- <div> tag
- paragraph <p> tag
- heading <h1> to <h6> tags
- <ul> tag
- <ol> tag
- <li> tag
- <img> tag
- <a> tag
- Summary
- Learning Resources
- HTML Coding – Hypertext Markup Language
- XHTML – EXtensible HyperText Markup Language
- CSS Basics New Section
- What is CSS?
- Cascading Order
- Types of Styles
- Element selectors
- Class Selectors
- ID selectors
- Inline styles
- How to Copy and Paste Text so the Code is Clean New
- Create and Style a Data Table
- Create the Table
- Style an Already Created Data Table
- Points to Remember in Working with Tables
- Table2Clipboard and Expression Web
- Downloading and Installing Table2Clipboard
- Setting Table2Clipboard Options
- Filter Attributes
- Using Table2Clipboard
The revised version is also available from the Expression Gallery
Download your FREE copy of Expression Web Tutorials 2nd edition- from Install to Publish and More NOW!
Remember, the EBook is in pdf format so you will need the Acrobat Viewer to red and/or print it.







