Create
an Inline Frame, like the one
here and here:-
This requires you to open your page in Code &
Design view and insert a little bit of HTML coding.
This is an excellent way to load scrolling content into a web page. Iframes are attached to an existing host page and consist of four parts:
To create the iframe:
Begin with two HTML documents: the host
page to which you will add the code and the target page that
will be loaded into the host page. (In DW, under View choose Tile Vertically
to view both documents side by side, if you wish).
In the host page, choose the location for the iframe (it must be between the
<body> tag. You need to open the Code and Design view.
Type the code to create the iframe:
<iframe>
The codes in HTML must be closed with a slash (/) character, like so: </iframe>,
so the line will look like this before you add content: <iframe></iframe>
Now choose sizes for the iframe. Choose a height and width in pixels and add
it to the code eg.:
<iframe src="yourpage.htm" width="200" height="200"></iframe>
Save and test the page by previewing it in the browser. The
target page should now load into the host page. (If it doesn't, make sure
that the name is correct and that both pages are in the same directory.) You
may want to experiment with the sizes by changing their values for height
and width.
To get rid of the border around the iframe, you can make it invisible by adding
this code:
<iframe src="yourpage.htm" width="200" height="200"
frameborder="0"></iframe>
The frame border should now be hidden.
|
 |
|
|
|
|
|
|
|
|
|
|
Loading New Pages into the Iframe
If you want to load another page into
the iframe, you need to target the iframe for the new page.
You must first provide a name for the frame.
1 Open the iframe host page in DW. Add name= code to name the frame and to
allow other pages to load into it. Call the frame fr.
<iframe src="new page.htm" width='200" height="200"
frameborder="0" name="fr"></iframe>
2 Add some links for people to click.
You can use text links, buttons or another object.
3 Highlight your Link2.
4 Link to the new page in the Property Inspector.
This will load the new page when the button is clicked.
5 Add the frame name fr in the Target field, a small window on the
Properties Inspector. The page will now receive an order to load
in the frame named fr, which just happens to be our iframe.
If you include 2 links on the host page you will provide a way for the user
to go back to the original page (yourpage.htm) in the iframe after it has
been replaced by our new page.
Highlight Link 1 and add this code
<a href="your%20page.htm" target="fr">Link1</a>
6 Now test the page in a web browser.
Click Link2 and the new page will open in the iframe. Click Link1 and the
original page will load back up.