First, how to keep the webpage in the website Uniform style When we browse the web, it will often find that the homepage of the website and the structure of the first layer of the web is basically almost. The homepage of the "gas therapy" website as shown below is divided into three parts. The top is the title bar, the left side is a directory bar, and the largest part of the lower right is the main window that displays the specific content. Click the directory entry of the directory bar to browse different content in the main window, the title bar and directory column of the webpage do not change.
We can use the table planning method to make a web page in the above format, and then "save it as" a new web page. There are several times to repeat "saving as". Then modify the main window content in the web page, you can get the same set of web pages in the format and the content. The hyperlinks of the directory part of these pages can also be appropriate, and the directory items that point to the content of this page do not require hyperlinks. Another way to keep the webpage in the website is to use the framework structure, which divides the entire page into two or more areas (called "frameworks), each of which can display different web pages. Like the home page can be divided into three frameworks "Title", "Directory", "Directory", "Directory" and "Main Windows", and you can put a web page in each frame. And the web pages in each frame can be changed without affecting the web pages in other frames. Therefore, the update speed is faster when browsing the frame structure web page. Use the shared border to display the "Navigation Directory" (ie the website directory) of the website when you keep the web page. This method is relatively simple, but the webpage form is also a single one, there is no top two ways to enrichment. Second, the establishment of the framework web page is strictly said that the "framework" refers to the overall control frame web structure, and each area in the frame is called a frame window, but in the actual narrative, a frame window is usually simply A "frame". 1. Create a Frame Web Next We do a web page for the framework of the header and directory, and use it as a homepage. Click the File menu in the FrontPage window, select "New" → page "in its drop-down menu, open the" New "dialog, select the Frame Page Page tab, as shown below:
The left side of the window is 10 frames provided by FrontPage, click the appropriate framework, we can see the appropriate style in the preview window on the right. Select "Banner and Directory", click the "OK" button, the frame window shown in the top figure appears.
From the above figure, you can see that the entire window is divided into three parts (ie, three frames), each frame can display different web pages. But now there is no web page in these three frameworks, waiting for us to enter the corresponding content. There are two buttons on each frame: "Set the initial web page" button with the "New Web" button. To place the original web page into the frame, click the Set Initial Web page button and set the hyperlink to the original web file on the Edit Hyperlink dialog. To create a new web file, and place it in the frame, click the "New Web" button, create a normal web page, then save it as a separate web file when saving. Within the title (Banner) frame of the above figure, we click the "New Web" button to appear a blank page:
Enter the contents of the title bar in the new web page:
A directory framework is now created again. The initial web page of the main window frame "moderator" originally has a ready-made web file "bzdh.htm", so click the "Setting Initial Web" button in the main frame, the "Creating Hyperlink" dialog box appears:
Select (click) "Bzdh.htm" in the file list of the dialog, this file name is displayed in the URL bar, click the "OK" button to complete the design of the entire framework structure:
2, the saving of the framework has a big difference with the saving of a single web page. The framepage in the precedent actually has four web files, that is, 3 frames, one web file, plus a total file. The specific situation is as shown in the following figure: where "bzdh.htm" already exists, three web files are required. Click the "Save" button in the Common Toolbar to save the frame file to get the dialog box shown below:
In the preview window on the right side of the Save As dialog, the upper side of the home page shows that the framework where the web page currently saved is the banner column on the top of the home page. Enter the file name "banner.htm", the title keeps "gas therapy" unchanged. Click the "Save" button, the Dark display portion in the right side of the dialog changes to the left side of the homepage, indicating that the page of the directory framework is required. Enter the file name "list.htm", click the "Save" button to get the dialog shown below:
It is now a deposit of the entire framework page, and we store it as the home page. Enter the file name "index.htm", change the title to "gas therapy" by clicking the "Change" button on the "Web Title" right end. Click the "OK" button and save it. After the original framework web page edits, all modified web pages (including the frame page, the web page in the frame window) are saved. 3, hyperlinks in the frame When set up a framework in the web, add a lot of new features, and hyperlinks have many settings. In the frame page, when you click the hyperlink on a frame, the page specified by the hyperlink is usually opened in another frame (called the target frame). Generally speaking, when you create a framework web page with FrontPage, the hyperlink relationship between the framework is ready. For example: In the "Banner and Directory" template, the hyperlink in the directory framework will make the linked web page in the main frame, but some cases need to set the target framework. In the "Create Hyperlink" dialog box, there is a "Change Directory Frame" button on the right side of the "Target Frame" bar, you can open it to open the Target Frame Dialog and select the target frame. [Note] Before setting up hyperlink, you should create and save the framework web page and a set of target web pages. [Example] In the "Atlating" framework web page of the precedent, we want to achieve this: Click "Theoretical" in the Directory window, page "jchll.htm" (existing) is opened and displayed in the main frame window in. The title page "banner.htm" and catalog "list.htm" do not change. In this way, no matter which web page, click the appropriate hyperlink in the directory page "List.htm". Let's implement this feature: 1) Select "Theory", click Create Hyperlink button on the toolbar, open the Create Hyperlink dialog:
In the "Create Hyperlink" dialog box, select the web page "jchll.htm", click the button on the right side of the Target Frame, as shown below:
In the Target Framework dialog, you can set the destination page in which framework will appear. You can select a framework as a framework in the Current Frame Web Page Box. You can also choose the option in the Public Target Zone to determine the form of appearance of the target page. Let's click the Main Frame in the Current Frame Web Box (the lower right frame), then click the "OK" button. In the Create Hyperlink dialog box, click the "OK" button to complete the settings. You can complete the hyperlink setting. Third, the modification of the framework is created through the Framework, we can create a simple framework, but in practical applications, we often need to modify the frame, making it more beautiful, more practical, and more personalized features. 1 Change the size of the frame to change the size of the frame is very easy, and change the table column width (high travel height), as long as the mouse pointer moves to the boundary of the frame, press the left button when the mouse pointer turns into the double arrow Drag to a suitable location. 2, the increase in the framework and deletion When we build the framework cannot meet the needs, you can divide a framework into two frames, or delete excess frames. 1) Splitting the frame and the split form cell, and the mouse is selected (click) the frame to be divided. Click the Frame menu, select the Split Framework command in its drop-down menu, appear as the Split Framework dialog shown in the lower left. Selecting the segmentation method of the frame is whether the row segmentation is still column split, click the "OK" button, the lower part of the frame is divided into two parts as shown in the lower right. The newly divided framework has no web pages, you can create a new web page or select an existing webpage. Move the mouse to the frame border, when the mouse is turned into a two-way arrow, press and hold the CTRL button and press and hold the left mouse button to push the frame. 2) When deleting the framework Delete Framework, click the frame to select the frame, click the Framework menu, and select the "Delete Frame" command in the drop-down menu. As shown in the figure below, remove the frame-separated frame.
[Note] 1. After deleting a frame window, the original screen space is occupied by the adjacent frame window. 2. After deleting the framework, the web file that is originally displayed in the frame window is not deleted. 3, the frame page should have at least one frame window existence. If the frame page contains only one frame, you cannot delete this last frame. When the visitor arrives at your site, the web page displayed in the frame will account for the entire browser window. 3 Here mainly introduces the properties of the frame. Set the frame properties and tables: Move to a frame, click on its right key, select the Frame Properties command in the displayed shortcut menu, you can open the Frame Properties dialog (below shown below The main frame attribute) is completed in it.
The setting items in the Frame Properties dialog: 1) "Name": The name of the frame window is different from the title and name of the web page, and does not appear on the screen - on. As the target frame name (URL) only during the hyperlink. Note: With a framework page created by a template, each frame window has a name, where there is a frame window name to main. That is, "Default Frame Window. 2)" Initial Web ": The URL of the web file displayed in the window when the web is opened," Frame size ": Change the high and wide of the frame window, three of the units:%, pixels And relative. 4) "margins": set the distance of the page elements in the frame window (width) and the upper frame (height) in the frame window. 5) "Options": (1) " You can adjust the size in your browser. "This is a very interesting option. You know that in the IE browser, we usually browse to the web page, and you can't make changes to your preferences. After selecting this option, the viewer is Browse the home page, you can change the size of the frame at will. (2) "Show Scroll Bar": Set whether to display the scroll bar in the browser. There are three options: "If you need", "Never need" and "always". 6 "Frame Web" button, click it to open the "Framework" dialog card of the "Web Page Properties" dialog box (see the figure below). In this dialog card, we can implement the entire framework properties. Setting, this setting is valid for all frames of the page. There are two options in the figure above, where the value in the "Frame Pitch" is the spacing of the frame, we can understand the width of the framework line line. When the "display border" "Before" √ ", the frame of the frame is hidden, as if there is no application framework. The picture below shows the edge frame being hidden.
4. Several Issues Concerning the Framework 1 Framework web page is usually used on web pages such as homepages, directory, and article, which can include built-in navigation and display the consistent user interface. Unless otherwise needed, don't use too much frame on a web page. 2, the framework page related views may have noticed that there are two dedicated views than the normal web window in FrontPage. "No frame" and "frame web html". 1) "Framework" view "Framework" is a special technology for web design, but not all browsers support this technology. In order to give some tips information using the low version of the browser. Set the "Framework" view for editing the prompt information. When a new frame page is created, FrontPage 2000 sets the default prompt information: "This page uses a frame, but your browser does not support the framework." 2) "Framework page HTML" view in this view HTML code is The code of the frame page itself gives the information about the entire framework page. 3, the method of opening the Framework web file file on the frame page is the same as the normal page. When the total frame page file is opened, the web file of each frame in the web page opens together, but when opening a frame file file, this web file accounts for the entire FrontPage window, does not display the frame 5, shared border and navigation bar FrontPage Strong navigation function, we can establish a navigation bar to each page. The so-called navigation bar is a directory structure of all web pages in the website. The viewer can open any web page from any web page to open any web page to browse the web page to the viewer. 1. Setting the shared border sharing border is drawing a zone in all the page locations, and the content is displayed in this area. The navigation bar is placed in the shared border without having to set the navigation bar every page. Open the site, click the "Format" menu, select "Shared Border" in the drop-down menu to get the "shared border" on the following figure. Select "On" and "Internet" dialog boxes in the Sharing Border dialog box, "Apply to" selections to select "All web pages", you can see a dashed area in the preview area. There is a shared area on the top of each web page. Click the "OK" button to complete the setting. You can see the shared area shown below in the webpage view:
2. Select the web page to add a navigation bar by setting the shared border, we have found a position for the navigation bar on the web. Now, you need to find all the web pages in the navigation bar. Click the "View" menu, select the "Navigation" command in the drop-down menu, open the "Navigation" view, as shown below.
The right side of the window is divided into two parts, and the left is displayed on the top of the web file, and the home page "index.htm" is displayed on the right. In the window on the left, select the web page you want to add to the navigation bar to drag it to the window. Repeat the above operation, dragging the web pages you want to add to the navigation bar to the top page, as shown as shown below.
Open the web page in the web view, you can find that the navigation bar appears on the top of the web page, as shown in the following figure.
[Practice] Try to design your homepage into framework structure
