<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>; <html><head><title>Article Directory Online : Free Online Article Submission - Articleonlinedirectory | Why Dreamweaver Templates Are Brilliant</title></head><body><h3>Why Dreamweaver Templates Are Brilliant</h3><br /><br />By: <br /><br /><p>Every time our company runs Dreamweaver training courses, we always ensure that the topic of templates is included. They are such a great time-saving feature. Templates can be used in two ways: firstly, a new page can be based on a template and, secondly, a template can be applied to an existing page. To create a new page based on a template, proceed as follows.<br /> <br /> 1. Choose New from the File menu.<br /> <br /> 2. Click on Blank Template, in the first column of the New Document window.<br /> <br /> 3. In the second column, choose the "Page Type" you would like to create (HTML, ASP, ASP.NET, ColdFusion, JSP OR PHP).<br /> <br /> 4. In the third column, you may optionally choose one of Dreamweaver's excellent preset CSS layouts.<br /> <br /> 5. If you use a CSS layout, choose whether you would like your CSS code placed in the head area of the template, in a new CSS file or in an existing CSS file. (Naturally, this option only applies if you choose to use one of the preset CSS layouts.)<br /> <br /> If you wish to apply a template to an existing page, perform the following steps.<br /> <br /> 1. Open the page which needs the template.<br /> <br /> 2. Choose Modify - Templates - Apply Template to Page.<br /> <br /> 3. Double-click the name of the template you wish to associate with the page.<br /> <br /> Graphic placeholders are ideal for marking an area of a page where an image is to be inserted. Each time the template is used, a different image can be substituted for the placeholder. To replace a graphic placeholder, do the following.<br /> <br /> 1. Create or open a page based on a template.<br /> <br /> 2. Double-click the graphic placeholder.<br /> <br /> 3. Navigate to the image which will replace the placeholder.<br /> <br /> 4. Double-click the name of the image.<br /> <br /> The name of the template controlling a page is displayed in the top right and the name of each editable region is shown above the appropriate area of the page. The editable region labels compromise the WYSIWYG display of your page slightly by pushing elements down. To switch off the display of template and editable region names, choose View - Visual Aids - Invisible Elements. Use the same command to reinstate them.<br /> <br /> Dreamweaver normally places a light blue rectangle around editable regions in both templates and documents based on them. It also places a yellow rectangle around any page based on a template. The same yellow highlight also shows up in code view to mark the locked regions of a page based on a template. Dreamweaver allows you to change these highlight colours.<br /> <br /> 1. Choose Preferences from the Edit menu.<br /> <br /> 2. Click on the category heading Highlighting on the left of the window.<br /> <br /> 3. Choose a colour from the pop-up palettes next to Editable regions and Locked Regions<br /> <br /> From time to time, you will have pages which you need to treat as independent and which you do not want controlled by a template. Obviously, you can simply avoid attaching a template to such pages. However, you will often find it useful to apply a template to the page, to obtain formatting elements and then to detach the page from the template. To detach a page from its template, choose Modify - Templates - Detach from Template.<br /> <br /> You can also update the current page by dragging the appropriate template icon from the Templates section of the Assets panel directly onto the page. This technique can also be used to apply a template to a page or to change the template on which a page is based.</p> <br /><br /><b>Author Resource:-></b> Author is a developer and trainer with <a href=http://www.macresource.co.uk>Macresource Computer Training</a>, an independent computer training company offering <a href=http://www.macresource.co.uk/courses/dreamwvr.htm>Adobe Dreamweaver Classes</a> at their central London training centre.<br /><br /><b>Article From</b> <a href='http://www.articleonlinedirectory.com/'>Article Directory Online : Free Online Article Submission - Articleonlinedirectory</a><br /></body></html>
