Dreamweaver CS3 Template Editable Regions

Step 7: Dreamweaver CS3 Tutorial - Specify Template Editable Regions

[This is Step 7 of the Dreamweaver CS3 Tutorial]

Dreamweaver templates allow you to specify editable regions. These will be the areas of the template where you will insert content that will differ from page to page. To do this:

  1. Put the cursor in the region that you wish to make editable
  2. Insert > Template Objects > Editable Region
  3. Give the editable region a name e.g. content.
  4. The editable region will appear on the template with a colored outline and the specified name.

editable region

If you have a library item (e.g. submenu) or banner etc. which will appear in most of the pages but will change in some you can keep the library item in the template, select it and create an editable region around it. So in a new page created with this template the library item will appear by default, however it can be replaced with another one where necessary.

Go to Step 8 >>


Dreamweaver Video Tutorials
Dreamweaver Interactive Video Tutorials
Discover Everything You Need To Know To Build Your Website Step By Step
From Start To Finish With This Dreamweaver Tutorial.

NOTE: You will need software like Adobe Dreamweaver, Photoshop and Flash to customize these templates.

 

Dreamweaver CS3 Tutorial for Beginners

Step 1: Define a new site in Dreamweaver

Step 2: Create a Dreamweaver Template

Step 3: Create the Page Layout in the Dreamweaver Template

Step 4: Create the CSS Style Sheet

Step 5: Insert Common Elements into the Dreamweaver Template:Text & Images

Step 6: Create Libraries or Server Side Includes

Step 7: Define the Editable Regions of the Template

Step 8: Create the HTML Pages of the Site with Content/ Forms

Step 9: Link the Pages

Step 10: Test the Site Locally and Upload Online to the Hosting Server

Project 1: Table Based Layout Website

Project 2: DIV/ CSS/ Tableless Layout Based Website

Project 3 : Website with Server Side Includes

Spry Tutorial

Free Dreamweaver CS3 Templates

Suggestions for Improvement? If you have a suggestion to improve this tutorial please contact us. We would love to hear from you.

 

Dreamweaver is part of Creative Suite 3 Web Standard
Streamline web design, development, and maintenance. Order Now!





Share