Frame Layout Tutorial_Shang ping China focuses on high quality website construction - 上海1314龙凤鲜花坊_上海419贵族宝贝

Frames are a special XHTML layout. It can divide the page into multiple areas through the frame tag, and display different pages through these areas. In frame pages, these frames must be organized with frameset tags to form a frameset.

1. Frames and framesets

Frames and framesets are two different things. Website production A frame is just an area of a web page where XHTML documents that are not related to the contents of other areas in the browser window can be displayed. Usually two or more frames can be combined into a web page.

Frameset is a type of HTML document, which defines the layout and properties of a group of frames, such as the number, size, location of frames and the URL initially displayed in each frame. The frameset file itself does not contain HTML content to be displayed in the browser, but only provides the browser with methods and specifications for displaying various frames. Generally speaking, a frame page is a page composed of frames.

2. Advantages of frame page

Framed web pages have distinct characteristics. In the process of designing web pages, the use of frames must meet the conditions of simplicity, ease of use, ease of browsing and maintenance.

Simple layout

When using Dreamweaver to design web pages, the most common tool for web page layout is layer<div>or table<table>. When using a layer or table layout, you usually need to constantly insert various labels and objects in the web page, and set properties for these objects. The layout of the frame is very simple. The overall layout of the web page can be achieved by clicking the mouse a few times, and all sizes can be achieved by dragging the mouse.

Easy to make

When using Dreamweaver to create an entire website, each page of the website has some identical elements, such as navigation bar, footer, etc. The use of libraries to insert these elements was described earlier. In fact, you can use frames to design pages, save navigation bars and footers as separate pages, and call them through frames. One navigation bar page and one footer page can be used by all pages of the entire website.

For long pages

In some relatively long pages (such as large sections of articles or blogs, and the background program page of the website, etc.), users may need to drag the scroll bar to browse the entire page. In ordinary web pages, when users have finished browsing the web page, they usually need to drag the scroll bar back to the top of the page to continue using the navigation bar. If a frame is used in a web page and the navigation bar is used as a separate frame, users can use the navigation bar directly without dragging the scroll bar. Because of this advantage, many forums like to use frames to make navigation bars.

Frame pages are usually composed of multiple pages. For example, if a page is composed of three frames, it should contain four pages. The frameset and each frame should have a separate page. Framesets control how pages in each frame are displayed.

A variety of frameset types are predefined for users in Dreamweaver. Using these predefined frameset types, you can easily create frame pages with various layouts. Before creating a frame page, you should execute the commands [View], [Visualization Assistant], and [Frame Border] to enable Dreamweaver to display the frame border. There are four ways to create a frame layout page.

1. Create a new frame page

In Dreamweaver, execute the File New command to open the New Document dialog box. In the dialog box, select Page in Example and Frame Set to select various frames in the list menu, as shown in Figure 5-22.

2. Insert frameset

In addition to creating a new frame page, you can also insert framesets in other types of pages that have been created. Open the page where you want to insert a frame, and click Layout Frame on the Insert toolbar to open the frame type menu. Click the corresponding frame type to create a frame page, as shown in Figure 5-23.

3. Split the frame

Split frame is also a common way to create frame pages. After opening the webpage document, execute the [Modify] [Frameset] command to select the [Split Left Frame] and other subcommands.

4. Insert HTML

Another way to insert a frame page is to execute the command [Insert Record], [HTML], and [Frame] in the opened page to select various types of frames and insert their HTML code into the page.

After inserting a frame, the Frame Label Auxiliary Function Properties dialog box will pop up. In this dialog box, you can set a title for each frame. After setting the title, click OK to complete the creation of the frame.

Layout tutorial of frame web page frame

Date：2016-08-07 Source: Shangpin China Type: website encyclopedia
Word Size： small medium big

+86 10-60259772