Dreamweaver - CS3

Lesson 49: Templates (4)

49/58 Lessons 

Make Attribute Editable

What should now be changed per each page to display the buttons in the navigation bar?

For example, if you are on the Home page, then this button should be “Down”.

If you are on the Cultivate.html page, then the “Cultivate” button should be displayed “Down”.

For this, we use the “Make Attribute editable”.

Open back the template “basis.dwt”.

Select the “Home”, click “Modify” in the menu bar, select “Templates” and click “Make Attribute Editable”.

In the “Editable tag attributes”,

In the top box, select the SRC attribute, which stands for source.

Select the checkbox “Make attribute editable”.

In the “Label” you give an appropriate name.

You choose URL type, because our image in the document is actually a link to this image. Do you still follow?

Click the OK button.

This puts something that looks like a bad link, at the place where the button stands.
Do not panic, that’s good.

We repeat these steps for all of our buttons in the navigation bar.

Remember for every button, it is not appropriate to give “Label” as the name.

I used the labels “buttCatalog”, “buttCultivate” and ” buttCare “.

So I know exactly how to customize the buttons on my pages, when I later modify these pages.

Save the template and close it.

Open the index page, or homepage, call it what you want and click the “Modify” button in the menu bar.

Choose “Template Properties” from the drop-down menu.

Choose the button you want to change, in this case the “buttHome”, click the “Browse” button next to the lower edit box, navigate to the button you want to see on this page, select it and click the OK button .

Click the OK button again to close the “Template Properties”.

As you can see in the image below, the “Home” is now replaced by the “Down” version.

Repeat this on each page, “Cultivate”, “Catalog” and “Care”.

Of course, you change the button that corresponds to the page, which is quite logical.

Awesome!
You've completed Lesson 49
START NEXT LESSON