PDA

View Full Version : Make header editable (templates)


denadel
01-30-2010, 09:13 PM
Hi!

I am completely new to dreamweaver and making templates, but I managed to make a template and a few pages from it. It has a header and a horizontal drop down menu.
I am stuck with one problem, and I can't find out what I am doing wrong as it should be really easy.

I want to change the header on certain pages, so I should mark that area (which is the image in the header section) then go modify-templates-make atribute editable. I then choose the src as the attribute, mark the "make attribute editable", choose url as the type and label it as header.

I am then asked if the updates should be valid for all pages associated with the template, and I choose yes. And when i open one of the files created with that template I can't change the image; it is locked!

What am I doing wrong??

domedia
01-30-2010, 10:32 PM
Sounds like you're doing everything right.
Did you check to see if the update got applied to the page you're trying to edit?

denadel
01-30-2010, 11:16 PM
If I choose file-open, then the template has @@(header)@@ in the src field.
But if i choose new-create, then the template has the header locked.

If I on the other hand choose to open the template with file-open-save as (and overwriting the file), it lets me edit the header. But when I do changes in the template it doesn't affect the pages I have made from it. So this is probably not the way to do it.

I checked if the update got applied when creating the page the right way (file-new-create-save as), and it didn't.

In the template it says (in green, blue and purple):
<!-- TemplateParam name="banner" type="URL" value="../flowers/images/banner.jpg" -->
<!-- TemplateParam name="the girls" type="text" value="MenuBarItemSubmenu" -->
<!-- TemplateParam name="stuff" type="text" value="MenuBarItemSubmenu" -->
<!-- TemplateParam name="header" type="URL" value="" -->
</head>

<body>
<div id="Container">
<div id="header"><img src="@@(header)@@" width="901" height="295" /></div>

And in the page it says (in light gray):
<!-- InstanceParam name="banner" type="URL" value="../flowers/images/banner.jpg" -->
<!-- InstanceParam name="the girls" type="text" value="MenuBarItemSubmenu" -->
<!-- InstanceParam name="stuff" type="text" value="MenuBarItemSubmenu" -->
<!-- InstanceParam name="header" type="URL" value="" -->
</head>

<body>
<div id="Container">
<div id="header"><img src="" width="901" height="295" /></div>

I don't know what those InstanceParam are doing there. Might they be the problem?

DWcourse
02-01-2010, 12:41 AM
When you use make attribute editable in a Dreamweaver template, the editable item becomes a template property that you can change using the menu: Modify>Template Property command.

It's a bit different than just creating an editable region.

denadel
02-01-2010, 03:14 PM
Thanks for the tip :)

But when i tried it, nothing changed.

I open the page i have created from the template.
I then choose Modify>Template Property command.
The selection properties is marked (hooked), but not the property command.
When I choose it a new window called template properties pops up, and in it are all the regions i have made editable. Including the header.
I choose the file from the folder at the bottom of that window. Press ok, but nothing changes..

WHen i scroll my mouse over it, there is not an arrow, it is a forbidden sign. Like the non smoking signs, but without the cigarette.

DWcourse
02-01-2010, 03:22 PM
Instance parameters are essentially variables in the template that you can change on a page-by-page basis. You sound like your confusing them with editable regions. You might try the program help:

http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WScbb6b82af5544594822510a94ae8d65-7a7fa.html

denadel
02-01-2010, 08:33 PM
I follow that tutorial, but end up with the same problem.
It looks like I need to change @@(header)@@ in the src to the name of the file I want placed there.


The problem is that it is in a marked area which is grey. This means I can\t edit anything there.

I can edit the templateparam, but that doesnt change anything..
frustrated :/

DWcourse
02-02-2010, 05:32 AM
The problem is that it is in a marked area which is grey. This means I can\t edit anything there.

As I tried to explain you can't edit template parameters in the code or design view only through the Modify>Template Property command. I don't seem to be able to explain it so hopefully someone else can.

FYI your template parameters are:

banner
the girls
stuff
header

I suspect you didn't really want/need to make those into template parameters. More likely you should have used editable regions.

denadel
02-02-2010, 11:41 AM
I understood it now, and got it done :-D

Thank you so much for helping me out!!