Specifically:
You can create a web page with a predefined template, or you can design a web page on a blank page without a template. The steps to create a new page are as follows:
In the Web view, select the new command from the file menu, and then select the Web command from its submenu to open the new dialog box, as shown in the figure.
If the web page you want to create is a frame, select a frame style from the "Framed Web Page" tab; Otherwise, select the desired style from the General tab, and then click OK. If you want to create a blank web page, you can select the "Normal Web Page" item in the General tab of the dialog box, or click the "New Web Page" button in the standard toolbar.
It is recommended to try out all kinds of templates provided by FrontPage one by one in order to get familiar with them. In the future, you can freely use templates to create regular web pages, which can save a lot of time.
1. Insert a graphic into a web page.
Pictures are often more attractive and convincing than a lot of words. Adding appropriate pictures to a webpage will enrich the webpage, but adding too many pictures will slow down the downloading speed of the webpage, especially for users who access the webpage through a modem. Most graphics are in compressed format, and some modems have no compression function and are slow. Therefore, users should carefully choose and plan when adding pictures. Although graphics can make web pages more interesting, they should be used moderately (use fewer colors, reduce the height and width of graphics or crop graphics, reduce the resolution of graphics, and minimize the size of graphics files, such as using compressed file types).
The two image formats used in web pages are GIF and JPEG respectively. Users can select the Picture command from the Insert menu, and then select the From File command from the submenu to open the Picture dialog box, which provides scanning, selecting a Web page or file with a web browser, clip art and selecting one on the computer.
For some pictures in non-GIF and JPEC formats, FrontPage can automatically convert these files into GIF or JPEG formats.
2. Insert a horizontal line in the webpage.
Horizontal lines can clearly define boundaries on web pages and play an important role in the layout of users' web pages. Add a horizontal line by choosing Horizontal Line from the Insert menu. By default, the horizontal line is gray, and users can change the color of the horizontal line just like changing the color of text. There are two ways to change the color of the horizontal line (no theme):
(1) Double-click the horizontal line to display the Horizontal Line Properties dialog box. In the Color item of the dialog box, select the drop-down list, select the appropriate color, and then click the OK button.
(2) Click this horizontal line with the right mouse button, select the "Horizontal Line Properties" command from the shortcut menu, and then select the appropriate color from the dialog box.
Use framework
-
The framework divides the window of the Web browser into several parts, and each part is an independent web page, so that multiple pages can be displayed at the same time.
You can easily create multi-frame web pages using FrontPage. To create a Web page with frames, you can choose the Web page command from the New submenu of the File menu to open the New dialog box and select the Web page with frames tab.
You can select different types of frame templates from the list on the left. After selecting a template, click OK to create a web page with a frame.
When creating framed web pages, it should be noted that some web browsers do not support frames. Although there are few users who use browsers that can't display frames, in order to ensure that these users can still browse the content on the website, you can fill in a text to tell users of lower browsers, such as asking them to change their browsers.
In the window of creating a new frame, clicking the "Set Initial Page" button will pop up the "Create Hyperlink" dialog box, which can link to the specified page; Clicking the "New Page" button will create a new page, and then edit the page in it. When editing a page, if you feel that the page is too crowded in a narrow frame, you can choose the "Open Web Page in a New Window" command in the frame menu, which will open a new full-screen window, and you can freely add content to the page.
Using the frame page template of FrontPage to introduce the frame layout on the web page, you can further design according to your needs.
1, add a new frame
To add a new frame to a frame page, it is necessary to split a frame into two frames just like splitting cells in a table. Its operation is as follows:
(1) Hold down the Ctrl key and place the mouse on the frame border. When the mouse changes to the up and down arrows, you can drag the frame to a new position. When you release the mouse button, a new frame with blank content will be formed.
(2) You can also operate by command: first, click inside the frame to be split, select the split frame command in the frame menu, click the split frame radio button in the pop-up split frame dialog box, and then click OK.
2. Delete the frame
If the frame page looks too messy, you can delete some frames. To delete a frame, click to select it, and then select Delete Frame from the Frame menu.
3. Change the frame properties
After setting the overall layout of the framework, we can also set the specific attributes of each framework, as follows:
(1) Click the frame whose properties you want to set, and then select Frame Properties from the Frame menu to open the Frame Properties dialog box.
(2) You can enter the frame name in the name text box of the dialog box, which is convenient for identifying different frames; In the "Options" area, if the "Can be resized in browser" check box is selected, customers can redefine the frame size when browsing the website, and you can set whether to display the scroll bar by selecting a different description item in the "Show scroll bar" drop-down list box.
(3) In the Frame Size area, you can set the frame size, and you can define the absolute pixel value or the percentage relative to the browser window. If you want to use the browser to set the size relative to the frames in this page, you can select Relative; In the margin area, you can set the number of pixels between the content page and the frame border.
(4) To change the start page, you can enter a new page name or URL in the Start Page text box.
(5) Click the Frame Page button to open the Page Properties dialog box.
(6) In the Frame tab of the dialog box, in the frame spacing text box, you can enter the frame width in pixels; To make the frame border disappear, do not select the Show Border check box.
(7) Click OK to close the Page Properties dialog box, and then click OK to close the Frame Attachment dialog box to complete the frame property setting.
Dynamic web page
-
DHTML means dynamic web page, but it is not a standard term. There is no technology called DHTML. DHTML is a web page that can use CSS (cascading style sheet), JavaScript, HTML and other technologies to interact with visitors. For example, in a dynamic web page, when a visitor clicks on a picture, the picture will move automatically, which is the DHTML effect. In other words, when a web page is downloaded, it can be changed without connecting to the server. FrontPage2000 provides a set of methods to make dynamic web pages easily, and you can create dynamic web pages with your own characteristics.
1. Basic steps of using DHTML
1). Click on the objects on the page that need to use DHTML, such as text and pictures. You need to drag the mouse to select the text;
2). In the DHTML toolbar, select an event from the Open drop-down list. Words and pictures have different events; Then apply the drop-down list to select an effect; Finally, the realization method of this effect is selected;
3). When you use DHTML for the object, save the page preview, and you will find that the selected object appears according to the effect of DHTML you set;
4). If you want to delete the DHTML effect of an object, please select the object first, and then click the Delete Effect icon on the DHTML toolbar.
2.DHTML events
In DHTML production, the term "event" is what we hear the most. What is an "event"? As the name implies, it is what happened. For example, if you open the door by hand, it is an event. In web page making, opening the door becomes clicking, that is, the visitor clicks a link, and then the result of the event appears and the door is opened.
In FrontPage2000, when we open the DHTML effect toolbar, clicking on the text or picture will produce different events. But their application methods are the same. Let's take the text as an example:
Let's first enter a paragraph of text in the editor, such as: Webpage Taobao, and then continue the following three steps:
Choose a paragraph of text that needs to produce DHTML effect, here is: webpage pottery bar. Select an event from the Open drop-down list in the DHTML effects toolbar. We only have the "page loading" event of text here. "Web page loading" is an event that occurs when a web page is loaded for the first time. It does not need to be triggered by the user with a mouse, but only needs to be opened by the visitor with a browser, which will produce a preset dynamic effect.
After selecting an event, we need to select an application effect of the event in the application drop-down list. There are seven available effects under this list, and we choose to fly in.
There are different ways to produce application effects. For example, when the application effect you choose is "flying in", the text can fly in from the bottom, from the left or from the right. These are the methods. The term does not appear in this drop-down list. Some application effects have no method, such as fluctuation. We choose to fly in from the bottom
Finally, save the page and preview it. You will find that after the page is loaded for the first time, the word Taobao flies in from the bottom. Of course, you can also try other DHTML effects. For the selected pictures, you will see new events in the open drop-down list in the DHTML effect toolbar, and they will have their own application effects and implementation methods. You can try each one, so that you can understand the relationship between these events and the application effects and methods.
3, DHTML tips
DHTML compatibility
DHTML pages made by FrontPage2000 can only be viewed completely by InternetExplorer4.0 or above. The DHTML effect of the picture can also be viewed above Netscape Communicator 4.0.
Prohibition of DHTML
If you want to disable DHTML effect, click Menu Tools/Web Options, select Compatibility tab in the opened dialog box, and uncheck the box in front of dynamic HTML, so that DHTM effect will be disabled.
Use DHTML quickly
Generally, when no object is selected, you only need to move the mouse to the left or right of the object and click it to use the DHTML effect.
4. Web transition
Web page transition refers to the process that produces effects when you enter or leave a web page. For example, from one page to another, you will find that the current page is slowly approaching the middle, and another new page appears at the same time, until the current page closes and disappears, and finally a new page appears. If you want to use web transition, you can follow these steps:
1). Open the page where you want to use the transition effect, or create a new page. Click Menu Format /Web Transition to open the Web Transition dialog box;
2). Select an event from the event drop-down list, and we choose to enter the webpage. It should be noted that when you set the transition effect for pages and sites, the web page will take precedence over the site transition effect;
3). Enter the duration in the Period text box, then click an effect in the Transition Effect list box, and click OK. Open the page with a browser, because the transition we choose is to enter the page, so we can see the transition effect when we open the page.
Using DHTML effects is indeed a powerful weapon to attract visitors, but if you don't want to deal with complex code, then FrontPage2000 presets many DHTML effects for you. All you have to do is to select the objects that need dynamic effects, such as words and pictures, and then use the "trick" operation to make your web page move.
Web pages have their own property sets. You can open the Page Properties dialog box by choosing Properties from the File menu, or right-click anywhere on the page and choose Page Properties from the shortcut menu. In the General tab, the settings have the following meanings:
Location: indicates the full URL of the page.
Title: the title of the displayed page, that is, displayed in the
Basic location: You can enter a URL in this location, and the hyperlinks relative to the URL used in this page can always point to the same correct target. By describing a URL, you can move the page without moving all the targets in the relative URL.
Default Target Frame: Defines the default frame for all hyperlinks in a page that does not specify a frame.
Background music: Add background music, and the browser will play music at the same time when it opens the page.
System parameters such as margins and language can also be set in other tabs.
Create hyperlink
-
The appearance of hyperlinks makes online browsing more convenient. With the click of a mouse, you can easily jump from one page to another, from one website to another, and from one country to another. Hyperlinks are special words or pictures, which are the entrance to other pages.
1. Create a hyperlink from the page of the current website.
(1) Open the page to be hyperlinked in FrontPage (if it is a new page, make sure it has been saved), and select the hyperlink source, which can be characters, words, sentences or pictures.
(2) Select the Hyperlink command in the Insert menu, or click the Hyperlink button in the Standard toolbar to open the Create Hyperlink dialog box (as shown), which lists the folders and files in the website currently open in FrontPage.
(3) In the file list of the dialog box, select the target file to be linked.
(4) Click OK to complete the hyperlink.
2. Create hyperlinks with other documents in this computer.
(1) Select the hyperlink source to open the Create Hyperlink dialog box.
(2) Click the "Make Hyperlinks to Files on Your Computer" button in the dialog box, and then find the file you want to link from the pop-up dialog box and select it.
(3) Click OK to complete the hyperlink.
3. Establish hyperlinks with websites on the World Wide Web.
(1) Open a webpage with hyperlinks in FrontPage and select the source of the hyperlinks.
(2) Select Hyperlink in the Insert menu or click Hyperlink in the common toolbar to pop up the Create Hyperlink dialog box.
(3) In the URL text box, enter the URL of the hyperlink target.
(4) Click "OK" button.
Formatted text
-
1. Enter text
Generally speaking, text is still the main content of a web page. Entering text in FrontPage is very similar to entering text in Word.
(1). Use the Enter key only when a blank line or paragraph separator is required. When the input text reaches the right boundary of the definition, it will automatically wrap. If there is an error in the entered text, press the backspace key to clear the error and re-enter.
(2) You can insert new text content anywhere in the text, and you can add text by positioning the mouse pointer where you want to add text.
(3) Overlay input is available, that is, select the text to be replaced with the mouse first, and then directly input the text.
(4) Click the "Show All" button in the common toolbar to show or hide the paragraph marks on the screen, and the blank lines between paragraphs can be clearly seen with the help of the paragraph marks.
2. Text selection
(1). Select a word or multiple words: To select a word, just double-click the mouse on the word, hold down the left mouse button and drag on the selected word to select multiple words. Selecting one word is the same as selecting multiple words.
(2) Select a line of text: a line of text is the text that occupies a line of space on the screen. Move the mouse arrow to the far left of the line. When the cursor arrow changes to point to the left, click the left mouse button to select the line.
(3) Select a paragraph: move the mouse arrow to the far left of the paragraph. When the cursor arrow changes to point to the left, double-click the left mouse button, or press ALT, and then click the desired paragraph with the mouse to select it.
3. Delete, copy and move text or pictures
(1). Delete: delete a character to the left of the insertion point and press the backspace key; Delete a character to the right of the insertion point, and then press the delete key; Delete a word to the right of the insertion point, and press CTRL+DE1ETE; Cut the selection and save it to the clipboard, and press CTRL+X; To delete the selection, press the key De 1e 1e or choose Delete from the Edit menu.
(2) Copy: Select text or graphics, and then press Ctrl+C or select the copy menu command in the edit menu, or click the copy button in the toolbar directly to copy the selected text or graphics to the clipboard.
(3) Move text or picture: select the text or picture to be moved, then drag it to the position to be inserted, release the mouse and move the selected object to the destination. You can also move the selected text or picture if you "cut" it first and then "paste" it into the specified area.
(4) Cancel the misoperation by "Cancel": If the user accidentally misoperates an operation, click the "Cancel" command button on the toolbar to cancel the operation that the user has already performed, or select the "Cancel" menu command in the "Edit" menu from the menu bar, or press the CIR 1+Z key.
Add title
Because of the needs of the page content level, sometimes the page needs to add some subtitles. The HTML language specification adopts six levels of titles, and the titles at all levels are distinguished by different font sizes, among which 1 is the big title, and others are medium and small titles in turn. To set the title level, you can select the title level from the style drop-down list in the FrontPage formatting toolbar, and then enter the title text at the cursor. Alternatively, enter the text first, select it, and then select a title in the style drop-down list. After the title is finished, change the format in the drop-down list back to the original "normal", and then enter other contents.
5. Change the font and set the font effect
In general, the font of FrontPage is "Times New Roman". If the user's operating system is Chinese Windows 95/98 or Windows NT, the default Chinese font is "Song Ti" and the text size is the default font size. To set different fonts, you can first select the text to be changed, and then select a font from the font drop-down menu in the format toolbar, or select the font menu command from the format menu in the menu bar and set it through the font dialog box, or set the font style and size. When the font changes, the form will remain unchanged until the user resets the new font.
(1). Set font color: select the text, click the drop-down arrow of the "Text Color" button on the formatting toolbar, and its drop-down list will pop up, and select the required color in "Standard Color"; If not, you can select "More Colors" and then select from the pop-up dialog box.
(2) Set font style: To make the required text bold, italic and underlined, just select the text to be processed, and then click the bold, italic or underlined button in the formatting toolbar. To eliminate this effect, you can select the text and press the corresponding button again to eliminate this effect and restore the normal font. When making web pages, the "underline" effect is generally not used, because underlining indicates that there are hyperlinks in some web pages.
(3) Font line adding effect: * * * There are two kinds: "underline" can draw a line under the selected text; Strikethrough Draw a line in the middle of the text.
(4) Special text style: The selected text needs to use some special styles, such as "blinking" style. You can select the required options in the "Effects" area of the Font tab (pictured) in the Font dialog box, but some special text effects can only be reflected in the browser.
6. Text indentation
The purpose of text indentation is to make the left and right sides of the text display blank spaces, which is helpful to strengthen the interpretation of key paragraphs. To indent an existing paragraph, first select the paragraph, and then click the Increase Indentation button on the Formatting toolbar. The left and right sides of the paragraph are indented by a certain distance, and pressing the "Increase Indentation" button continuously will further increase the indentation. This way of indenting both sides of the text at the same time is also called bidirectional indentation. If the indentation space is too large, you can reduce the indentation space by clicking the Reduce Indentation button.
7. Text alignment
If the input text starts from the left margin of the page, gradually extends to the right, and then turns back to the left (left margin) to start again after the line is full, this is left alignment. Some words need to be centered, such as titles; Some words need to be placed on the right, which can be achieved by the buttons of "Align Left", "Center" and "Align Right" on the formatting toolbar: different alignment methods can make the words present different display styles and clearly show the problems that users want to explain, thus maintaining the harmony of the whole page. To set the center, left alignment or right alignment of text, you must first select the text you want to set, and then click the corresponding button. If the user wants to return to the original alignment, he should first select the text and then click the corresponding alignment button on the formatting toolbar.
8. Add bullets or list numbers.
Some lists are preceded by symbols with dots to explain the contents of the list, which are called bullets in professional typesetting. Adding bullets or list numbers to web pages can make the content organized and clearer, and a lot of content can be briefly described through lists, which is convenient for readers to grasp the key points. There is also a form, list number, which can be used to describe the processing steps and order of a problem. These two processing forms are very convenient to use in FrontPage.
Adding bullets or list numbers is similar to the operation in Word. First, select the text. The user can press the corresponding button in the format toolbar, or select bullets and numbering in the format menu to open the bullets and numbering dialog box (as shown in the figure), from which you can select list items in different formats.
There is a blank line between two new lines in FrontPage. If you don't want a blank line between every two lines when you enter or add an item, you can click the Bullets or Numbering button on the Formatting toolbar. When the button is depressed, the first bullet will appear at the same time. After entering the required text, press the "Enter" key, and the next bullet will automatically appear and continue to enter.
FrontPage can also arrange list items by providing list numbers or bullets. The operation method is the same as that described in the previous paragraph.
If you don't want to add numbers or bullets to the following contents after entering all the items, and you can press Enter twice, stop numbering or adding bullets. If you want to change the numbering form or start from 1, you can right-click the list symbol, select the List Properties command on the pop-up shortcut menu, select the Number tab in the pop-up List Properties dialog box, select the required numbering style, adjust the starting number in the Initial Number spinner on the right, and click OK after adjustment.