Download 70,000 High-Quality Images from the New Adobe Stock Free Collection

Adobe Dreamweaver CS5 Tutorial: Free New 3-Hour Online Course

[UPDATE – For a quick tutorial with CS6, see Ten Steps to Building a Website with Adobe Dreamweaver CS6 — or download the free new ebook, Dreamweaver CS6 Basics.]

For some months now, Adobe has had a great set of videos out (17+ hours) covering the highlights and new features of all products in Creative Suite 5… Now comes a terrific new course specifically on getting started from the ground up with Dreamweaver CS5. This 15-chapter step-by-step tutorial really covers all the basics and key topics – not just for Dreamweaver, but for developing websites in general.

Create a website with Dreamweaver CS5 using HTML, CSS and more

So, it’s a helpful and complete background and introduction for getting started with HTML, CSS, Spry, JavaScript, XML, and rich media content such as Flash, video, and online maps. Some of the many fundamen­tal topics covered include images, fonts, layout, hyperlinking, navigation, menus, panels, templates, animation, testing, and uploading. But note that this class is not just for beginners – even experienced Dreamweaver users are learning some­thing new here… (see reviews below)

Basically, if you’re looking to get going with website design and development, this is a nice way to get your feet wet (or expand your existing knowledge) with the industry-standard product in just three hours for free – regardless of whether you keep using it. If you want or need a free copy of Dreamweaver CS5 to walk through during the training, you can just download the fully-functional 30-day free trial.

Here is the new course:

Basic Site Layout and Navigation in Dreamweaver CS5
Play this Free Class Now »
ChTopicRuntime
01Introduction05:32
02Creating Your First Webpage12:26
03Setting Up a Local Site04:17
04Creating and Importing Images06:53
05Linking to Websites05:33
06Changing Visual Properties of HTML Content09:18
07Understanding and Using Cascading Style Sheets (CSS)18:16
08Website Navigation09:13
09Using Pre-Built Templates15:55
10Creating Multiple Pages24:27
11Adding Flash/SWF Content17:59
12Adding Media10:17
13Adding Advanced Interactivity with Spry12:36
14Testing and Troubleshooting the Site10:53
15Uploading the Site08:44

It just came out this month and has already been rated five stars by most viewers…

Troy says, “This is a great tutorial series. I use Dreamweaver to build and keep up our depart­ment’s web site, and have for many years, but I learned many new things watching this series. The instructions are very, very clear and easy to follow.”

Wes writes, “I really enjoy and appreciate this entire series that Adobe has put together. I had no knowledge of HTML or Dreamweaver, but even this introduction series has excited me about continuing to learn the language and Adobe’s other products. Great job!”

Manu comments, “Simply superb! Easy to learn with clear visual aids! I’ve gone through a few others to learn but this tops the most!”

So go for it and watch it now – it’s completely free. There are also sample files to download that go along with the course.


Read the six-part visual tutorial on Adobe Dreamweaver CS5

If you prefer training in written form instead of (or after) the above, here is an excellent and extensive six-step visual tutorial for Dreamweaver CS5 on building your first website: setting up your site and project files, creating the page layout, adding content to pages, adding the main image text, adding the Spry menu, and publishing your website.

As a next step, if you’d like to learn how to make a site which draws its content dynami­cally from a database (using Dreamweaver, PHP, and MySQL), see this three-part guide on creating your first dynamic website: setting up the site and database, developing the back end (including activating the forms to insert, update, and delete records), and displaying content from the database on a changing news page.


Each of the three series above include downloadable sample files to use as you follow the instruction, so be sure to look for those.

See here for a comprehensive set of Adobe CS5 tutorials for all products.

GET FREE ADOBE BOOKS

Sign up for our popular newsletter and we’ll send you 30 great ebooks to learn all major Adobe tools at no cost!

Thank you for subscribing! We hope you enjoy the newsletter and your free Adobe books... Click here to see the books now, and start downloading and reading!

Sorry, something went wrong. Please try again.

Share This

Download 70,000 Royalty-Free Images with the New Adobe Stock Free Collection

20 thoughts on “Adobe Dreamweaver CS5 Tutorial: Free New 3-Hour Online Course”

    • Hi Roosevelt, thank you for the kind words. If you’re looking to learn more, check out the links to the written Dreamweaver tutorials near the bottom of the article.

  1. Thanks for the lesson, that’s the first time I’ve tried Dreamweaver… not bad. If you don’t mind I’m going to bookmark your page.

    Reply
  2. Hello sir.

    I can’t understand the margin and padding on the CSS code side. Can you help me with brief margin and padding code style in CSS.
    How do we create a large box and put in different images with margin and padding.
    I am very thankful to you.
    Thanks.

    Reply
  3. i am newcomer in dreamweaver, i found this article helpful for the learning path of the dreamweaver, this technique is very much useful to me…

    Reply

Leave a Comment or Question


Receive over 30 Adobe Books plus Our Newsletter, Free!
DOWNLOAD FREE ADOBE BOOKS

Sign up for our popular newsletter and we’ll send you 30 great ebooks to learn all major Adobe tools free!

Thanks for subscribing! We hope you enjoy the newsletter and your free Adobe books... Click here to see the books now, and start downloading and reading!

Sorry, something went wrong. Please try again.

And don't miss: The New CC 2021 Direct Download Links
Boost your content creation with 70K free images from Adobe Stock

Don't miss: Download 75,000 FREE Adobe Stock assets!

Start downloading instantly from the Adobe Stock Free Collection:

Download now

This message will close in:
Share via

WANT FREE ADOBE BOOKS?

Download Dozens of Free Adobe Books Sign up for our popular newsletter and we’ll send you 30 great ebooks to learn all major Adobe tools at no cost!

Thank you for subscribing! We hope you enjoy the newsletter and your free Adobe books... Click here to see the books now, and start downloading and reading!

Sorry, something went wrong. Please try again.

Thanks for sharing!
Subscribe to ProDesignTools for Adobe updates:
15.8kFans
7.2kFollowers
5.2kEmail
2.5kRSS
DOWNLOAD FREE ADOBE BOOKS

Sign up for our popular newsletter and we’ll send you 30 great ebooks to learn all major Adobe tools free!

Thanks for subscribing! We hope you enjoy the newsletter and your free Adobe books... Click here to see the books now, and start downloading and reading!

Sorry, something went wrong. Please try again.

Send this to a friend