Step by step exercise. Unit 8. Creating and configuring frames


Objective

 

To Practice certain operations used to create and configure frames.

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.

Índice del curso