In the previous lecture, we are familiar with the FRONTPAGE operation interface. Let's start making a simple web page to familiarize yourself with FrontPage, etc., and then consider the planning and establishment of the entire website after prevention.
First, create a new page
FRONTPAGE will automatically create a new page called "new_page_1.htm", which is only temporary, saved, and the file name will be replaced by other names.
For some reason, close the FRONTPAGE document window so that its workspace becomes gray. Or you need to edit another new web page after you have a web page, you can create a web page. The specific approach is:
Click the File menu, in the New submenu, select "Web", as shown below,
The system automatically opens the "New" dialog as shown below,. In the "New" dialog open, you can find a template for many web pages. We have selected "Normal Page" here and click the "Determine" button.
"New" dialog
A new page called "new_page_n.htm" can be established (where N represents numbers 1, 2, ...). Click the "New" button on the "Frequent" toolbar, you can also create a web page, but it can only create an empty web page without using templates. Like in Word, we can enter text in the white editing area of the new web page. When the input text length exceeds the window width, Frontage will automatically branch the text. It is a bit different from the text in Word. When the article wants to check the vehicle button, everyone will find that the distance between the segment and the segment is too large. If you press and hold the Shift button first, you can make the spacing as the original. You can know when you know the HTML language. In the web file, you only use the paragraph tag (P) in the web file, and hit the SHIFT Enter key to enter a Forced Warace (BR). All paragraph features (line spacing, segment spacing, alignment, and first line indent) must change after paragraph tags. Therefore, it is necessary to return the vehicle when it is aligned with the alignment of the front and rear text. In the future, we will also learn how to change the problem of excessive default values. [Example] In a newly built web page, I entered Tang poetry "Deng Yuku Building" as shown below, in which the first line (heading) and the third line are inserted into a paragraph mark (enter), and the second, Insert between the three lines is a forced wrap tag (SHIFT is returned).
Enter text in Homepage
Second, the modification of the web text and the arranging arranging from the web text in FrontPage is the same as the operation in Word, and we make simple review here. 1. Modifications to web text Use Drag Mouse to select the text block, cut or copy the text block and paste it in a new place. Mobile and replication of web text can be implemented. This method can also be used to use other large paragraphs in other application software windows (such as Word, IE and Notepad) (or even the entire article to your web page. Similarly, the method you can drag with the mouse will be selected Setting the text block moves and replicates (hold down the CTRL button when dragging) to the new place. After the selection block, enter the text from the keyboard or paste the text on the clipboard directly, you can Replacement. After selecting text, press Delete Keys (delete) to delete the large segment text. Also remember: Editing tag (paragraph tag, forced wrap tag and space) is also a character, or other visible characters Insert, delete, and move. 2, change the text, the font size, the font size and color in FrontPage, the default Chinese font in FrontPage is "Song", the font size is "3 (12 lbs), the color is black. Change the words of the text, The font size, the font type and color operation method is exactly the same. Commonly used operations can be solved by the corresponding button in the format toolbar, and others can complete from the Fonts command dialog box in the Format menu. But before changing You must first select the text you want to set. After selecting the text you want to set, click the drop-down button on the Font Font Font Square End of the Formatting toolbar, select the font in the font drop-down list; click the drop-down button on the right side of the font size, in the drop-down list You can select the font size; click the drop-down button on the right side of the Font Color button to select the color of the text in the drop-down color list; the "bold" button B on the format toolbar is also click the "Slabs" button i, "Underline" button U, you can turn the text into a bold, tilt, underscore three types of style, or all combinations of three styles, form a new style style. The font size provided by FrontPage is not Word so rich, only (1 8 pounds ~ (7) 36 pounds of seven gears, where the pound is the English "Point" translation, "point" meaning, the more points, the greater the font. [Example] Title change the page "Spring Festival" "Lishu" in "24 pounds", the body is changed to "18 pounds" "". Drag the mouse to select a few words "Spring Festival Fu", then click the Font Font Square to the Font Square Button, pop up the font drop-down list as shown below, click "Lishu", set "Spring Festival" to Lishu. Select the font
Next, click the drop-down button on the right side of the font size on the format toolbar to select "6 (24 pounds)" in the drop-down list, so that the words "Spring Festival" set to 24 pounds. Applying the same method to change the body of poetry into "18 pounds". As shown below
Change the font size
3, the alignment of the text, FrontPage provides three alignment, namely, left alignment, center and right alignment. To set the light specifier with a certain segment, click one of the three alignment buttons on the Format toolbar (such as the right) to set this paragraph to the corresponding way.
To set the text of the neighborhood to the same alignment, you can select them simultaneously, set up. [Note] Only the carrier is the real segment mark, that is, the front and rear text of the Enterprise can have different alignment. The text before and after the forced wrap tag (SHIFT Enter) belongs to the same paragraph, and they must have the same alignment. [Example] Change the title of "Spring Festival Fu" to the center, and change the "Spring Festival" four words to red bold characters to select all text, click the "Case" button on the Format toolbar, make All text is displayed. Select a few words "Spring Festival", then click the "Bold" button B on the format toolbar to make these words become bold. Then click on the drop button on the right of the Font Color button on the Format toolbar, select red in the drop-down color list, and change these words into red. The final result is as follows. The effect of the title in the title
3, paragraph indentation We know that there is paragraph indentation in Word, using it to easily implement two words such as segments, FrontPage also has similar functions. First select all text segments that need to set paragraphs, if only one segment is set, just put the cursor to this paragraph. Click the Format menu, click the "Paragraph" command in the menu, fill in the indent value in the "Leather" empty box of the Different dialog box. Note that the reduction value here is a point number of points), and the setting of the setting is related to the size and word spacing of the font size. In different cases, the value is slightly different. Finally, click the "OK" button to end. If you use the forced wrap instead of paragraph tag, all text belongs to the same paragraph. In addition to the first paragraph, the following form "segments" cannot be used to set the "first line indentation", which can be implemented with a method of hitting. It is best to use the "full corner" space (ie, Chinese space) in the Chinese input state instead of "half" (English) space. Because in HTML, English is to account for 6 bytes, namely 3 Chinese characters, while Chinese space only accounts for one Chinese character. And FrontPage sometimes deletes more than one extra English space, and there will be no such problem with Chinese space. [Example] The first line of the first text of each text in the "Spring Festival Fu" will be indented. First select all the text outside the title, click the Format menu, click the "Paragraph" command in the menu, as shown below:
Format menu
Open the "Paragraph" dialog as shown below:
"Paragraph" dialog
In the Paragraph dialog, change the value of "Level Indentation" is 40, click the "OK" button, complete the settings, and the following figure:
First line indent
4, paragraph spacing By default, the distance between the lines between the lines in the line and the lines is a single line spacing, and the segment and the segment are empty. These settings can be adjusted by changing the paragraph spacing and row spacing. The spacing is also conducted in the Different dialog box, and the line spacing is selected by the drop-down list below through the Dialog. The paragraph spacing is set in the empty frame behind the "Segment" and "Segment" in the dialog. Of course, you must first select all text segments you want to set or set the cursor to the segment to be set. [Example] Change the line spacing of each text of each text in "Spring Festival" to 1.5 times, and the distance is 0. Select all texts outside the title, open the Paragraph dialog by clicking the Paragraph command under the Format menu.
Change line, segment pitch
In the "paragraph spacing" area, click the top-regulated button (small triangle tip) on the right side of the segment (b) and after segment (e), set the segment value and the previous value of 0. Then click on the "Right Size" box, select "1.5 times a line distance" in the drop-down menu, as shown in Figure 2.18, click the "OK" button, the result is as follows:
Change the result after paragraph spacing
Third, save the web page to save the web page for the specific steps of the Save the web page to save the page "Spring Festival" to the D disk. 1. Click the "Save" button on the toolbar to pop up the Save As dialog as shown below. 2. Select the "Save Location" to the "Web Press" folder of the D disk. "Save As" dialog
3. Delete "New_PAGE_1.HTM '" in the File Name box, enter "YCJF" as a file name. Keep save the type "Web page" unchanged, click the "Save" button, the web page is saved to D The disk's "Web Power" folder is there. [Note] Because the web file will be uploaded to the server to browse in the Internet, the server generally does not support the Chinese file name, so the web file name must be used in English or pinyin letter. There is a "web title" in the "Save As" dialog. FRONTPAGE automatically "welcomes the first sentence" Spring Festival "to the web title, these words will display the title bar in the browser window. During this. If you want to change the page title, you can implement it by clicking the "Change" button.
Save the page
[Note] This is the first time, and it is more troublesome. If the saved web page is saved later, then after you click the "Save" button, the system will automatically save without any dialog box. Unless you use Save As command (click "Save As" in the File menu) into a new copy file. Fourth, there are two ways to preview the web preview page: one is the "preview" tab of FrontPage, using the FrontPage embedded browser observation effect; the other is to open the web directly with the IE browser. We generally use the latter method. Below, we open the web page with your browser to see the webpage looks in the browser. (1) In the FrontPage operation window, click the File menu, select "Preview in the browser" in the drop-down menu:
Select "Preview in your browser"
(2) Click the "Preview" button in the "Preview" dialog box in the browser, the web page is opened by the browser, the result is as follows.
"Preview in your browser" dialog box page in the browser
Practice and create a web page, the content of the webpage is determined according to your own hobby, or you can copy your own original article to FrontPage, save the web page to the folder "Web Practice".
