
666
Part III
Adding Advanced Design Features
Dreamweaver includes a Spry Region object that inserts code that can be used in three different ways:
Insert a new
■■
<div> or <span> tag at the current cursor location.
Wrap a
■■
<div> or <span> tag around the current selection.
Replace the selection with a new
■■
<div> or <span> tag.
To identify an existing tag as a Spry region, use the Quick Tag Editor or Code view to
add a spry:region or spry:detailregion attribute manually. To make the task
as easy as possible, code hinting is available for this—and, in fact, all—Spry attributes. Set the Spry
region attribute equal to the defined data set you want to appear in the region. Spry regions can be
added to tags other than <div> and <span>; however, they cannot be added to the following tags:
<col>, <colgroup>, <frameset>, <html>, <iframe>, <style>, <table>, <tbody>, <tfoot>,
<thead>, <title>, and <tr>.
To add a Spry region to your page, follow these steps:
1. To add an empty Spry region, place your cursor where you’d like the region code to appear;
to place a Spry region around existing content, select the desired content.
2. From the Spry or Data categories of the Insert panel, choose Spry Region.
The Insert Spry Region dialog box appears, as shown in Figure 17-10.
FIGURE 17-10
Identify where you’d like your Spry data to appear by inserting a Spry region.
3. Select the type of tag you’d li ...