Black Friday Starts Now! Get Adobe’s Best-Ever Deals & Discounts on Creative Cloud
Home > Tips February 22nd, 2011

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

14
 Shares
20 comments

[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.

If you’re looking for a good and affordable Internet hosting provider to use for your website, we recommend HostGator, which gets good reviews from nearly everyone… Here are two coupon codes that should save you some money there:  SAVE994GAT to save $9.94 off your order, or 25PCTGATOR for 25% off any web hosting plan or purchase.

Also see here for a comprehensive set of Adobe CS5 tutorials for all products.
Categories: Tips Tags: , , , ,

Share This

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.

Free! Download 10 Professional, Royalty-Free Adobe Stock Images of Your Choice
  1. Filmon

    thanks for the online course, but how do I download the software ?

  2. aangkus

    thanks for the information, Nice Articles…

  3. Roosevelt Lizarda

    Hats off to this tut !!! It’s awesome !
    But what about the coding part ???

  4. L. Romano

    Where are the downloaded files the host references in the video?

  5. Mike Justesen

    Just used this tutorial. Soooo useful!!! Thank you so much.

  6. Mike

    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.

  7. krishna bahadur budha

    I want publish a web site on the free space in few files.

  8. javad

    Hi. thanks for the file. Please take more information, about to create a new site.

  9. marium

    Thank you sir. Can you break margin and padding in CSS.

  10. marium

    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.

  11. 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…

  12. abigiya girum

    i am eager to learn Dreamweaver

  13. Nizar Sadruddin

    I am eager to learn web designing in adobe dreamweaver

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 2019 Direct Download Links

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.

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:
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