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