Dreamweaver CS5, CS4, & CS3 Tutorials

Dreamweaver tutorials Dreamweaver is a popular Web design program you can use to create advanced web sites.

Find step-by-step tutorials in the menu on the left, or skim through tutorials below.

For quick answers, search the Dreamweaver FAQ (frequently asked questions).

A few Dreamweaver tutorials to get you started:

When Flash Fails: Why so many designers are turning to jQuery and how the PowerSlider Extension for Dreamweaver makes it easier

Seems all the cool sites have a big, rotating box at the top of the front page, and they're not creating it in Flash.

Adobe Flash is a great program, but because Flash does not work on the iPhone and iPad, many web designers are using jQuery these days instead. But jQuery is complicated, which is why using extensions is such a popular option. Learn more about Dreamweaver extensions, including the jQuery PowerSlider.

Add an e-commerce shopping cart with Google Checkout

Simple Buy Now buttons and an easy-to-use shopping cart make Google Checkout an ideal of option for many small e-commerce sites.

Sell your photos, books, admission to an event, or whatever you have to offer with Google Checkout. Just copy a little code from the Google Checkout site into your pages in Dreamweaver or WordPress and you're in business. (Learn how...)

TRAINING VIDEO: Intro to Web Design and Dreamweaver CS5

In this short intro video, Janine explains different ways you can create web sites and what you'll learn in each of her training videos, including her Crash Courses in Dreamweaver CS5 and Cascading Style Sheets.

Order Janine's training videos on CSS and Dreamweaver CS5, CS4 and CS3 in the video section.

Defining a Site with the Site SetUp Process in Dreamweaver CS4 or CS3

The first step to working on any site in Dreamweaver is defining your site and identifying a main root folder where you'll store all of the files and folders in your site. Take a few minutes to set up your site and Dreamweaver will manage your links properly. (Free tutorial for Dreamweaver CS4, CS3, 8)

Defining a Site with the Site SetUp Process in Dreamweaver CS5

The setup process was simplified in Dreamweaver CS5. Everything looks different, but it's easier than ever now that there are only two quick steps to getting started.

That makes this a quick tutorial short so I've thrown in a few extra tips, like how to set up an images folder and configure multiple servers.

Launch a New Browser Window in Dreamweaver with Javascript Behaviors

You can use Behaviors in Dreamweaver to create many interactive features; like opening a small browser window when someone clicks on an image. This is a great way to make supplemental information available without closing the page a visitor is already viewing. (Free tutorial for Dreamweaver CS4, CS3, or 8)

Enhance Dreamweaver with New Extensions from Adobe.com

Extend Dreamweaver's capabilities by installing new extensions to create interactive navigation elements, Flash buttons, online shopping systems and more. (Free tutorial for Adobe Dreamweaver 8 and CS3)

Take a Crash Course in Dreamweaver CS5 part 1

Learn the basics of web design, CSS, and how to use Adobe Dreamweaver CS5 with award-winning trainer and video host, Janine Warner.

2-hour training video on DVD
View Course Outline
includes all project files

Order for: US $20.00
Shipped Priority Mail

Order Dreamweaver CS4 Essentials DVD

6-hour training program

View Course Outline
includes project files

Order for: US $40
Shipped Priority Mail

View all of Janine's training videos on CSS and Dreamweaver in the video section.

What students say about Janine's training videos...

"You’re awesome, informative and funny as well.
- Kathleen, Portland, Oregon

"I've been wanting to learn Web design for a long time, but I thought I was too old. Then I found your videos. You made it all so easy to follow! Thank you!"
- Gina Contreras, Austin, Texas