• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Exercises

The following exercises are designed to familiarize you with the flexible nature of frames and to aid you when making decisions about how to lay out your frame sets.

1:Create two blank HTML pages, each with a different background color. Name one page left.html and name the other right.html. Create a third page. Click the Frames tab at the top of the page to enter the Frames Editor mode. From the Frames tab of the palette, drag the icon representing a two-frame layout (narrow left frame and wider right frame) onto the page. Click the left frame. In the Inspector, name the left frame “left” and set its size to 25%. Click the right frame, name it “right,” and set its size to 75%. Assign the page named left.html to the left frame, and assign the page named right.html to the right frame. Save the page, naming it index_frameset.html. Next, preview the page in your browser. Open the browser window to various sizes. Notice how the left frame always takes up 1/4 (25%) of the page width, whereas the right frame inhabits 3/4 (75%) of the page, no matter what the width of the browser window is.
2:Switch back to GoLive. Using the same files, open the index_frameset.html page and click the Frames tab. Click the left frame and set its size in the Inspector to 200 pixels. Click the right frame and set its size to Auto. Save the page, and then preview it in your browser. This time, as you resize the browser window, the left frame remains at a fixed size of 200 pixels, and the right frame resizes itself to occupy the remaining space.
3:Switch back to GoLive. Again using the same set of files, click the border between the two frames. In the Inspector, set the BorderSize to 0 and BorderFrame to No. Click the left frame and select No from the Scrolling pop-up in the Inspector. Save the page and preview it in the browser. Notice how the border between the two frames and the scrollbar for the left frame have been removed.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint