Zeronese, Inc.
Home
Help & Support
Contact Us
Webmaster ResourcesArticle Details
 

Dreamweaver Templates -- How To Save 1000 Of Hours Using Them!

Date Added: January 05, 2007 11:59:37 PM
Author: Gayanath Jayarathne
Category: Web Design: Website Templates

Now you may think “OK, you are going to talk about fancy web templates out there which may save my initial designing efforts”. No, I am going to talk about “how to make whatever template you choose a BIG-Time-Saver”.

The most misunderstood aspect of web templates is using them as time servers. If you use same HTML file and change a particular part and save it as another web page, you move onto a big mess that can cost you 1000 of hours in the future.

The most phenomenal factor of a web site is “changing”. No matter how nice your template looking now, you will want to change it (For adding a special offer to every page etc).

Think, by the time you will have 100 web pages and if you used “Save As” method you will have to open up all 100 pages and make the necessary change 100 times.

How about doing the change one time and making all 100 pages changed at the same time? Cool, ha? Now let’s move onto the practical side of doing this.

I assume you can work with Macromedia Dreamweaver MX. (Tip: Free trial for Dreamweaver is available at http://www.macromedia.com/downloads/)

(1) First create a root folder anywhere in your hard disk.

(2) Open Dreamweaver and select Site>New site…

(3) Dreamweaver asks several questions including your server information. Give a memorable name to your site. You can omit server information and answer them later.

(4) When it asks “Where on your computer do you want to store your files?” choose the root folder you created above.

(5) After setting up your new site, open your HTML file which contain your default site layout (Note: Before opening, save this file and its contents in the root folder you created).

(6) Select File>Save as Template… In the dialog box, check weather the site name you gave has been selected and give a name to your template. Dreamweaver will automatically create a folder called “Templates” in your root folder and save the template in it (Note: Don’t rename or move this Templates folder).

(7) Select a particular part that may get changed from page to page (Like a special table cell where you add body content).

(8) Select Insert>Template Objects>Editable Region and give a name. Then save the changes.

Editable regions allow you to add unique content to each page. Define appropriate editable regions in your template, especially for head and body.

To define editable regions, I prefer direct coding.

(!-- TemplateBeginEditable name=""Region-Name"" --) Your unique content here. (!-- TemplateEndEditable --)

(Note: Please replace ""("" and "")"" with corresponding ""less than"" and ""greater than"" signs. Just as in a HTML comment.)

Give different names for each editable region. Your editable region exists between above tags.

(9) To create a new page using this template select, File>New>Template-tab>Site-Name>Template-Name. You will notice that except the editable regions, all other parts of the page are “not editable”.

Whenever you want to make a change to all pages do it on the template (Outside of editable regions) and save it. Dreamweaver will ask about updating related pages and will do it with a one click. Dreamweaver makes only the original change you made and doesn’t add any crazy codes to your pages.

That’s it! You have created a huge time saver. Use this time to improve your site content.

About the Author:

The author Gayanath Jayarathne is the founder of http://www.homebizpal.com. As he says ""Working with a template is only a one step of designing a successful web site. There are 11 steps more."" Find them all at http://www.homebizpal.com/create-your-own-web-site.html
 
RELATED ARTICLES & TUTORIALS
Web Hosting Templates for E-commerce Websites

HTML is easy, but creating a professional website is beyond the average Joe. When it comes to a e-commerce website, the design is even more complex - logo, navigation, color themes, text arrangement and content creation. Website creation has been made eas


Easy Way To Design The Website Using Web Site Templates

Web Site Templates: For many people, it makes more sense to use a pre-designed web template instead of creating a site from scratch. Using a pre-designed site template allows you to get a professional design at a fraction of the price a custom design woul


Website Templates Is The Answer If You Need A Website Design Fast

The cost and speed of using a web designer or using website templates can be drastically different. If you need a professional website design as soon as possible, consider using website templates.


Are Inexpensive Web Site Templates Worth The Cost?

So you took the bait and signed up for your first hosting plan that includes a Web site. Your newly acquired hosting plan probably has a programmed plug-and-play template system.


The Advantages Of Web Page Template Designs: Tips And Guides On Which To Choose

Building and creating a website is a nightmarish task especially if you don’t have the slightest idea on what you are suppose to do. Staring on an empty screen and waiting for some creative ideas to pop up can be quite frustrating and disappointing especi


 
Ratings Average rating: (null votes)
Comments

No Comments Yet.


Leave your comment:
Name or Website:
Email:
Comment
Visual Confirmation Security Code

*Enter the code shown:  


The views and opinions of authors expressed on Zeronese Webmaster Article Directory web sites do not necessarily state or reflect those of the Zeronese.net .