Dreamweaver CS3/CS4 Essentials

Take the mystery and confusion out of mastering Dreamweaver and web design!

This course includes…

  • Unlimited lifetime access
  • Downloadable project files
  • 30 day money-back guarantee

Start right now!


Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

“Geoff Blake’s Dreamweaver CS3/CS4 Essentials ranks with the best how-to courses I’ve used for any application, on a par with courses by Lynda.com and Photoshop tutorials from Dan Giordan and Scott Kelby. Knowledge of how to use a program doesn’t include the ability to teach others. It’s the real deal, and that’s why I took the time to visit the site and say so.”


Free course included!

Enrollment includes Foundations In Web Design, a free bonus course, at no extra cost!

  • Worksheets
  • Hands-on lessons
  • Other extras and goodies!

Let’s make sure this is a good fit

Before going further, let’s make sure you’re in the right spot. The info below will help…

Who is this course for?

Those wanting a solid understanding of web design, including…

  • People who don’t know where to start, who just want simple answers.
  • People who want to become full or part-time web designers.
  • Print designers who want to expand their skills into web design.
  • Employees who want to add to their skills, advance their careers, and become more marketable.
  • Small business owners who want complete control over their website.
  • Those who’ve been out of web design for a while, who feel out of touch, but who want to get back into the swing of things.
  • Artists, writers, photographers, and other creative-types wanting to build a site to showcase their work.
  • Those wanting to save the cost and headache of hiring an expensive web designer.
  • Non-profits, churches, and fundraising organizations.
  • Those who are retired, who want to supplement their income and help their community.
  • People with ideas for side-projects, small businesses, and creative online ventures.
  • Hobbyists and those interested in doing web design on the side.

Sound like a good fit? Then let’s get started! If not, then let’s find the right course for you.

Course description

Dreamweaver—The go-to web design tool for creative professionals. Expert video trainer, artist, and designer Geoff Blake introduces you to the world of Dreamweaver and web design in this monster 10-plus hour course, packed with tricks, techniques, and hands-on tasks—made specially to be an easy, non-jargonny approach for Dreamweaver CS3 and CS4 users. Master key concepts and explore the array of possibilities, particularly in the world of Cascading Style Sheets with Geoff Blake as your guide. You’ll not only learn the secrets and master the techniques, but you’re sure to have a whole lot of fun along the way!

Course prerequisites

It’s a good idea to be familiar with the following before enrolling in this course:

  • General computer skills (comfortable copying and pasting, navigating through folders…the basics).
  • Comfortable using a web browser, navigating web pages, etc.
  • A working copy of Dreamweaver CS4 or above (the free trial version is fine).
  • No prior experience with coding or web design is required.

Sound like a good fit? Then let’s get started! If not, then let’s find the right course for you.

“My Dreamweaver Essentials course has been coming along awesome! I love to backtrack as I’m going through the course. I pick up new things each time. It’s one of those courses where even if you finish it, and watch it again, you would still pick up something new. I know I’m doing a lot of ass kissing here, but this course is really awesome! I been studying your material for barely a month, and I already feel confident applying for web design jobs! And guess what!? I had my first interview with an e-marketing company last Thursday!”


Let a friend show you how

Hey, I’m Geoff. I help graphic designers, small business owners, and creative people just like you learn about web design, develop valuable, in-demand skills, launch online businesses and creative projects…and yeah, make more money! Learn more about me here.

Learning how to build websites is no different than figuring out perspective drawing, how to weave literary prose, or how to combine chords to make beautiful music. It’s like cooking or woodworking or learning how to fix your car…But for whatever reason, web design’s made out to be highly technical and overly complicated. Let’s change that.

Whatcha waitin’ for?!

Start right now!


Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

What others are saying

People just like you are building dream web projects every day. A few would love to tell you how Ten Ton helped them get there.

“With Geoff’s excellent training, I graduated at the top of my 3-year college program in just 2 years.”

Ian’s story

“I fired my web designer and saved tons of money, thanks to Geoff’s videos.”

Bridgette’s story

“It’s because of Geoff that I can now call myself a web designer and can get paid for it.”

Patrick’s story

Start right now!


Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

Course outline

Here’s a complete outline of all of the topics covered in this course


  1. So Ya Ready For Some Dreamweaver?

Chapter 1: Gettin’ Started With Web Design Fundamentals!

  1. A Great Place To Start: HTML Fundamentals
  2. Going Further: Understanding CSS
  3. The Three Web Design Challenges, Part 1
  4. The Three Web Design Challenges, Part 2
  5. How Dreamweaver Fits Into All This

