Macromedia Dreamwaver

Creating frames and framesets The best way to understand how frames work—and specifically how to work with them in Dreamweaver—is to create some. You'll start by creating a frameset structure that's common on the Web: one that includes a navigation area on the left, a title or ad banner area along the top, and a main content area on the right. When you're finished, your frameset will look like this:

To create the frameset:

1	Create a new document (File > New).
2	Set up your workspace as follows:
	Make frame borders visible by choosing View > Frame Borders.
	Close all of the floating palettes and inspectors in Dreamweaver except the Object palette (Window > Objects), the Property inspector (Window > Properties), the Frame inspector (Window > Frames), and the HTML Source inspector (Window > HTML Source).
	Arrange the workspace so you can see the Document window, Object palette, Property inspector, HTML Source inspector, and Frame inspector all at once.

3	To create the main frameset, which consists of two columns, in the Object palette in the Frames panel, select the Insert Left Frame icon at the top left of the Frames panel.
	You now have two frames and three documents: the main frameset file plus a new, untitled document in each of the two frames.
	A border appears around the entire document in the Frame inspector when a frameset is selected.
	Notice that the Frame inspector shows two areas, identified as leftFrame and mainFrame.
	Take a look at the frameset Property inspector.

4	In the HTML Source inspector, notice that the frameset HTML consists of the opening and closing FRAMESET tags and any FRAME tags in between.

	In the HTML Source inspector, change the page title from Untitled Document to Welcome to Homebody Realty . Type the page title between the TITLE tags located near the beginning of the source code in the HTML Source inspector.
	Click in the Dreamweaver document to see the page title update.
5	Click in the left area of the Frame inspector, and then look at the frame Property inspector. Also notice that the first FRAME tag in the HTML Source inspector is highlighted.

	If you click in the right area of the Frame inspector, the second FRAME tag is highlighted.
6	Select the frameset, then choose File > Save Frameset. In the dialog box that appears, create a new folder called frames inside your local root folder and save the file in the new folder as index.html.
	This file contains information about the size and position of each of the frames.