[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.
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 fundamental 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 something 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 » | ||
| Ch | Topic | Runtime |
| 01 | Introduction | 05:32 |
| 02 | Creating Your First Webpage | 12:26 |
| 03 | Setting Up a Local Site | 04:17 |
| 04 | Creating and Importing Images | 06:53 |
| 05 | Linking to Websites | 05:33 |
| 06 | Changing Visual Properties of HTML Content | 09:18 |
| 07 | Understanding and Using Cascading Style Sheets (CSS) | 18:16 |
| 08 | Website Navigation | 09:13 |
| 09 | Using Pre-Built Templates | 15:55 |
| 10 | Creating Multiple Pages | 24:27 |
| 11 | Adding Flash/SWF Content | 17:59 |
| 12 | Adding Media | 10:17 |
| 13 | Adding Advanced Interactivity with Spry | 12:36 |
| 14 | Testing and Troubleshooting the Site | 10:53 |
| 15 | Uploading the Site | 08: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 department’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.
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 dynamically 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.
thanks for the online course, but how do I download the software ?
Sure Filmon, you can download and try it out for free direct from Adobe – see http://www.TryCS6.com
thanks for the information, Nice Articles…
Hats off to this tut !!! It’s awesome !
But what about the coding part ???
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.
Where are the downloaded files the host references in the video?
Hey there, thanks for your question. Here are the sample assets you can download to go along with the class – we’ll put this in the article above as well.
Just used this tutorial. Soooo useful!!! Thank you so much.
That’s great Mike, glad to hear it helped – and thanks for letting us know!
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.
Thanks Mike, by all means! Glad it helped and good luck building your site.
I want publish a web site on the free space in few files.
Hi. thanks for the file. Please take more information, about to create a new site.
Thank you sir. Can you break margin and padding in CSS.
Hi Marium, could you be more specific on what you mean by that and what you’d like to know? Thanks!
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.
Marium, why don’t you first take a look at a good CSS tutorial that covers margin, padding, how they are different, and how they interrelate?
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…
i am eager to learn Dreamweaver
I am eager to learn web designing in adobe dreamweaver