adobe dreamweaver cs5 on demand part 44 potx

ptg Chapter 11 Creating Frames 265 If a browser doesn’t support frames, you can provide information to vis- itors instead of leaving them hanging with nowhere to go. When a browser that doesn’t support frames loads the frameset document, the browser displays the information you provide in a noframes tag. The Edit NoFrames Content command makes it easy to add the information you want without inserting HTML code. However, if you are comfort- able entering code, you can certainly enter the information in the noframes tag. Providing Information for No Frame Support Provide Information for Browsers with No Frame Support Open the Web page with the frameset you want to modify. Click the Modify menu, point to Frameset, and then click Edit NoFrames Content. The Design view clears, and the words “NoFrames Content” appears at the top of the Document window. Type the information you want visitors to see when their browsers don’t support frames. ◆ You can also click the Window menu, click Code Inspector, and then type the HTML code for the text you want to display in the body tags inside the noframes tags. Click the Modify menu, point to Frameset, and then click Edit NoFrames Content. The normal view of the frameset document appears. 4 3 2 1 1 2 3 From the Library of Wow! eBook ptg 266 Chapter 11 Before you can make any changes to a frame or frameset, you need to select it first. You can select a frame or frameset directly in the Document window, by using keyboard shortcuts, or by using the Frames panel. The Frames panel shows you the frames within a frame- set. A frameset appears with a thick border and each frame appears with a thin gray link along with a frame name, which makes them easier to view and select. When a frame is selected in the Document window, the frame border appears outlined with a dotted line. When a frameset is selected, all the frame borders appear with a light dotted line. Selecting Frames and Framesets Select Frames and Framesets ◆ Frames Panel. Click the Window menu, click Frames to display the Frames panel, and then use any of the following: ◆ Frame. Click the frame. ◆ Frameset. Click the border around the frameset. ◆ Document Window. Display the Web page with frames in Design view, and then use any of the following: ◆ Frame. Alt-click (Win) or Option-Shift-click in a frame. ◆ Frameset. Click one of the frameset’s internal borders. ◆ Different Frames or Framesets. Use the Arrow keys to select frames or framesets. ◆ Next or Previous. Press Alt+Left Arrow or Alt+Right Arrow (Win) or A+Left Arrow or A+Right Arrow (Mac). ◆ Parent Frameset. Press Alt+Up Arrow (Win) or A+Up Arrow (Mac). ◆ First Child Frame or Current Frameset. Press Alt+Down Arrow (Win) or A+Down Arrow (Mac). Frames panel Selected frame From the Library of Wow! eBook ptg Chapter 11 Creating Frames 267 A frameset document consists of separate frames. As a matter of fact, each one of the frames is simply a small HTML document. Frames can contain any normal HTML information, including text, tables, images, multimedia, objects, and even nested frames. When you create a Frameset document, you're actually creating several separate docu- ments. You have the frameset HTML document, and a separate HTML document for each of the frames. For example, if you create a frameset with two frames, you're actually saving three separate documents: one for the frameset and one for each of the frames within the document. Adding Frameset Information Add Frameset Information Create a new Web page with a frameset, or open an existing one. Click in a frame where you want to add some information. Add or insert the text and graphics you want until the frames are filled with the specified information (in this example, a graphic). 3 2 1 3 1 Drag graphic from Files panel 2 From the Library of Wow! eBook ptg 268 Chapter 11 When you create a frameset with two frames, you're actually saving three separate documents: one for the frameset and one for each of the frames within the document. You can save the frameset and each document in a frame individually or you can save them all at once. Before you can preview a frameset in a browser, you need to save the frameset and all frame document first. Once the frame documents have been saved, they can be opened independently of the frameset and modified just like regular HTML documents; any changes to the page will be reflected when it's reopened in the frameset. When you reopen the frameset document, it locates and reopens the associated pages and place them into the proper frames. Saving a Frameset Save a Frameset as a New File Select the frameset you want to save. Click the File menu, and then click Save Frameset As. TIMESAVER Press Ctrl+Shift+S (Win) or A +Shift+S (Mac). NOTE Dreamweaver prompts you to save your document in the active site folder (strongly recommended). Navigate to the location where you want to save the frame document. Enter a name for the frameset document. Click Save. 5 4 3 2 1 3 4 5 Did You Know? You can save the frameset and all frame documents at the same time. Click the File menu, and then click Save All. From the Library of Wow! eBook ptg Chapter 11 Creating Frames 269 Save a Frame as a New File Click in the frame you want to save. Click the File menu, and then select Save Frame As. TIMESAVER Press Ctrl+Shift+S (Win) or A +Shift+S (Mac). NOTE Dreamweaver prompts you to save your document in the active site folder (strongly recommended). Navigate to the location where you want to save the frame document. Enter a name for the new frame document. Click Save. 5 4 3 2 1 2 3 4 5 Did You Know? You can quickly save a frameset or frame previously saved as a file. Select the frameset or frame you want to save, click the File menu, and then click Save Frameset or Save Frame. You can also press Ctrl+S (Win) or A+S (Mac). From the Library of Wow! eBook ptg 270 Chapter 11 Once a frameset is created, it’s possible, and quite likely, that you will want to modify the dimensions of the frames to fit a specific design need. Remember that the frame within a frameset functions as a con- tainer for a specific HTML document. If this document is not set up cor- rectly, you may experience problems with unwanted reformatting of the information when it displays in the browser window. Therefore, it's important to modify the frames to give your document the best look and feel for the visitor. Modifying Frames Resize a Frame Open the Web page with the frameset you want to modify. To displ ay v is ua l fr ame b orders , click the View menu, point to Visual Aids, and then click Frame Borders. Mouse over one of the borders until your cursor turns into a double-headed arrow. Drag a frame border to modify its position and size. 4 3 2 1 1 4 2 3 Did You Know? You can edit accessibility values for a frame. Click the View menu, and then click Code or Code and Design, click the Window menu, click Frames to dis- play the Frames panel, click to place the insertion point in a frame, right- click (Win) or A-click (Mac) in the code, and then click Edit Tag, make the changes you want, and then click OK. From the Library of Wow! eBook ptg Chapter 11 Creating Frames 271 Add a Frame Open the Web page with the frameset you want to modify. To displ ay v is ua l fr ame b orders , click the View menu, point to Visual Aids, and then click Frame Borders. Holding down Alt (Win) or Option (Mac) and drag one of the borders. Release your mouse to add the new frame to the document. Delete a Frame Open the Web page with the frame you want to modify. To displ ay v is ua l fr ame b orders , click the View menu, point to Visual Aids, and then click Frame Borders. Click the frame border and drag it into the border of the enclosing or parent frame. NOTE If no parent frame is present, drag the frame border to the edge of the page. Release the mouse and the frame is removed. If the deleted frame contains unsaved content, Dreamweaver asks if you want to save the file before closing it. 4 3 2 1 4 3 2 1 1 2 1 2 3 4 3 4 From the Library of Wow! eBook . documents: one for the frameset and one for each of the frames within the document. Adding Frameset Information Add Frameset Information Create a new Web page with a frameset, or open an existing one. Click. 267 A frameset document consists of separate frames. As a matter of fact, each one of the frames is simply a small HTML document. Frames can contain any normal HTML information, including text,. NoFrames Content. The Design view clears, and the words “NoFrames Content” appears at the top of the Document window. Type the information you want visitors to see when their browsers don’t support