Dreamweaver CS4 Tutorial
Need a Website? Contact Us Now!
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.
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
Dreamweaver CS4 Tutorials
- Dreamweaver CS4 Tutorial
- Define a New Site in Dreamweaver CS4
- Create a template in Dreamweaver CS4
- Design your template in Dreamweaver CS4
- Design the CSS Style Sheet in Dreamweaver CS4
- Insert Images in Dreamweaver CS4
- Creating the Menu in Dreamweaver CS4
- Content in Dreamweaver CS4
- Insert Editable Regions in the Dreamweaver Template
- Dreamweaver CS4 Template Based Web Pages
- Formatting Headings in Dreamweaver CS4
- Formatting Images in Dreamweaver CS4
- Linking pages in Dreamweaver CS4
- Forms in Dreamweaver CS4
- Dreamweaver CS4 Form Validation Tutorial
- Tables in Dreamweaver CS4
- Testing the Website in the Browser
- Upload your site with Dreamweaver CS4
- How to validate your Contact PHP form in Dreamweaver CS4
Tags: Dreamweaver CS4 Tutorials
Posted in Dreamweaver | 10 Comments »