Creating a Web Site

Core Training for Microsoft Office FrontPage 2003

Creating a Web Site

Creating a New Web Site by Using a Template

1	To begin creating a one-page Web site by using a template, in the New task pane, under New Web site, click the One page Web site link.
2	In the Web Site Templates dialog box, on the General tab, verify that the One Page Web Site icon is selected, and to specify the location of the new Web site, in the Options area, click Browse.
3	In the New Web Site Location dialog box, on the Places bar, click My Documents, and then double-click The Garden Company folder.
4	To create a new folder, in the New Web Site Location dialog box, click the Create New Folder button.
5	To specify a folder name, in the New Folder dialog box, for the purposes of this exercise, press SPACEBAR to have the name typed for you in the Name box, and then click OK.
6	To finish specifying the location of the Web site, in the New Web Site Location dialog box, click Open.
7	To finish creating the one-page Web site, and display its structure, in the Web Site Templates dialog box, click OK.
8	To open the Web site’s home page in Page view, in the Folder List pane, double-click the index.htm file.
9	Notice that the page is blank. To begin creating a personal Web site by using a template, on the Standard toolbar, click the Create a new normal page arrow, as indicated, and then click Web Site.
10	To select a Web site template, in the Web Site Templates dialog box, on the General tab, click Personal Web Site.
11	To specify the location of the Web site, in the Options area, click Browse.
12	In the New Web Site Location dialog box, on the Places bar, click My Documents, and then double-click The Garden Company folder.
13	To create a new folder, in the New Web Site Location dialog box, click the Create New Folder button.
14	To specify a folder name, in the New Folder dialog box, press SPACEBAR to have the name typed for you in the Name box, and then click OK.
15	To finish specifying the location of the Web site, in the New Web Site Location dialog box, click Open.
16	To finish creating the personal Web site, and display its structure, in the Web Site Templates dialog box, click OK.
17	To open the Web site’s home page in Page view, in the Folder List pane, double-click the index.htm file.
18	Notice that this page contains placeholders for information about you and links to your favorite Web sites. To close the personal Web site, click the File menu, and then click Close Site.

Creating a New Web Site by Using a Wizard

1	To begin using a wizard to create a basic business Web site, on the Standard toolbar, click the Create a new normal page arrow, as indicated, and then click Web Site.
2	To select a Web site wizard, in the Web Site Templates dialog box, click the Corporate Presence Wizard icon, and to specify the location of the new Web site, in the Options area, click Browse.
3	In the New Web Site Location dialog box, on the Places bar, click My Documents, and then double-click The Garden Company folder.
4	To create a new folder, in the New Web Site Location dialog box, click the Create New Folder button.
5	To specify a folder name, in the New Folder dialog box, for the purposes of this exercise, press SPACEBAR to have the name typed for you in the Name box, and then click OK.
6	To finish specifying the location of the Web site, in the New Web Site Location dialog box, click Open.
7	To continue creating the Web site, in the Web Site Templates dialog box, click OK.
8	To begin using the Corporate Presence Web Wizard to create the Web site, on the first page of the wizard, read the instructions, and then click Next.
9	To exclude a search page from the site, in the list of main pages that the wizard will create, click to clear the Search Form check box, and then click Next.
10	To add topics to the Web site’s home page, in the list of topics, select the Introduction and Company Profile check boxes, and then click Next.
11	To modify the topics that will appear on the Web site’s What’s New page, in the list of topics, click to clear the Web Site Changes check box, select the Press Releases check box, and then click Next.
12	To accept the default number of product and service pages suggested by the wizard and proceed to the next page of the wizard, click Next.
13	To accept the default items that will be displayed for each product and service and proceed to the next page of the wizard, click Next.
14	To give your visitors the option of providing their mailing addresses on the site’s Feedback Form, in the list of items, select the Mailing Address check box, and then click Next.
15	To store the feedback in a file that will be compatible with database and spreadsheet programs, verify that the Yes, use tab-delimited format option is selected, and then click Next.
16	To accept the default settings for the presentation options on the Web site’s Table of Contents page and proceed to the next page of the wizard, click Next.
17	To include a copyright notice at the bottom of each page on the Web site, select the Copyright notice check box, and then click Next.
18	To mark unfinished Web pages of the Web site with an Under Construction icon, verify that the default Yes option is selected, and then click Next.
19	To provide company information that will be used on the Web site, triple-click in the first text box, press SPACEBAR to have your company’s full name typed for you, and then click Next.
20	To enter contact information that will be available to any page of the Web site, triple-click in the first text box, press SPACEBAR to have your company’s telephone number typed for you, and then click Next.
21	To finish creating the site based on the information you provided and then display the tasks that still need to be completed, on the last page of the Corporate Presence Web Wizard, click Finish.
22	To display information collected by the wizard, in the Folder List, double-click the index.htm file.
23	To view your company’s contact information as provided to the wizard, click three times below the scroll box on the vertical scroll bar.

Inserting, Editing, and Reusing Text

