www. Expression-Web-Tutorial .com

Call 1.866.363.5633

 

view cart


For Beginners

OUTLINE
Expression Web Online Class

This class also includes Lessons specific to Expression Web 2.

Lesson 1: Overview & Game Plan
  1. The Big Picture
  2. FrontPage to Expression Web
  3. Getting Started Steps Overview
  4. PDF
Lesson 2:  Getting Started Steps 1 thru 5

You will learn how to set up a web site, including a Web Page, External Style Sheet, Link the Style Sheet to the Web page, and much more. Also learn about the Doctype and how to set the Doctype. (you will use the HTML5 Doctype)

Lesson 3:  The Layout - Designing the Web Page
  1. Introduction to the Layout and the various types of layouts
  2. Ingredients of a Layout:  Step by step tutorials showing you how to make  different web pages.
  3. Factors to Consider when Making Layouts
  4. PDF Downloads to read Off-Line
  5. Make the Layout
Lesson 4:  Horizontal Navigation Menu

Learn how to Make a Horizontal Nav Menu using CSS & HTML

We continue to design our web page using the Layout from the previous lesson. 

Lesson 5:  Create & Style Hyperlinks
  1. Dynamic Pseudo-Class Selectors for Hyperlinks - Style Roll-over Effects (hover) with CSS.
  2. No Longer need to use JavaScript Rollover effects.  CSS can create a hover effect for us!
  3. Specificity: style links differently in one section of the layout as compared to another section.
Lesson 6:  Make the Vertical Navigation Menu

Learn how to structure and style the vertical nav, add hyperlinks, link to other pages.

 

Lesson 7:  Insert and Style Text & Headings
  1. Insert Text:  copy and paste technique
  2. Apply HTML Text Tags to your content.
  3. Style Text with CSS
  4. Think outside the Box
Lesson 8: Learn to Insert Images
  1. How to insert and position background images with CSS
  2. Advantages of CSS background images  
  3. Insert Images into the HTML (Design view), Position Images.
  4. PDF Downloads:  Learn about the formats used for the web. 
  5. How to Optimize Images.
Lesson 9: Style the Header

Learn how to Position divs within other divs to achieve design goals.  For instance, divide the header into sections using div tags.  This makes it easier to add content to your header and achieve balance.

Lesson 10:  Add Social Media to Web Pages

 Social Media has become a significant part of the web, and a crucial factor in Search Engine Optimization (SEO).  NEW!

Lesson 11:  Make a Dynamic Web Template

We've now finished Designing our Web Page.  Let's save it as a DWT so that we can Make More Pages from the DWT.

Lesson 12:  Pre- Publishing

Learn what you need to publish your site.

Lesson 13:  Publishing

You will learn how to publish via FTP and/or FrontPage Extensions.

Lesson 14:  HTML5 Audio & Video

Thorough tutorials, learn how to add HTML5 Videos and Audio to your web pages.  New HTML5 Elements & Attributes reviewed and applied in real examples.

 

Lesson 15:  Learn how to Insert Videos (flash, windows media) into Web Pages
  1. Brand New Videos added to the class recently. 
  2. Learn how to insert Flash (.swf) movies/videos, Flash Image Viewer,  how to edit flash movie/video,
  3. Insert Windows Media Video, and more.
  4. HTML5 Video Tutorials
 Lesson 16:  Web Site Project
  1. Learn how to build a web site from beginning to end.
  2. Make approximately 20 pages (using a dynamic web template)
  3. Add jQuery Toggle Menu
  4. And more....

FIND OUT MORE ABOUT LESSON 16

(This two-part set of Lessons includes more content than the first 15 Lessons!!)

Lessons 1 thru 15 teach the must-have skills in Designing Web Pages. Lesson 16 shows you how to apply what you've learned, and provides many new learning opportunities along the way.

 The remainder of the class contents serves as a Reference and contains many How To's.  Also included is a CSS Reference.  (See the Dashboard)

The above outline is subject to change without notice.

 

Other Tutorials

Ecommerce
  1. Add a Shopping Cart:  third party -- 8 Videos
  2. Paypal Buy Now Buttons & Shopping Cart -- 6 Vides and growing
  3. Product Layout Download

 

Forms
  1. HTML Contact Form - processed with PHP script to send email
  2. Newsletter Signup - with PHP to send results to Database ( EXCELLENT LESSON!)
  3. All Form Tutorials including making the HTML Form, using CSS to Style the Form, and instructions on how to work with the PHP (which is mostly copy n paste)

 

Graphics
  1. Graphics for Download
  2. Experimenting with Photoshop
  3. Expression Design Tutorials
  4. Photo Gallery Tutorials
  5. Coming Soon - Adobe Fireworks

 

Menus
  1. Toggle (accordion)
  2. Tabbed
  3. Coming Soon -- New Tabbed Menus with animation, Accordion, Roundabout, Horizontal accordion
  4. Dropdown Menu
  5. Bookmarks to Create menu (link to different parts within pages)

 

And so Much More....
  1. Table Tutorials -- with sortable columns
  2. Import Site Wizard
  3. CSS Popup
  4. Add Google Map
  5. Google Web Fonts
  6. How to Add third party code (for affiliate banner, adsense ads)
  7. Add Google Analytics Tracking Code to pages
  8. Add Nivo Image Slider, Cycle Image Viewer
  9. CSS 3 Rounded Corners & Box shadows
  10. Adding Google Web Fonts
  11. How to embed a Google Map
  12. How to Make a Photo Gallery
  13. HTML5 Audio & Video
  14. Fluid Layout
  15. How to use Layers
  16. SEO
  17. Adding a Search Box (search engine)
  18. Use Expression Design to make a Background Graphic, Slice it, Optimize it, and Insert into web page using CSS.

 

 

The amount of content in this class is absurd!  As you can see, it's worth far more than $60.

Sign Up Today!