instance, if you choose Yes for Borders, a border width of 5, and a color of green, those changes are automatically set for the frames within the frameset. As long as you set the Borders property to Default in the frameset-based Properties Inspector, changes in the frames-based Properties Inspector relating to borders can be left alone. For our project, we'll leave the values for the frameset as they are, that is, the value No for Borders, 0 for Border width, and no color option in the Border color picker. Row Height and Column Width Depending on the frameset you're working with in the Frames panel, the frameset-based Properties Inspector tailors itself to support changing the row height or the column width. For instance, selecting the outer edge of the frameset in the Frames panel exposes the Row Height property in the Properties Inspector; selecting the inner frameset exposes the Column Width property in the Properties Inspector. NOTE Our frameset (which appears to be one page split into three frames) is actually one frameset (two frames) nested within a second frameset. The nested frameset contains two columns while the outer frameset is split into two rows. For this reason, selecting the outer frameset exposes the Row Height property in the Properties Inspector while selecting the inner frameset exposes the Column Width property in the Properties Inspector. You can use these properties to accurately change the sizes of the columns or rows that ultimately govern the size of the frames in the frameset. When making size modifications to frames, it's important to understand how they are sized. Generally, frames either have an absolute pixel size or a relative size. For example, if you had a frameset that consisted of a top and bottom frame, you could set the top frame to a specified pixel size. The bottom frame size would be relative to the size of the browser window or, to be more specific, 1. To see this in action, we need only point to our frameset: You can see that switching between the top and bottom frames in the shaded frameset icon (Row Column selection) in the Properties Inspector gives you the two different sizes for the two frames in the outer frameset. The top frame is set to a pixel value, and the bottom frame is set to a relative value of 1. The same holds true for the nested frameset: In this case, the left frame has a pixel value and the right frame has a relative value of 1. This arrangement allows the user to expand and contract the browser window without collapsing the sizes of the frames in their corresponding framesets. Now that you understand this concept, let's resize our frames. The easiest way to change the size of a frame is to mouse over the border until your cursor changes to a two-way arrow, and then click and drag. The only problem with resizing frames like this is that both rows and columns are automatically converted into absolute sizes. To avoid setting frames to absolute sizes by accident, you can resize them by using the Row Height or Column Width text boxes in the Properties Inspector. To set the sizes for our project, follow these steps: 1. Highlight the outer frameset in the Frames panel. 2. The Properties Inspector should now show the Row Height text box. Enter a value of 177 pixels. This value corresponds to the size of the header image, which we'll add later. 3. Press Enter to set the size. The row height for the frame should change. 4. Select the nested frameset in the Frames panel. You can make it easy on yourself by simply selecting a frame in the Frames panel and choosing the inner <frameset> tag in the Tag Selector. Either method causes the Properties Inspector to change to support the modification of the Column Width. 5. Enter a value of 200 in the Column Width text box and press Enter. This alteration should give us enough room to add a navigation bar.