bat proofing house
This article is part of eBook. Please use the link at bottom to jump to the rest of the eBook…
Text: Select this type for attributes that require text-based values such as the <img> tag’s alt attribute. URL: Select this type for attributes that require URL-based attributes such as the <a> tag’s HRef attribute. Color: Select this type for attributes that require the color picker to become visible such as the bgcolor attribute for the <body> tag. True/False: Select this type for attributes that require true or false values such as the readOnly or multiple attributes for form elements. Number: Select this type for attributes that require numeric values such as the width and height attributes of the <img> tag or the cellspacing and cellpadding attributes of the <table> tag. 7. Enter the name BgColorAttribute and also enter the #FFFFFF value in the Default text box. Click OK. 8. Save the template. Dreamweaver recognizes that other pages in the defined site are using this template and asks you to update the template files by displaying an Update Template Files dialog. 9. Click Update. Dreamweaver presents a log of files that were updated. 10. Click Close. You won’t notice any changes in Design view, but switching to Code view reveals the addition of the editable attribute as follows: <body bgcolor=”@@(bgcolor)@@”> In this case, Dreamweaver specifies the bgcolor attribute as editable by setting its value to a dynamic parameter (specified by the opening @@ and closing @@ symbols) named bgcolor. Inspecting the <head> tag reveals that that parameter is actually listed in a Dreamweaver comment as follows: <! TemplateParam name=”bgcolor” type=”color” value=”#FFFFFF” > This TemplateParam tag is used by Dreamweaver to identify the editable attributes and provide their types with a default value. Setting Editable Attributes After you’ve specified which attributes users implementing template-derived pages can customize, Dreamweaver provides a straightforward interface for customizing the properties. Again, let’s switch hats and play the role of the Engineering department’s web developer. Assuming this role, let’s work with the freedom we’ve just been given by the template designer and customize the background color of the page to a faint grayish color. To do this, follow these steps: 1. Close all documents that may be open and reopen the engineering.htm page. 2. With the page open, notice the new menu item located in the Modify menu called Template Properties. Choose it. The Template Properties dialog appears. 3. In the bgcolor text box, enter the hex value #FAFAFA and click OK. The engineering page’s background color is now customized to a faint grayish color. 4. Save your work. Working with Repeating Regions As you have seen thus far, editable regions provide some level of flexibility in terms of allowing users working with template-derived pages to add and modify content in areas on the page that you, as the template designer, specify as editable. In our example, we made the assumption that various departments in our
This article is part of eBook. To read the rest of the eBook (full version) please look at: 1.6 vac proof hack bat proofing house