1	To begin inserting text on a Web page, in the Folder List, double-click the index.htm file.
2	To replace placeholder text on a Web page, in the Page view editing window, click the indicated introductory comment.
3	To replace this comment with an introductory paragraph of your own, for the purposes of this exercise, press SPACEBAR to have the text typed for you.
4	To add more text to the home page, click below the scroll box on the vertical scroll bar, click the comment below Our Mission, press the END key, and then press SPACEBAR to have the text typed for you.
5	To add another paragraph of text, click the blank line below the Our Mission paragraph, press ENTER, and then press SPACEBAR to have the text typed for you.
6	To begin editing text by replacing a Web page heading, in the Folder List, double-click the news.htm file.
7	In the Page view editing window, triple-click the Web Changes heading, and then press SPACEBAR to have the new heading typed for you.
8	To replace the default opening paragraph with a paragraph of your own, triple-click the opening paragraph, and then press SPACEBAR to have the text typed for you.
9	To begin inserting existing text from an external file into a Web page, click the comment below the Press Releases paragraph, click the Insert menu, and then click File.
10	In the Select File dialog box, in the folder list, double-click The Garden Company folder, and then double-click the Press Releases folder.
11	To reuse the text in a Word document, at the bottom of the Select File dialog box, click the Files of type arrow, and then click *Word 97-2003 (.doc).**
12	In the list of files, double-click the PR file.
13	To delete content you don’t need, click to the right of the Press Release heading and drag upwards to select the heading and the table. Then press the DELETE key.
14	To begin changing the page title that appears in a page banner, in the Folder List, double-click the services.htm file.
15	To modify the title, double-click the Services page banner.
16	In the Page Banner Properties dialog box, double-click in the Page banner text box, press SPACEBAR to have the banner name typed for you, and then click OK.
17	To begin modifying a page by using text from a Word document, click Start, and then click My Documents.
18	In the My Documents folder, double-click The Garden Company folder, double-click the Press Releases folder, and then double-click the Classes file.
19	To copy the introductory paragraph below the Class Offerings heading to the Office Clipboard, triple-click the paragraph, click the Edit menu, and then click Copy.
20	To switch back to the FrontPage window, on the Windows taskbar, click the Microsoft FrontPage button.
21	To paste the copied paragraph from the Office Clipboard into the Web page, click the introductory comment, click the Edit menu, and then click Paste.

Formatting Text

1	To begin formatting text on a Web page, in the paragraph below the comment, click before The, as indicated, hold down the SHIFT key, click after Company, as indicated, and then release the SHIFT key.
2	To increase the font size of the selected text, on the Formatting toolbar, click the Increase Font Size button, as indicated.
3	To italicize a sentence, in the introductory paragraph, drag to select the sentence beginning with Whether, and then on the Formatting toolbar, click the Italic button.
4	To begin applying formatting changes to a paragraph, in the Folder List, double-click the services.htm file.
5	Notice that the font used on this page is different from the default font on the home page. To change the font of the first paragraph, triple-click anywhere in the first paragraph.
6	On the Formatting toolbar, click the Font arrow, drag the scroll box to the end of the vertical scroll bar until you see Verdana, and then click Verdana.
7	Notice that the font size is different from the default font size on the home page. To apply the default page formatting to this paragraph, hold down the CTRL key, and then press SPACEBAR.
8	To change the font color of text on a Web page, in the last paragraph under Organic Byproducts: Use Them or Lose Them!, drag from left to right to select the words plant selection.
9	On the Formatting toolbar, click the Font Color arrow, as indicated, and then click the indicated square for the color Blue.
10	To begin applying the default site font to an entire Web page, in the Folder List, double-click the serv01.htm file.
11	To select all the elements on this page, click the Edit menu, and then click Select All.
12	To apply the default site font to the entire page, on the Formatting toolbar, click the Font arrow, as indicated, and then click (default font).
13	To make a paragraph stand out by giving it a border, triple-click the second paragraph on the page.
14	On the Formatting toolbar, click the Borders arrow, as indicated, and then on the Borders palette, click the indicated square for Outside Borders.
15	To apply paragraph formatting to the selected paragraph, click the Format menu, and then click Paragraph.
16	To align the paragraph to the center of the page, in the Paragraph dialog box, click the Alignment arrow, and then click Center.
17	To apply indentation to the selected text, under Indentation, double-click in the Before text box, and then press SPACEBAR to have the number typed for you in the Before text and After text boxes.
18	To set spacing before and after the paragraph to zero, under Spacing, click in the Before box, and then press SPACEBAR to have the number typed for you in the Before and After boxes.
19	To apply the paragraph formatting changes, in the Paragraph dialog box, click OK.
20	To insert a line break between the two sentences in the paragraph, click at the end of the first sentence, as indicated, hold down the SHIFT key, and then press the ENTER key.
21	To save all open files, click the File menu, and then click Save All.

Previewing and Deleting a Web Site

1	To preview a Web site in the Preview pane, at the bottom of the Page view editing window, click the Show Preview View button, as indicated.
2	To preview the Web site by using an external browser, on the Standard toolbar, click the Preview in Microsoft Internet Explorer 6.0 button, as indicated.
3	To preview another page in the Home – Microsoft Internet Explorer window, on the link bar, click News.
4	To close the browser window, on the title bar of the GardenCo News Page – Microsoft Internet Explorer window, click the Close button.
5	To preview the Web site by using a different screen resolution, click the Preview in Microsoft Internet Explorer 6.0 arrow, as indicated, and then click Microsoft Internet Explorer 6.0 (640 x 480).
6	To close the browser window, on the title bar of the Home – Microsoft Internet Explorer window, click the Close button.
7	To close the GardenCo Web site, click the File menu, and then click Close Site.
8	To begin deleting a Web site, click the File menu, and then click Open Site.
9	In the Open Site dialog box, on the Places bar, click My Documents, and then double-click The Garden Company.
10	To open a Web site so you can delete it, click MyPage, and then in the Open Site dialog box, click Open.
11	To delete this Web site, click the Edit menu, and then click Delete.
12	To delete the entire site, in the Confirm Delete dialog box, click Delete this Web site entirely, and then click OK.