Adding Content to Frames
Now that you have your frame structure in place and you've made the necessary modifications to attributes for every frame, you're ready to begin adding the content that will make up the shape of the site. Adding content to each frame is just as simple as adding content to an individual web page. For instance, let's begin by adding the header.gif image to the Header frame. You can do this by dragging the image out of the Images folder and dropping it onto the Header frame. The result looks similar to Figure 8.12.As you can see, the header.gif image in this project contains a grey area to coincide with the navigation frame's background color. This color scheme makes the site's frames appear seamless. Now let's add the navigation menu to the Nav frame:
1. | Place your cursor in the Nav frame and insert a new table by choosing Insert, Table. The Table dialog appears. | ||||||||||||
2. | Give your table 5 rows, 2 columns, a width of 175 pixels, a border of 0, cell padding of 0, and cell spacing of 3. Click OK. The new table appears in the frame. | ||||||||||||
3. | Add the icon_arrow.gif image to the five cells in the first column. | ||||||||||||
4. | Finish off the table by adding text that will eventually represent the links to our pages. Don't worry about linking them just yet. The completed navigation menu should resemble Figure 8.13.Figure 8.13. Add the five text elements that will eventually become links.[View full size image] ![]() | ||||||||||||
5. | Select the table and choose the Center option from the Align menu in the Properties Inspector. You can finish off the design of the site by adding the final elements to the content frame. To do this, follow these instructions:
|