Web design and production steps

① Click Start-All Programs-Microsoft Office → Microsoft Office FrontPage 2003, start FrontPage 2003, and go to the Web Page editing window;

② in the Web Page Editing window, click File-Save, pop-up windows Save window, specify the destination folder as My Documents, and specify the file name "index.htm";

③ Click Save, the Index.htm file is established.

Web page Making step ⑵ add title picture

① Click the menu "Insert"-"picture"-"From File", pop-up Open the Picture dialog box, select the picture you want to insert;

② Click Insert, and the caption picture is inserted to complete.

Web page making steps ⑶ add scrolling text under the caption picture

① Click the ENTER key so that the cursor is left under the caption picture;

② Click Insert-Web Component, select Dynamic effects in the component Type column, and select title in the Select an effect column;

③ click "Finish";

④ in the text column such as "Hello! Welcome to my Personal Web page ...", click Style-format, pop-up Format menu. Click Font to eject the Font dialog box. In the Font column, select the text font, resize in the Size field, select a color in the color bar, click the Character Spacing tab, display the Character spacing bar, select the spacing in the Spacing bar, and fill in the size in the Spacing column;

⑤ Click OK to close all dialog boxes and add captions.

Web page making steps ⑷ add four horizontal lines to a Web page

The ① cursor is moved to the end of the caption, and the keyboard is hit with the ENTER key so that the cursor is on the left side of the caption;

② Click Insert-Horizontal, insert a horizontal line, double-click the horizontal level, pop up the horizontal Lines Properties dialog box, select a color in the color bar, fill in the Height column, and click OK to exit the Horizontal Line Properties dialog box;

③ Click Format-borders and shading, pop the Borders and Shading dialog box, select a style in the style bar, and then click OK to exit the Borders and Shading dialog box.

④ copy horizontal line; Click menu Edit-copy; Repeat three times: click the menu "edit" → "paste" to draw a horizontal line.

Web page making step ⑸ Insert Table

① Add a table below the first horizontal line with a border thickness of 0, edit the text and size of the table text, center, and fill in the contents of your own needs;

② move the cursor to the second horizontal line, and hit the ENTER key to leave a space between the first and second horizontal lines;

③ Insert Table: Click menu "Table"-"Insert"-"table", Eject the Insert Table dialog box, and fill in the Size column: Number of rows and columns, enter 0 in the thickness column of the border bar, and select a method in the alignment column in the layout bar;

④ Table font settings: Select a table, select a font in the Formatting toolbar, font size

⑤ Fill in Text: Select table cells, and then fill in: what you need.

⑥ Add a table below the fourth horizontal line, center the table text, and fill in the contents separately in the table.

⑦ move the cursor to the end of line fourth and hit enter.

⑧ Insert Table: Click menu "Table"-"Insert"-"Table", pops up the Insert Table dialog box, fills in the size field: number of rows of numbers, enter 0 in the thickness column of the border bar, and select in the Alignment column in the layout bar;

⑨ Fill in Text: Select table cells, fill in sequence.

⑩ Add text: Move the cursor to the end of line fourth, hit the ENTER key, leave blank lines, enter text.

Web page Making steps ⑹ "My School" add text under the second horizontal line: "My school," add a new line to the school introduction and set the font.

① move the cursor to the third line; Tap Enter to leave a blank line between the second line and the third line; Enter the text "My School", return to the other line;

② Enter or copy the text you want. The cursor is positioned at the beginning of the next line of the page file "My school", and the school instruction text is pasted.

③ adjusts the text alignment, adjusts the text font, font size.

Web page Making steps ⑺ "All cities" add text below the third horizontal line: "All cities," and another row, add two pictures.

① move the cursor to the fourth line, and hit enter to leave a blank line between the third line and the fourth line; Enter the word "City" and return to the other line;

② Insert Picture: Click the menu "Insert"-"picture"-From file, pop-up Open Picture dialog box, select the picture you want, and then click Open;

③ repeat the above steps

Web page Making steps ⑻ add links in this page

① Specify a bookmark: Select the text below the first horizontal line "My school"; Click the menu Insert-bookmark, eject the Bookmark dialog box, click OK, and the first bookmark setting is complete.

② Select the text under the second horizontal line "city"; Click the menu Insert-bookmark to eject the Bookmarks dialog box, click OK, and the second bookmark setting is complete.

③ Select the fourth horizontal line under the text "Friendship link"; Click the menu Insert-bookmark, eject the Bookmark dialog box, click OK, and the third bookmark setting is complete.

④ Add the first link within the page. Select the text in the first table "My School"; Click the menu Insert-hyperlink, eject the Insert Hyperlink dialog box, click Location in this document in the link to, and select My School tab in the bookmark;

⑤ Add the second and third links in the Web page, and set them by reference to the first link. Add an Internet link.

⑥ Add First Link: Select the fourth horizontal line below the text in the table "Baidu"; click the menu insert → hyperlink, pop-up Insert Hyperlink dialog box, click Existing file or Web page in link to, and fill in the Address field as: http://www.baidu.com.

⑦ Add the second, third, fourth, and fifth links, and set them by reference to the first link. Link settings complete.

Web page Making step ⑼ Add background color

① Click the menu "format"-"background" to eject the page Properties dialog box;

② Click the Format tab;

③ Click Color One background-other colors to open the Windows Color dialog box, select Light yellow and click OK, and the background color is inserted.

Web page making steps ⑽ Save the page click "File"-"save" to save the changes. Exit FrontPage 2003.

Web page making steps ⑾ use IE to view established web pages

① Click IE icon on desktop;

② Click on the menu "file"-"open", Pop-up Open dialog box, select "My Documents" file "Index.htm",

③ Click Open to view the browsing effect