adobe dreamweaver cs5 on demand part 70 pptx

ptg
434 Chapter 18
Creating Repeating
Regions
Create a Repeating Region
Open the template you want to add
a repeating region.
Select the content in the template
you want to change, or click to
place the insertion point where
you want it.
Click the Insert menu, point to
Template Objects, and then click
Repeating Region.
The New Editable Region dialog
box opens.
Enter a unique name for the new
region.
Click OK.
The repeating region appears with
the name in the tab.
NOTE
If the area is to contain
text, make sure you apply any
formatting options, using HTML or
CSS to the area before making it
an editable area.
5
4
3
2

1
Repeating regions are unlocked areas that allow you to add or delete
copies of the repeating regions in a template page. There are two types
of repeating regions: region and table. With a repeating region, you can
specify the layout you want by duplicating repeating page elements,
such as a gallery of photographs. With a repeating table region, you
can increase or decrease the rows in a table while keeping the table
structure intact. You can define table attributes and set which table
cells are editable.
2
3
1
5
4
Did You Know?
You can add, delete and change the
order of a repeating region entry.
Open
the template-based page, place the
insertion point, and then click the Plus
(+), Minus (-), Down Arrow, or Up
Arrow buttons to change the entries.
You can also use the Repeating Entries
submenu on the Edit menu to cut, copy,
and paste entries.
From the Library of Wow! eBook
ptg
Chapter 18 Creating Templates 435
Create a Repeating Table
Open the template you want to add

editable regions.
Click to place the insertion point
where you want to insert the table.
Click the Insert menu, point to
Template Objects, and then click
Repeating Table.
Select from the following options
in the Insert Repeating Table
dialog box:
◆ Rows. Enter the number of
rows for the table.
◆ Columns. Enter the number of
columns for the table.
◆ Cell Padding. Specify the
number of pixels between a
cell’s contents and the cell
border.
◆ Cell Spacing. Specify the
number of pixels between the
table cells.
◆ Width. Enter the width (in
pixels) or as a percentage of
the browser window’s width.
◆ Border. Enter the width (in
pixels) for the table border.
◆ Repeat Rows Of The Table.
Specify the table rows you
want in the repeating region.
◆ Starting Row. Enter the row
number for the first row.

◆ Ending Row. Enter the row
number for the last row.
◆ Region Name. Enter a unique
name for the table region.
Click OK.
The repeating table region
appears with the name in the
table.
5
4
3
2
1
5
4
From the Library of Wow! eBook
ptg
436 Chapter 18
Creating Optional
Regions
Create a Non-Editable Optional
Region
Open the template you want to add
an optional region.
Select the item, or an AP element
within the template that you want
converted into an optional region.
Click the Insert menu, point to
Template Objects, and then click
Optional Region.

Click the Basic tab.
Enter a unique name for the
region.
Select the Show By Default check
box to toggle between showing or
hiding this optional region (default:
show).
To set val ues for the o ptio nal
region, click the Advanced tab.
◆ Click the Use Parameter option,
and then select a parameter
from the popup, or click the
Enter Expression option, and
then write a template
expression.
Click OK.
8
7
6
5
4
3
2
1
Content within an optional region may or may not be displayed,
depending on certain conditions set by the template designer. Optional
regions are just that: optional. Optional regions define content or
editable regions that you can turn on or off (be visible or not). Optional
regions, therefore, enable designers to show and hide specially marked
regions. The template tab of an optional region is preceded by the word

If
. There are two types of optional regions: non-editable and editable. A
non-editable optional region allows you to show or hide the region
without the ability to edit the content, while an editable optional region
allows you to edit the content.
1
3
2
7
5
8
4
6
From the Library of Wow! eBook
ptg
Chapter 18 Creating Templates 437
Create an Editable Optional
Region
Open the template you want to add
an optional region.
Click to place the insertion point
where you want to insert an
editable optional region.
Click the Insert menu, point to
Template Objects, and then click
Optional Region.
Click the Basic tab.
Enter a unique name for the
region.
Select the Show By default check

box to toggle between showing or
hiding this optional region.
To set val ues for the o ptio nal
region, click the Advanced tab.
◆ Click the Use Parameter option,
and then select a parameter
from the popup, or click the
Enter Expression option, and
then write a template
expression.
Click OK.
8
7
6
5
4
3
2
1
7
8
4
Did You Know?
You can change the settings for an
optional region.
Select the optional
region, open the Properties panel, and
then click the Edit button.
You can modify optional regions tem-
plate parameters.

Open the template-
based page, click the Modify menu,
click Template Properties, select the
property you want to change, edit the
value of the property, select or clear
the Show check box, select or clear
the Allow Nested Templates To Control
This check box, and then click OK.
Creating an Optional Region
A simple use of an optional region is to allow content to either be visi-
ble or not in a page based on a template. For example, you maintain a
Web site for a garden center called the Green Thumb (now that's
original). The site sells three types of items: Flowers, Vegetables, and
Garden Equipment. The pages are essentially the same. There will be
two editable areas: one describing the product, and another for an
image displaying the product. The remainder of the areas (navigation,
footers, background, etc.), are all locked… except for one thing. You
want a generic image on each of the pages so that the customer can
identify the pages for the three products (it could even be a back-
ground image contained in an AP element). To solve this problem, you
create an optional region, load all three changeable images into the
area, and then let the designer of the page decide which image to
use.
Design By Example
From the Library of Wow! eBook
ptg
438 Chapter 18
Creating InContext
Editing Editable
Regions

Create an InContext Editing
Editable Region
Open the Web page that you want
to transform into an ICE repeating
region.
Do any of the following to select
the region that you want to make
editable:
◆ Select a div, th, or td tag.
◆ Place the insertion point or
select content.
◆ Select one editable region in a
template.
Click the Insert menu, point to
InContext Editing, and then click
Create Editable Region.
Based on your selection in Step 2,
take the appropriate action:
◆ If you selected a div, th, or td
tag, you’re done.
◆ If you placed the insertion point
or selected content, select an
option to create a new editable
region, and then click OK.
◆ If you selected one editable
region in a template, click OK.
4
3
2
1

Adobe InContext Editing (ICE) is an online service that allows users to
make simple edits to your web pages without any previous knowledge
of HTML code or web editing. Before a user can edit a page, you need
to specify what areas on the page that you want to enable users to edit
directly in a browser. You can specify areas of a page for users to edit
by creating an ICE editable region. An ICE editable region is a pair of
HTML tags that includes the ice:editable attribute in the opening tab.
These tags transform a non-editable region of a page into an editable
one. To edit a page, a user opens the page in a browser, logs in to the
InContext Editing service, and then edits the content in the ICE editable
region. If you are creating an ICE editable region to a template, the new
ICE editable region must be placed within an editable region. For
details about using the Adobe ICE online editing service, see the Adobe
web site at
www.adobe.com
.
1
32
4
From the Library of Wow! eBook
ptg
Chapter 18 Creating Templates 439
Click the blue tab of the editable
region to select it.
Specify the editing options that
you want to make available to
users in the Properties panel.
The options you select in the
Properties panel will be available
to users when they edit the page

in a browser.
Click the File menu, and then click
Save.
If prompted, click OK for
Dreamweaver to add supporting
files to your site for ICE. These
files need to be uploaded to your
server for ICE to work properly.
Delete Editable Region
Open the Web page with the ICE
editable region.
Select the editable region that you
want to delete.
Click the Remove Region button in
the region’s Properties panel.
Click OK to confirm the removal.
4
3
2
1
8
7
6
5
7
5
Click to display options
6
1
2

3
4
From the Library of Wow! eBook