Chapter 2: Dreamweaver Warm-Up: The Interface!

  1. Gettin’ Ya Started In Dreamweaver
  2. The Dreamweaver CS3 Interface
  3. The Dreamweaver CS4 Interface
  4. Get Customizin’ Dreamweaver’s Interface
  5. Did Ya Royally Goof? Unto It All With Dreamweaver’s History Panel
  6. Super-Sweet, It’s The Snippets Panel
  7. Exploring Other Panels In Dreamweaver
  8. Super-Fast Selecting With Dreamweaver’s Tag Selector
  9. Savin’ Up Those Dreamweaver Workspaces
  10. Viewing Code In Dreamweaver (Including The Code Inspector)
  11. The Easy Way To Understand Code…Visually!

Chapter 3: Managing Those Websites In Dreamweaver!

  1. Gettin’ Down To It: Defining A New Site
  2. Managing Multiple Sites In Dreamweaver
  3. Gettin’ Organized: Arranging Your File And Site Structure
  4. Setting Up Those Index Files
  5. Uploading Files To A Remote Server
  6. ‘Weaver’s Hidden Secret: The Assets Panel
  7. Task #1: Get Defining Your Own Site In Dreamweaver!

Chapter 4: Adding In Some Text And Page Structure!

  1. Sample File Layout Tour And Some Super-Awesome Free Resources
  2. Working With Text, Spell Checker, Find And Replace, And Page Titles
  3. Inserting Structural Headings
  4. Here It Is: Creating Numbered And Bulleted Lists
  5. Gasp! Inserting Some Special Characters
  6. Horizontal Rules—And As An Aside, Dreamweaver’s Big Limitation
  7. Previewing Your Work, Adding Browsers, And Online Browser Resources

Chapter 5: Headlong Into The World Of Cascading Style Sheets!

  1. Easing In: Creating And Applying A Basic Style In Dreamweaver CS3
  2. Creating And Applying A Basic Style In Dreamweaver CS4
  3. Two Approaches To Applying Styles, And How The Background Code Works
  4. The Goods: Editing Your Styles
  5. Introducing The CSS Rule Definition Dialog Box

Chapter 6: Ready For Blast-Off? Going Further With CSS!

  1. The Three Fundamental CSS Rule Types
  2. About The Two Types Of Style Sheets
  3. Creating CSS Class Rules
  4. Adding A Border And Padding To A Class
  5. The Cranial Stuff: The CSS Box Model And How Widths Are Measured In CSS
  6. Using The Box Model To Create A Class Sidebar
  7. Controlling HTML With CSS…With Redefined HTML Tags
  8. Work Even Faster By Duplicating Styles
  9. Redefining The Page Text
  10. Redefining Bulleted Or Numbered Lists
  11. Creating Styles In Dreamweaver CS4
  12. Task #2: Think You’re So Big? Try Creating This CSS Rule!
  13. Don’t Forget Your Free CSS Video
  14. Technique #1: Simple Typography Control With CSS!
  15. Technique #2: Alright, Now For Advanced CSS Typography!

Chapter 7: And Now, Managing Internal And External Style Sheets!

  1. Moving Internal Styles To An External Style Sheet
  2. Disconnecting And Reconnecting An External Style Sheet
  3. Editing Rules In An External Style Sheet
  4. Without A Net: Editing Style Sheets Without Dreamweaver
  5. Moving Styles Between Style Sheets
  6. Work Faster With External Style Sheets
  7. External Sheets With Dreamweaver CS4

Chapter 8: Working With Tables!

  1. Table Basics In Dreamweaver
  2. Inserting Content And Where Tables Get Wacky
  3. Selecting Table Components
  4. Traditional (Lame-O) Table Formatting
  5. Using CSS To Control Table Formatting (Now That’s Sweet!)

Chapter 9: You’ve Been Waiting For It: Inserting Graphics Into Dreamweaver!

  1. Understanding Graphics In Web Design
  2. Inserting Images And Formatting ‘Em Too
  3. Controlling Images With CSS
  4. Dreamweaver’s Image Editing Commands
  5. Editing Images Outside Of Dreamweaver
  6. Setting Up Background Images
  7. Smart Objects In Dreamweaver CS4
  8. Technique #3: Design Go-Around: Using Images For Typography!
  9. Technique #4: Web Design Workflow: From Illustrator To Photoshop And Out To Dreamweaver!
  10. Technique #5: Creating Soft-Edged Transparency—Impossible? Well We Think Not!

