Sunday, December 28, 2014

How to control frame content with links in Dreamwaver?


            To use a link in one frame to open a document in another frame, you must set a target for the link. The target attribute of a link specifies the frame or window in which the linked content opens. For example, if you r navigation bar is in the left frame, and you want the linked material to appear in the main content frame on the right, you must specify the name of the main content frame as the target for each of the navigation bar links. When a visitor clicks a navigation link, the specified content opens in the main frame.
               To select a frame in which to open a file, use the Target pop-up menu in the Property inspector. You can set a file to replace the document being displayed in another frame, to appear in place of the entire frameset, to appear in the frame where the link was (by not choosing a target), or to open in a new browser window.

To target a frame:
1.                        In Design view, select text or an object.
2.                        In the Link field of the Property inspector, do one of the following:
Click the folder icon and select the file to link to.
Drag the Point to file icon to select the file to link to.
3.                        In the target pop-up menu, choose the frame or window in which the linked document should appear.
If you named your frames in the Property inspector, the frame names appear in this menu. Select a named frame to open the linked document in that frame.
Blank opens the linked document in a new browser window, leaving the current window untouched.
_parent opens the linked document in the parent frameset of the frame the link appears in, replacing the entire frameset.
_self opens the link in the current frame, replacing the content in that frame.
_top opens the linked document in the current browser window, replacing all frames.

Setting frame Property inspector options
            Use the Property inspector to name a frame and to set borders and margins.
Tip: to make a link change the contents of another frame, you must name the target frame. To make it easier to create cross-frame links later, name each of your frames when you create it.

To specify properties for the selected frame:
1.                  Name the frame.
Frame Name is the name used by a link’s target attribute or by a script to refer to the frame.
Note: A frame name must be a single word; underscores (_) are allowed, but hyphens (-), periods (.), and spaces are not. A frame name must start with a letter (as opposed to a numeral). Frame names are case –sensitive. Don’t use terms that are reserved words in JavaScript (such as top or navigator) as frame names.
2.                  Chang the following options as desire:
Src specifies the source document to display in the frame. Click the folder icon to browse to and select a file. You can also open a file in a frame by placing the insertion point in the frame and choosing file > Open in free.
Scroll specifies whether scroll bars appear in the frame. Setting this option to Default doesn't set a value for the corresponding attribute, allowing each browser to use its default value. Most browser default to Auto, meaning that scroll bars appear only when there is not enough room in browser window to display the full contents of the current frame.
No Re-size prevents visitors from dragging the frame borders to re size the frame in a browser. (you can always resize frames in Dreamweaver: this option applies only to visitors viewing the frames in a browser.)
Borders shows or hides the borders of the current frame when it’s viewed in a browser. Choosing a borders option for a frame overrides the frameset’s border settings. The option are Yes (show borders), No (hide borders), and Default; most browsers default to showing borders, unless the parent frameset has borders set to No. A border is hidden only when all frames that share the border have Borders set to No. A border is hidden only when all frames that share the border have Borders set to No, or when the parent frameset’s Borders property is set to No and the frames sharing the border have Borders set to Default.
Border Color sets a border color for all to the frame’s borders. This color applies to all borders that touch the frame, and overrides the specified border color of the frameset.
Note: There is an underlying logic to which frame borders have a given border color applied to them, but that logic is complex; it may be difficult to understand why certain borders change color when you specify a border color. For detailed information about the effects of specifying border colors, see a book on frames and framesets.
3.                  Set the Following margin options if you wish (if margin options aren't visible, click the expander arrow in the lower right corner of the Property inspector):
Margin Width sets the width in pixels of the left and right margins (the space between the frame borders and the content).
Margin Height sets the height in pixels of the top and bottom margins (the space between the frame borders and the content).
Note: Setting the margin width and height for a frame is not the same as setting margins in the Modify > Page Properties dialog box.

To specify border properties for the selected frameset:
            Change the following options as desired:
Borders determine whether borders should appear around frames when the document is viewed in a browser. To display borders, select Yes; to prevent the browser from displaying borders, select No., To allow the browser to determine how borders are displayed, select Default.
Border Width specifies a width for all the borders in the frameset.
Border color sets a color for the borders. Use the color picker to select a color, or type the hexadecimal value for a color.