Frontpage2000 10 Skills Worth learning

frontpage| Tips 1> The transmission report of the page shows
In order to make it easier for you to understand the actual browsing situation of the Web page, in the Frontpage2000 provides the function of the page transmission report, you can clearly get the current page to different transmission mode of time needed to determine the size of the page and the overall production is reasonable.

Right-clicking on the right side of the icon in the status bar of the edit window pops up a list of transfer options, as shown in the figure:

Including the general modem (14.4,28.8,56k), ISDN,T1,T3 and other common access methods, selected later in the status bar will show the current mode of transmission and full download the time required.

2> directly make Super connection Flip effect

Mouse hover the Connection object transformation effect in the Web page design is often seen, remember in the previous FRONTPAGE98 version of the need for CSS style sheet (stylesheet) to complete, although not difficult to operate, but for beginners to understand or some obscure, 2000 "Fool" Style settings should be said to help a big favor, you can not understand what is CSS, but the effect is also wonderful.

In the "normal" edit mode of a Web page, right-click the Page Properties menu, point to the Background tab, enable the "Enable hyperlink rollover effect" check box in the Format section, then the following "Flip Style" button becomes available, clicking on the specific settings, that is, after the mouse hover style, as shown

3> Web site's self-startup settings

By default, FrontPage always automatically enters a new web site window when it restarts, rather than the site you edited last time, and you have to reopen the target site, and you'll be able to avoid it completely with the following settings.

Tools-Options, check the General tab to automatically open the last open Web site when you start FrontPage, and restart it, no problem.

The use of 4> borders and shadows

In a Web page we often see some similar border effects, most of these borders are formed by a table or a specific combination of pictures, but the introduction of the 2000 border and shadow effect can be said to provide a good way, and through them can also achieve content positioning and so on.

"Format"-"Border and Shadow", go to the Border Shadow setting window as follows:

Settings: That is, the border of the "four edges" is closed settings, you can directly click the window in the "Preview" section of the four-direction button to achieve. When you cancel one side, the settings bar automatically jumps to the custom option.

Styles: Select the display effect of the border, which provides 8 styles including solid lines, dashes, and so on.

Color and Width: Set the color and width of the border, where the width is generally 1, of course, the specific situation can be adjusted appropriately.

padding: Determines the specific positioning by the distance of the given content from the border, and can be set at a free size.

In addition, when you click the "Shadow" tab above, you can set the background color and the foreground color.

5> set the source code of the page with different color labels

Although now more than in the "Design" window to edit the page, but sometimes directly to the HTML source code operation is also necessary to set different code color distinction, for a professional web design staff is very important.

Tools-Web Page options, select the Color Code tab, and then enable the "color code with color-coded" checkbox to set different colors for different code types, and of course sometimes for uniform criteria, click the "Restore Original color Settings" button to use the FrontPage default values.

The application of 6>CSS

1 Style creation and modification (internal style page)

To apply CSS to format text information, you must first establish a style that conforms to the requirements

Format-style, enter the style window, as shown

In the list, select the type of style you want to modify, to modify a custom style that has already been created, select User-defined styles, and to modify the standard page HTML markup, click all HTML tags, and then you can double-click the style you want to edit directly in the style list above, click the "New" button, Here to create a new style as an example to specify the format of the setting.

To create a class selector, type "." In the name. The name of the beginning

To create an ID selector, type a name that begins with "#" in Name

To create an HTML tag style, you can enter the tag name directly, for example: a

There are several selector types, including A:hover,a:link.

After the completion of the name, calibration type, you can click the following "format" for specific settings

Font properties-such as font or color, or character spacing, click Font.
Alignment, indentation, or paragraph spacing, click Paragraph.
Borders and shading, click Borders.
The style and number of the bullets, click Numbering.
Locate properties-such as wrapping style, position, or Z-order, click Position.

2) The application of the style

There are two ways to apply styles to specific elements of a Web page:

Select the page element you want to modify, go to the Styles window, and then select the style you want to use in the Style box

Select the page element you want to modify, format-Properties, click the Style button in the Properties dialog box, and select the style you want

3 Introduction of external styles

In addition to the internal style page above, you can also directly introduce an external style page to format the current page. Format-style sheet connection, select all pages or current page objects in the site, click Add to specify the location of the CSS file, and note that the CSS file is a file with a. css extension.

7> add appropriate header information to the Web page

Although the page header information is not displayed when browsing, but the different function of the Web page to apply the specific HEAD element is also very necessary, such as the application of keywords (keywords), description (description), refreshing (refresh) and so on.

Right-click the page properties in the Web page, or open the page Properties window directly through file-properties, pointing to the Custom tab, as shown:

The header information variable, which is the part of the meta attribute, is primarily a system (HTTP-EQUIV) variable and a user variable, as an example of the addition of refresh (refresh) and keyword (keywords) variables:

Click the "Add" button in the system variable, enter refresh in the "name" column in the Variable definition window, enter the corresponding value "300,url=http://www.webjx.com/" in the Value field, that is, every 300 seconds Time page automatically turns to the page address specified in the URL.

Click the "Add" button in the user variable, and then type the value of keywords and the corresponding keyword in the name and Value entry box, with multiple keywords separated by commas (,).

8> Convenient historical operation function

No dedicated historical operations return tool was provided in the old version 98. So when we need to go back to the previous edit state, we can only do it step-by-step through the back button, and if you do, add an "arrow" option to the right of the back and Forward buttons at 2000. Through it you can selectively return to the previous arbitrary operation state.

9> inserts formatted text into a Web page

In Frontpage2000 you can insert any text-based file into your Web page, including. htm files,. asp files,. rtf files and. txt files, and any Microsoft Office documents.

Rest the mouse where you want to insert the file, insert-file, and browse for the location of the file on disk.

Control of 10> Design scripts

The design script can be given the relevant technology and Platform for Web page support, "File"-"Properties", open the Page Properties window, and set up platform, server and client support options in the "Design Stage control Scripts" section of the General tab.

Platform: Client (IE4.0 DHTML) and Server (ASP), you can select the latter when using ASP format.

Client/server: Both JS and VBS two scripting languages are included, and the default value of "Inherit from site" can be maintained when unsure.