Dreamweaver Tricks – Converting a webpage to Dreamweaver Template
This tutorial video gonna help you on how to convert a web page in to a usable XML Dreamweaver document and then to a template to use with another web page. Along with this we also going to look for, how to modify special regions of the web page in to Dreamweaver. The process of saving a web page as a template is pretty simple. You do that from file menu and save as option. Once you got the template ready you can start edit existing web page. This is very simple. So, lets get started, following video is gonna help you to work out the process. Here is the video.
In this tutorial, you will see how to convert an existing webpage created in Adobe Dreamweaver; to a template which then can be used by adobe contribute users, to create new pages for their website. You also learn how to insert special regions in to the template page, so the contribute user can add their content. To start with, the process, we will open the webpage we want to user as the basis for the template. Next, from the file menu, I will choose save as template. When the save as template dialogue box opens, I can enter a description, and file name for this new template, and click save. At present, our contribute users cannot add any content or cannot make any changes to any region of this page. So the next task is to define the area of this files, will be able to work with it. To do this I will start by selecting the region of the page, I wish to make editable.
Next, I will click on the template button, and there I will choose editable region. In the new editable dialogue box, I will give the editable region a name and then click ok. Notice now how this region is enclosed in a highlighted rectangular outline in the template under a tab in a top left hand side of the region shows the region name. Lets remove the existing text and quickly add some generic text. Having made change to the template, let’s save it. Now if I show the files panel, you can see that the new folder quote template has automatically been created, and if we expand this, the newly created file with suffix, “dwt”, which stands, for Dreamweaver template.
Now lets move on to the last part of this tutorial, which to publish the template file to the web server. So our contribute users can access it, to make the new template available to contribute users, with a template file still selected, I will click “put file” button in the files panel. And click no the put dependent file message box. This now transfer, the folder under dwt file over to the web server automatically for our contribute users, ready for our contribute user to access. In this tutorial, you have learned how to convert an existing webpage into a Dreamweaver Template that contribute users can then use to create other web pages. You have also learned how to add special areas of a page put as an editable region, which contribute users can then add content into.
Tags: dreamweaver 8, free dreamweaver, tutorial for dreamweaver, dreamweaver cs3 or tutorials, free ecommerce templats dreamweaver, adobe dreamweaver cs3 tutorialTags
on October 20th, 2008 at 5:19 am
thank u r information
it very useful
on November 12th, 2010 at 3:08 pm
[...] Dreamweaver Tricks – Converting a webpage to Dreamweaver Template 18 Sep 2008. This tutorial video gonna help you on how to convert a web page in to a usable XML Dreamweaver document and then to a template to use with. – Dreamweaver Tricks – Converting a webpage to Dreamweaver Template [...]