Expression Web 3 Video Tutorials On DVDs

Note:  this page will be removed in the near future as I consolidate all of my products into one location.  This will reduce confusion and simplify product management and updates.

New!  Now you can subscribe to Online Premium Video Tutorials.  Find out more.  Plus, more training and tutorial products are in the works. 

 

Skill Level:  Beginners

This set of DVDs is for the absolute beginner and beyond.  If you are new to Expression Web 3 (or new to any version of EW) or if you are new to Designing web pages with CSS, then these videos are for you.

You Will Learn How To:

1.  Set up a Web Site complete with a blank web page and style sheet.

2.  Design a Fixed width 2 column & 3 column layout, and a fluid layout.

3.  Design a layout using a Grid within Expression Design 3 (graphics program)

4.  Make Horizontal Navigation Menus using CSS and HTML

5.  Make Vertical Menus & CSS Buttons

6.  Insert and Style Text (paragraphs, headings, bulleted lists, numbered lists, etc)

7.  Insert CSS Background Images

8.  Insert HTML images (and wrap text)

9.  Insert 3d Flash Image Viewer (SWF Movie), Modify Flash Movie Properties.

10.  Make a contact form and use a cgi script.

11.  Make a Dynamic Web Template (dwt)

12.  Work with Premade Templates that are included with Expression Web.

and much more....... Read over the Video Menus below.

PDF E-books

Obviously, you know you will receive many video tutorials on these DVDs.  But you will also receive several PDF E-books which will enhance your learning.  These are extras that I throw in for free.  Yet, the content on these PDFs is very important.

The Game Plan: 

The Game Plan is discussed in one such PDF e-book located on DVD 1.  Look for "the Expression Web 3 getting started guide" which contains the Game Plan.

You Have to Know Where You Are Going Before You Can Get There:

The Game Plan provides an overview of the Big Picture and reviews the overall steps to follow in order to successfully create your web site.  At the heart of creating web pages with Expression Web 3 is the Dynamic Web Template.  As you will find out, the Game Plan details where the Dynamic Web Template fits into the scheme of things.  The Game Plan, thus, is your Road Map that tells you where to go before you get there.

 

Menu of Videos

You should tell your website guests that there is so much more on the purchased tutorials. I would have ordered them a month ago if I had have known. So, to all you people out there, order the DVDs! It’s the best 30 bucks you will spend this year. Kelly, you also have an amazing voice… perfect for this kind of learning venue. Thanks so much. Tom Austin, Texas I want to commend you on your 3 DVD set on Expression Web 3 for Beginners. I'm actually getting to understand the interplay between CSS and HTML, the value of divs and how s are styled with CSS.   I have learned to have EW3 open and then play each of your videos as I basically copy what you do in the video and listen to what is about to happen and why. The DVD set is invaluable and I thank you for it. So far as I know there is no such resource available anywhere else.   Read this here

