|
Changing two frames with one click
Next, you'll learn an advanced technique: targeting two frames with one click. (Once you start working with frames, it won't be long before you'll need to do this.)
Before starting the procedure, you'll need to create one more dummy file to link to.
To create a dummy file:
| 1 |
Choose File > Open, and browse to 00_header.html. |
| 2 |
Change the words Homebody Realty to Homebody Financial Services. |
| 3 |
Right-click (Windows) or Control-click (Macintosh) and choose Page Properties from the context menu. |
| 4 |
Change the Background Color from #000099 to #009900 and click OK. |
| 5 |
Choose File > Save As, and save the file as hb_financial.html in the frames folder. |
 |
|
The easiest way to target two frames with one click is to use the Dreamweaver Go To URL behavior action.
To apply the Go To URL behavior action to the navigation items:
| 1 |
Click in the middle of an item in the hb_navigation frame. |
| 2 |
Choose Window > Behaviors to open the Behavior inspector.
 |
| 3 |
Click the Plus (+) button and choose Go To URL from the Actions pop-up menu. |
| 4 |
In the dialog box that appears, select hb_header from the Open In list. |
 |
 |
| 5 |
If the navigation item is Property Search, Agent Search, Offices, or Relocation Services, browse to and select 00_header.html. If the item is Mortgage Services, browse to and select hb_financial.html. |
|
Why should you specify 00_header.html for four out of the five links when it's already in the hb_header frame? Because you want to have the hb_header frame return to 00_header.html if a visitor clicks Mortgage Services and then one of the other items. |
| 6 |
Select hb_main from the Open In list. Browse to and select the file associated with the item (for example, propsearch.html goes with Property Search, offices.html goes with Offices, and so on). |
| 7 |
Click OK. |
| 8 |
Repeat steps 1 through 8 for the remaining navigation items. |
| 9 |
Press F12 to preview the frameset file in your primary browser. |
|
|
|
