16th Section Frame Structure

Source: Internet
Author: User
Tags border color insert key modify relative window dreamweaver

window frame structure is to combine two or more than two pages of pages, can use the same window to open the structure, that is, multiple pages together to show the effect of a page.
A window frame structure includes two aspects of the Web page file, one is the window frame settings file, tells the browser what content files, how to arrange, and another or several are content files, will be in the window box display, each page as a box of the total page. For example, a two-frame frame structure has three files, a window frame setup file, and two content files.
The advantage of window frame structure is that it can unify style, easy to make and modify, easy to access. The disadvantage of window frame structure is also obvious, the use of window frame structure of the page will affect the browsing speed of the page.

To set the window frame structure, you can click on the button on the Objects panel, select frames, and switch the objects panel to frames mode, which has a series of icons to choose from, representing the different arrangement of the boxes. Or click Insert\frames, and then select from, these options and objects panel Frames mode on the icon is one by one corresponding.
The following will be described in Objects panel frames mode. The icons of the objects Panel frames mode reflect the arrangement of the boxes represented by themselves. For example, the icon in the upper-left corner clearly represents a frame structure with a left and right structure. To join the window frame structure, first imagine the arrangement of the various forms, from the objects panel frames mode on the selection of the appropriate icon, click can be.

Insert a window frame structure, you will find that the frames are separated by a gray line, which is called the box line. You can resize the window frame by dragging the border directly with the mouse. Hold down the ALT key, and then drag the box with the mouse to add a border to the appropriate location.
Click the box with the mouse, and the Properties panel of the window frame will be shown in the following figure.

(The Properties Panel of the window frame)
Click on the lower right corner of the small triangle, the panel will be expanded, as shown in the following figure.

(expanded sash Properties panel)
The following is an explanation of the items on the panel.
Borders whether the border is displayed or not, and then there are three options--yes, no, and default in the Drop-down selection box. Yes is the display box, no is not displayed, and default is determined by the visitor's browser defaults (this default is generally the display box line). Note that if you choose No, open the page with the browser will not see the box line, but with Dreamweaver Open still have light gray lines, which for your convenience editing. If Yes is selected, the Display box line is displayed.
Border color that is the box line, where you can set the color of the border. Of course, the color of the border is meaningful only if the frame is set to display.
The width of the Border is the length of the border, which actually corresponds to the spacing of the adjacent frame bodies. The Dreamweaver is automatically set to 0 and can be modified.
The expanded Properties panel also has column, which sets the height of one or more boxes in the same row, or the width of one or more boxes in the same column. Notice that there is a small box to the right of the panel, you can select the row or column on it by using the mouse, and the selected row or column is shown in a dark color box. When selected, sets its high or wide size after column. The next units marquee is the unit that sets the value you filled in, with three options--pixels, percent, and relative. Pixels is a pixel unit, for example, pixels represents 50 pixels, and percent is a percentage unit, for example, percent that the width or height of the browser window is relative to the 50%;relative, for example, there are about two boxes, and the left frame is set to 1 Relative, the right frame body width is set to 2 relative, the right frame body width is twice times the left frame body.

Some browsers do not support window frame structure, you can set noframes content, so that browsers do not support window frame structure to see the content. Click the Modify\frameset\edit NoFrames content in the menu bar to edit the NoFrames content in the Dreamweaver window, which will be displayed by browsers that do not support the window frame structure. NoFrames content is edited in the same way as normal page pages. To launch the NoFrames content editing status, click on the menu bar Modify\frameset\edit NoFrames content again to cut back to the previous window frame structure edit.

Finally, we will mention the preservation of the window frame structure Web page. As mentioned earlier, a window frame structure consists of a window frame setup file and a box body content file in two aspects of the Web page file. When you save the window frame Structure page, click on the menu bar file\save All or use the shortcut key Ctrl+shift+s to save all the pages; Click on the menu bar File\frameset to save the window frame settings file, move the cursor to a specific frame, and click on the menu bar file\ Save is the content file that holds the body of this box.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.