Chapter 10: Hookin’ It All Up With Hyperlinks!

  1. Creatin’ Some Links From Text And Images
  2. Linkin’ Up To Other Websites
  3. Creating A Link To An Email Address
  4. Linking To PDF’s And Other Files
  5. Linking To A Specific Location On A Page
  6. Creating Image Map Hotspots
  7. Formattin’ Those Hyperlinks With…You Guessed It…CSS!
  8. Technique #6: Creatin’ Some Sweet Rollover Buttons With CSS
  9. Technique #7: Rollin’ Out From A Single To A Multi-Page Website
  10. Task #3: So Get Designin’ Your Page Layout, Already!

Chapter 11: Paying Homage: Traditional Page Layout With Tables!

  1. Setting Up A Basic Layout Structure
  2. Refining The Layout With Nested Tables
  3. Inserting The Layout’s Images And Text
  4. Further Layout Refinement

Chapter 12: Mega-Modern Page Layout With Div’s!

  1. Your New Best Friend: Introducing Div’s
  2. Creatin’ The Basic Layout Blocks
  3. Nesting Divs Within Other Div’s
  4. Refining The Layout With Even More Div’s
  5. Task #4: It’s All Up To You: Create The Remaining Div’s!
  6. Hung Up? Here’s A Task #4 Bailout
  7. Inserting The Layout’s Images And Text
  8. Applying A Frame To The Whole Layout
  9. Further Layout Fiddlin’ And Adjustin’
  10. Technique #8: Some Say It Can’t Be Done…But Here It Is: Centering A Div-Based Layout!

Chapter 13: Diggin’ Into Interactivity And Multimedia!

  1. Creating Rollover Buttons And Effects
  2. Introducing Spry Widgets
  3. Inserting Flash Content
  4. Adding In Audio And Video
  5. Throwin’ In Flash Video

Chapter 14: Wrappin’ Up Dreamweaver CS3/CS4 Essentials

  1. Final Site Management Techniques
  2. Goodbye, And Where To Go From Here
  3. Closing Credits

Still Want More? Check Out These Exclusive Bonus Lessons!

  1. Creatin’ Pop-Up Windows With Div’s
  2. Speeding Things Up With Dreamweaver’s Find And Replace
  3. Creating Some Sweet Div Scrollboxes

Frequently Asked Questions

Got questions? We’ve got answers!

What is Ten Ton?

Hey, I’m Geoff, an award-winning teacher, artist, and designer. Ten Ton Online is my premium online training platform to help graphic designers, small business owners, hobbyists, and other creative rabble-rousers learn about web design. If you want to discover how to build beautiful looking websites, how you can develop valuable, in-demand skills, or how to launch and market online businesses and creative projects, you’re in the right spot! You can view the full list of courses here.

Can I sign up any time?

Yes. All courses are completely self-paced. This means you can enroll now, and start your course whenever you like.

How do I watch the videos?

After enrolling, you’ll be able to stream your course lessons on the web, to your computer, tablet, or smartphone.

Can I download the video lessons?

To best serve the community, lessons are provided as streaming video only. This is because courses are sometimes updated to provide users with the latest information and content.

How long will I have access to my courses?

All courses come with unlimited, lifetime access. This means you can access your course as often as you’d like, without any limitations.

Are there recurring monthly costs?

Nope. There’s just a single one-time enrollment fee for your course.

Are courses self-paced or scheduled?

Courses are completely self-paced, allowing you to work through lessons at your own speed. You can skip ahead or go back, and otherwise move through your courses as quickly or slowly as you’d like. You can find out more about how it all works right here.

Are project files included?

You bet! Courses come with downloadable project files, allowing you to get the most out of your learning experience. You’re encouraged to follow along, step-by-step, so you can gain real-world, hands-on skills.

What is your refund policy?

All courses come with a 30-day money back guarantee. If you’re not satisfied with your course within 30 days of purchase, let us know. We’re here to help.

Where should I start?

Start with my free Foundations In Web Design course. It’ll give you a solid foundation in web design, and help you determine which direction you should head in based on your interests and goals.

I have more questions, how can I contact you?

You can contact me right here.

Start right now!


Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

“I learned more in two days with your course than I thought possible! I was literally ready to give up before. I had tried courses from Lynda.com, and all they did was confuse me even more. Your approach is no-nonsense, and just plain old understandable! I am very much looking forward to putting my skills to use. All in all I give you and your course a 100% THANK YOU SO MUCH!!!! You’ve got a great technique! Now I am gushing!”


So Ya Ready For Some Dreamweaver?

A Great Place To Start: HTML Fundamentals

Going Further: Understanding CSS

The Three Web Design Challenges, Part 1

The Three Web Design Challenges, Part 2

How Dreamweaver Fits Into All This