Dreamweaver FAQ » HTML http://www.digitalfamily.com/dreamweaverblog Dreamweaver questions worth sharing, by Janine Warner Thu, 24 Jun 2010 07:30:17 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Why can’t I edit the page title or add Behaviors and Spry to Template pages? http://www.digitalfamily.com/dreamweaverblog/2008/01/why-cant-i-edit-the-page-title-in-template-pages/ http://www.digitalfamily.com/dreamweaverblog/2008/01/why-cant-i-edit-the-page-title-in-template-pages/#comments Sun, 06 Jan 2008 20:45:15 +0000 janinewarner http://www.digitalfamily.com/dreamweaverblog/?p=29 Janine,

First, your video training for Dreamweaver CS3 is great. It got me started with CSS and while I am still learning it really gave me a good jump start into this complex area.

I learned the template creation and love it but I think I missed something, using a template to create a new page I find I am unable to change the document title. I suppose it is not an editable region? How do you make it possible to edit the document title on templates?

Thanks,
Chandler

———————

Hi Chandler,

Thanks for your kind words about my videos. You ask a good question.

When you create a new template in Dreamweaver CS3, 8, and previous versions, by choosing File>New and then choosing HTML Template as the Page type, Dreamweaver automatically inserts code into the <head> region of the HTML, making it possible to edit the title, insert Meta tags, and Javascript features.

If, however, you create a regular HTML page and then use Save As to save the file as a .dwt template, you’ll need to add the code to the head area of the template manually if you want to be able to edit the title, and Javascript features, or make other changes that affect this part of the HTML document.

Note: In Dreamweaver CS4 this problem has been fixed and when you save a page as a template, this code is automatically added.

To manually add the editable region code around the title section of a temple created from an HTML page, follow these steps:

1. Open the .dwt file and choose Split or Code View so that you can see the code behind page.

2. Find the Head section of the page — it should be toward the top of the page in the HTML code and should look like this:

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
</head>

3. Add the template code inside the head tags. If you’re not sure what that code should look like, just copy and paste the following to replace the entire head area in the HTML of the .dwt template file. (Alternatively, you can create a new  template file and just copy and paste the code from the head region of that file into your template.) Either way, it should look like this:

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<!– TemplateBeginEditable name=”doctitle” –>
<title>Untitled Document</title>
<!– TemplateEndEditable –>
<!– TemplateBeginEditable name=”head” –>
<!– TemplateEndEditable –>
</head>

4. Save the .dwt template file and choose to apply the changes to all of the pages created from the template.

Once you’ve done this, you should be able to open any of the pages created from the template and edit the title in the Page Properties dialog or by simply typing in a new title in the title field at the top of the workspace. This will also make it possible to add Javascript and other special features that require adding code to the head region of the page.

Hope that solves your problem, and I wish you all the best with your Web site!

Janine

Still want more? Visit the Dreamweaver Help Center at www.DigitalFamily.com/dreamweaver to find Dreamweaver tips, tricks, and tutorials.

]]> http://www.digitalfamily.com/dreamweaverblog/2008/01/why-cant-i-edit-the-page-title-in-template-pages/feed/ 0