DVD1

  • Introduction (6:02)
  • Getting Started Steps  (5:33)  & (9:48)
  • *Set up a Web Site
  • *Set the Doctype
  • *Make a blank HTML Web Page
  • *Make an External Style Sheet
  • *Link the External Style Sheet to the Web Page

 

  • Make a DWT - Dynamic Web Template
  • A DWT is a very valuable tool.  It will save you a ton of time.  But before you can make a DWT, you must learn how to design a layout, insert images and graphics, and position page elements, etc.  Furthermore, the reason I show you how to design one entire web page before saving it as a DWT is because a DWT cannot be previewed in a regular web browser like other web pages can be. 
  •  
  • The Layout:  the layout is the foundation of your web page. Therefore, building a solid layout that won't fall apart is essential. You will learn exactly how to create a 2 and 3 column layout that will server as your web pages' foundation.  All Layouts are made with HTML and CSS.  Just follow my lead and you will have no problems what so ever.  Or use one of the templates that you receive on the DVDs.
  •   
  • Layout 1 - Make a 3 Column Layout (99:81) - 8 Part Layout Tutorial
    *Discuss SEO: Meta Tags, Title Tags, and Placement of Heading Tags
  • *Discuss Equal Column Heights
  •  
  • Layout Part 1
  • Layout Part 2
  • Layout Part 3 (with SEO)
  • Layout Part 4
  • Layout Part 5
  • Layout Part 6
  • Layout Part 7
  • Layout Part 8
  •  
  • Intro to Layout 2 -  2 Column Layout
  • Layout 2 Part 1 (10:40)
  • *Ingredients of a Layout  (**Don't skip this!!)
  • *Inserting div tags
  • *Styling div tags
  • *CSS Selectors  (see PDF E-book)
  •  
  • Positioning Divs:  It is crucial to understand how to position the elements in your layout.  Here you will learn a few positioning techniques that you just can't be without.

  • Layout 2 Part 2 (15:30) - Finish the Layout
  • *Floating divs , Clearing Floats
  • *Adding more divs
  • *Styling each div of the layout
  • *Background-Colors
  •  
  • Horizontal Navigation (14:02)
  • *Make an Unordered List (bullet list)
  • *Adding Text - Make Hyperlinks
  • *CSS to Style the List
  • *Making CSS Buttons
  • *Using Line Height
  • Style Hyperlinks (14:06)
  • *Dynamic Pseudo Class Selectors
  • *Descendent Selectors
  • *Style the 4 States of a Hyperlink
  •   
  • Text & Headings (28:29)
  • *Styling Paragraphs & Headings
  • *Using Headings for Optimization
  • *Margin Collapse
  • *Copy and Paste Correctly
     
  • Vertical Navigation (5:44)
  • Using an Unordered List and CSS Style Hyperlinks in Vertical Navigation (6:46)
  • *Specificity in Styling Certain Links
  •  
  • Insert Background Image using CSS (8:26)
  • Modify Header (10:46)
  • Place Content inside the Header (10:56)
  • Insert Image - Wrap Text (6:15) 
  • Make/Save a Dynamic Web Template (8:55)
  •    
  • Working with Images and Graphics
  • *Make a Gradient, Slice it, Insert it with CSS (13:18)
  • *Adjust Size of Graphic/Image Insert with CSS (13:08)
  • *Make a Flash Photo Gallery with Adobe Fireworks(14:39) 
  •          *Insert Flash Photo Gallery into a Web Page           
            *Using an Iframe           
            *Embedding Flash

 

  • CSS Selectors (6:41)
  • Font Sizing Technique (8:02)
  • Making Font Families (1:18)
  • CSS Position Properties & Examples (15:11)
  • SEO - Page Optimization (21:26)

 

Customer Feedback:
I must say your tutorials have been a godsend. I work for county government, and we are going through a major reorganization. As a result, we need to create several new, complex websites for newly created departments. I was proficient in FrontPage, but I knew that I should create the new sites using CSS. I read several books and was still befuddled until I came across your tutorials on YouTube and then looked on your web site. Honestly, no other resource compares to your tutorials and website. Your video examples and written text are outstanding.   [Laura, USA]  

Update from Laura! Kelly, you and I have corresponded several times over the past few months and you have been such a great help.

Thanks to you, I was able to design a new Web site fully in Expression Web: http://www.thurstonplanning.org Other departments will be using the CSS styles and DWTs to transition to the new look. I just can't thank you enough for your terrific DVDs and the personal help you've given me via e-mail.

 

DVD 2

  • Make a Photo Gallery with CSS & (X)HTML  -so easy to do with Expression Web 3!
  • *The Container (4:17)
  • *Organizing Images (2:27)
  • *Import edited images (3:26)
  • *Create 2 styles & apply them (8:33)
  • *Class Selectors *Insert Images (7:35)
  • *Add a Scroll Bar to make the Photo Gallery Scroll (2:08) (how to make a scrolling text box)

 

  • Image Mapping (using EW3's Hotspot Tool & Image Toolbar) (3:39)
  • Make a Gradient/Slice and Insert it into Web Page (13:18)
  • Adjust size of Graphic/Slice/Insert (13:09)
  • Make a Slideshow with Adobe Fireworks (14:39)

 

  • Make a contact Form
  • Part 1 (8:15)  - Learn about the HTML Form Controls and how to use them.
  • Part 2 (7:28) - Style the Form with CSS and easily line up input boxes and text.
  • Part 3 (8:39)  - make the form work.  Send email with submitted date to yourself.
  • Part 4 (11:41)  - use CGI script to make a more secure form and to validate info.
  •  
  • SEO Optimization & Page Properties (21:26) (Write Title tag and meta tags)
  • follow these steps and concepts and your pages will be in the top 10 of the search engines in only 2 weeks!

 

  • Publish a Web Site (17:43)
  • *Use FrontPage Server Extensions to Publish
  • *Use FTP to Publish

 

  • Pre-made Template Video Series (Total of 15 videos)
  • Set up Template (6:57)
  • Review Folders & Structure (9:24)
  • How to Detach Template form a Web Page/Make Photo Gallery with Jalbum (12:10)
  • Insert flash Photo Gallery with iframe (15:39)
  • Modify Jalbum (troubleshoot) (4:19)
  • How to Rename Web Pages (12:28)
  • Modify DWT and Left Menu (13:50)
  • The remaining 8 Videos are on DVD 3

DVD 3

  • 8. Modify Left Menu
  • 9. Modify Photo Gallery Page
  • 10. Left Menu-Navigation Links
  • 11. Style H3 Heading (specificity)
  • 12. Style Hyperlinks
  • 13. Make Equal column heights
  • 14. Use CSS to make Equal Colu Heights
  • 15. Limitation of CSS for Equal Column Heights

 

  • "Expression Design 3 Tutorials"
  • You will have another 2 hours and 23 minutes worth of tutorials.  Even if you are not interested in using a Premade Template, you will want to watch these tutorials as new concepts are presented the for the first time.
  •  
  • *Set up a New Document, Add a Drop Shadow
  • *Modify Workspace Theme
  • *Optimize Images Part 1 - Using Expression Design 3
  • *Optimize Images Part 2 - Using Photoshop, Fireworks
  • 1. Make a Menu Part 1
  • 2. Make a Menu Part 2
  • 3. Make a Menu Part 3
  • 1. Make a Layout Using a Grid
  • 2. Slice the Layout and Export
  • 3. Finish the Layout in Expression Web
    •  

 

  • Using Layers
  • 4 Part Video series (32+ minutes) Excellent Information!
  • What is a Layer
  • How to Use and Position Layers
  • The Z-Index and its purpose
  • Styling Layers with CSS



 

Buy Now  ~ Only $49.99, but today Pay Only $42.99 Plus SHIPPING

 Visa, MC, Discover, Debit Cards.  

 


 $42.99 plus $3.50 Shipping

 

 

        Official PayPal Seal