Dreamweaver CS4 Tutorial

Need a Website? Contact Us Now!

This entry is part 1 of 19 in the series Dreamweaver CS4 Tutorials

In this Dreamweaver CS4 Tutorial you will learn how to create a basic website using Dreamweaver CS4.

It is a common practice to design the look of your website using an image editor first. I use Fireworks CS4 for designing my layouts. You might want to go through the Fireworks CS4 Tutorial before you start on Dreamweaver CS4. Any images you need for your website will have to be created and optimized for the web using Fireworks.

Dreamweaver CS4 Tutorial

The see a demo of the site we will create in Dreamweaver CS4 click here.

Download the files so you can compare it with yours in case you get stuck along the way. All the images required for this tutorial are also available within the ‘images’ folder.

Once you have all your required images ready you are ready to start working on your website.

The first step is to create a folder in your computer and a sub folder within it called “images”. You can copy the images you will use in your website into this folder.

Once you have your project folder ready you can open Dreamweaver CS4 and start developing your site.

Steps to creating a site in Dreamweaver CS4

Step 1: Define a site

Step 2: Create a template

Step 3. Design your template page

Step 4: Design your css style sheet

Step 5: Insert Editable Regions

Step 6: Create the pages of your site using the template

Step 7: Link all the pages together

Step 8: Create a form

Step 9: Check your site in the browser

Step 10: Upload your site and make it live

Series NavigationDefine a New Site in Dreamweaver CS4»
Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • E-mail this story to a friend!
  • LinkedIn
  • MySpace
  • StumbleUpon
  • Technorati

Posted in Dreamweaver | 10 Comments »

10 Responses to “Dreamweaver CS4 Tutorial”

  1. By Stevie on Nov 5, 2009 | Reply

    wow this is so cool! =)

  2. By Arfan on Mar 1, 2010 | Reply


  3. By shanee on Mar 4, 2010 | Reply

    Thanks for this! it helped me heaps during class!! :)

  4. By luky on Mar 23, 2010 | Reply

    Great tutorial, exactly what I was looking for!

  5. By Minisite Designer on Mar 25, 2010 | Reply

    Great tutorials, thanks!

  6. By Max on Apr 4, 2010 | Reply

    This is the best site I ever found in Google. Honestly, I still having problem with vertical menu. Could you detail step by step about that? I do love your website.

  7. By ubani on Apr 19, 2010 | Reply

    this tutorial was very helpful. thanks a lot!!!

  8. By Boston on Apr 28, 2010 | Reply

    THANKS this is what everyone leaves out….a system or a road map just what I needed !

  9. By Ojwang' on Jun 10, 2010 | Reply


  10. By Rosie on Jul 13, 2010 | Reply

    Such a good tutorial the best around :)

Post a Comment