Dreamweaver Cs5 Tutorial

This entry is part 1 of 20 in the series Dreamweaver CS5 Tutorial

In this Dreamweaver CS5 tutorial you will learn how to build a website using Dreamweaver CS5.

Download a trial version of Dreamweaver CS5

In case you have Dreamweaver CS4 you can use the Dreamweaver CS4 tutorial.

Before building the pages using Dreamweaver it is a common practice to design the layout of the pages in an image editing software like Fireworks or Photoshop. You can learn how to create a website layout using Fireworks with our Fireworks CS5 tutorial. You will also create and optimize any required images  to be used in the website in Fireworks.

Broadly the steps to creating a website in Dreamweaver are:

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 CS5 Tutorial

  1. Dreamweaver Cs5 Tutorial
  2. Define Site
  3. Dreamweaver CS5 Template
  4. Dreamweaver Website Layout
  5. CSS Layout – Dreaweaver CS5
  6. Dreamweaver CS5 Website Header
  7. Dreamweaver DIV/ CSS Layout
  8. Dreamweaver Menu
  9. Editing Styles in Dreamweaver
  10. Editable Regions in Dreamweaver Template
  11. Webpages in Dreamweaver
  12. Linking to webpages in Dreamweaver
  13. Styles for text links in Dreamweaver
  14. Web Page Content
  15. Text Styles in Dreamweaver
  16. Heading Styles | Dreamweaver
  17. Contact Forms | Dreamweaver
  18. Form Styles | Dreamweaver
  19. Test Website | Dreamweaver
  20. FTP/ Upload Files to Hosting Server | Dreamweaver
Series Navigation Define Site

Posted in Dreamweaver | No Comments »