Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
27 views

Frames in Dreamweaver 8: Insert, HTML, and Frames

This document provides instructions for inserting frames in Dreamweaver 8. It describes frames as a way to distribute content on a website to keep some elements like logos and menus static while allowing other areas to change. It then provides step-by-step instructions for creating a page with left and right frames, assigning files to each frame, and setting properties like sizes, borders, and scrolling.

Uploaded by

Evelyn Madrid
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
27 views

Frames in Dreamweaver 8: Insert, HTML, and Frames

This document provides instructions for inserting frames in Dreamweaver 8. It describes frames as a way to distribute content on a website to keep some elements like logos and menus static while allowing other areas to change. It then provides step-by-step instructions for creating a page with left and right frames, assigning files to each frame, and setting properties like sizes, borders, and scrolling.

Uploaded by

Evelyn Madrid
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

FRAMES IN DREAMWEAVER 8

DEFINITION
Frames are used to distribute the data in a web
site. They help to keep some parts straight such
as they are, as the logotype and the browser bar,
while the others can change. In addition they
usually improve the appearance.
Each page's frame has its own HTML file. For
example, in the image on the right you can see a
page with two frames. The left frame has the
menu.htm file, and the right frame has the
dogs.htm file.

HOW TO INSERT FRAME


There are many ways of creating a frame. We will only learn one. To create a
frame, you first need to open a file. It
can be new or an existing one.
After this, you need to go to the Insert
menu, HTML, and Frames. Through
this option you can select the type of
frame you want to create.
We are going to look at the Left frame
option.

If we click on Left, a new frame will be created


in the left side of the current file.
As you can see in the image, there is a line
splitting the document.
In this case we will have three files: the left one,
the right one, and the one which has the set of
frames. The right one is the file we had at the
start. It is in the frame known as Main Frame.
To select the file that has the set of frames you have to click on the line that
splits the frames. This is only possible in case of not having been previously
saved.

STEP BY STEP PROCEDURE


1. You need to open Dreamweaver in order to perform the exercise.
2. If the Files panel doesn't show up, open it through Window menu, and then
the Files option.
3. Select Animals in the Files panel.
4. Click twice on the Start.htm document, found in the Files panel.
The document will be opened in Dreamweaver
5. If it doesn't show up, open it through Window menu, and then Properties
option.

6. If the properties inspector doesn't show up completely, press the

button

to unfold its advanced properties.


7. Click on the Insert menu.
8. Select the HTML option and then Frames.
9. Select the Left option.
10. If the Frames panel doesn't show up, open it through Window, Others
option, and then the Frames option.
11. Select the frames file by clicking on the frames exterior outline, in the
Frames panel.
12. In Title: which is the file bar - write DOGS & CATS.
13. In Borders, of properties inspector - select No.
14. In Width - write 0.
15. In Row Col. Selection click on the left column.
16. In Column - select Pixels and write 142.
17. In Row Col. Selection - click on the left column.
18. In Column select - Relative and write 1.
19. Click on the left frame in the Frames panel.
20. In frame name, of properties inspector - write leftFrame.
21. In Scr - write menu.htm.
22. In Scroll - select No.

23. In Borders - select No.


24. Check Same size.
25. Click on the right frame in the Frames panel.
26. In the Frame name of the properties inspector, write mainFrame.
27. In Scroll - select No.
28. In Borders - select No.
29. Uncheck no resize.
30. Select the frames file by clicking on the frames exterior edge in the Frames
panel.
31. Click on the Save

button of the tool bar. Save the file named

frames.htm inside the animals folder.


32. In case of having inserted image maps inside the dog and cat image, select
each one, and then select again mainFrame in target, on properties
inspector.
33. Select the first Flash button, and click on the Edit button of the
Properties inspector.
In target: select mainFrame. Click on the Accept button. Do the same for all
Flash buttons in the page.
34. Click on the Save all

button of the tool bar.

You might also like