Frame
Set Frame
(This operation is only valid in HTML Window !)
Introduce Frame
Frames allow the browser display window to be sub-divided into separate sections, each of which can be updated, or have new documents loaded into it separately from the remaining frame sections. For an explanation of a working frame example, see the example below.
Create a Frame
A Frame document has a basic structure very much like a normal HTML document. The <FRAMESET> tag describes the frame source fles or Frames, which will make up the page. We recommend users to have the source files before you create the frame page. In the frame, users can not editor the source file.
Steps:
- New a page and delete the <body></body> tag; Put the cursor after the tag </head>
- Open the frame create window by clicking
 button or use the command "Insert/Frames...";
- Choose a frame style from the templates and click "OK" button. A frameset tag will be inserted into the page;
- Edit Frameset: Putting the cursor within the HTML tag <FRAMESET>, you can see the "frameset" in the "Properties Panel". Users can set frameset's border, bordercolor, rows, etc., in the panel;
- Edit Frame: Putting the cursor within the HTML tag <FRAME>, the frame source, name, scrolling parameters, etc., will show in the "Property Panel". After you input the value in the panel, the HTML code will be generated automatically.
Example
Here is an example of a "Left/Right" frame.
The code for this frame is following:
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; gb_2312-80">
<title>SlidingMenu Samples</title>
</head>
<frameset border="1" frameborder="0" framespacing="1" cols="222,*" bordercolor="#FF0000">
<frame SRC="slidingmenu.htm" NAME="menu" noresize border="0" scrolling="YES" frameborder="YES" bordercolor="#FF0000">
<frame SRC="aboutslidingmenu.htm" NAME="sample" border="0" scrolling="YES" frameborder="YES" bordercolor="#FF0000" noresize>
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them. </P>
</body>
</noframes>
</frameset>
</html>
|
