Previewing and Creating Web Pages

Core Training for Microsoft Office Word 2003

Previewing Word Documents as Web Pages

1	To begin optimizing the document for display in a specific Web browser, click the Tools menu, click Options, and on the General tab of the Options dialog box, click Web Options.
2	To optimize your document for a specific browser, click the People who view this Web page will be using arrow, and then click Microsoft Internet Explorer 5.0 or later in the list.
3	To ensure that features not supported by the selected Web browser will be disabled, in the Options list, make sure that Disable features not supported by these browsers is selected, and then click OK.
4	To close the Options dialog box, click OK.
5	To preview the document in your Web browser, click the File menu, click Web Page Preview, and then press PAGE DOWN once.
6	To view the document in Word again, click the Close button in the title bar of the Microsoft Internet Explorer window.

Creating and Modifying Web Documents

1	To begin saving the Sale Flyer document as a Web page, click the File menu, and then click Save as Web Page.
2	To locate the folder in which to store the Web document, double-click Garden Company, and then double-click Flyers.
3	To name the file before saving it, for the purposes of this exercise, press SPACEBAR to have the name typed for you in the File name box.
4	To finish saving the file as a Web page, click the Save as type arrow, click Web Page in the list, and then click Save.
5	When a message appears warning you that some of the features used in the document are not supported by Microsoft Internet Explorer 5.0, click Continue.
6	To begin creating a frames page, click the Format menu, point to Frames, and then click New Frames Page.
7	To create a frame to the left of the one containing the WebDoc document, on the Frames toolbar, click the New Frame Left button, and then click the Close button on the title bar of the Frames toolbar.
8	To adjust the relative size of the two frames, drag the border between them to the left until the frame on the left is half its original width.
9	To enter text in the new frame, press SPACEBAR to have text typed for you.
10	To format the text in the left pane, hold down CTRL and press the A key to select the text, and on the Formatting toolbar, click the Font Size arrow, click 22 in the list, click the Font Color arrow, and then click the indicated box.
11	To see how the two frames operate independently, click once below the scroll box on the vertical scroll bar of the WebDoc frame.
12	To start saving the frames page, click the File menu, and click Save.
13	To specify a name and location for the frame file, press SPACEBAR to have the file name typed for you, and click Save.
14	To close the FramesPage document, click the Close Window button.
15	To open the Web document so that you can modify it, on the Standard toolbar, click the Open button, and in the Open dialog box, double-click the WebDoc MHTML document.
16	To start adding a new paragraph to the document, press the END key, and then press ENTER twice.
17	To enter the text, press SPACEBAR to have the text typed for you.
18	To save the changes and close the document, on the Standard toolbar, click the Save button, and then click the Close Window button.
19	To see your changes in the frames page, on the Standard toolbar, click the Open button, and in the Open dialog box, double-click FramesPage.

Adding Hyperlinks to Documents

1	To start inserting a hyperlink to another file, click The Garden Company logo, click the Insert menu, and then click Hyperlink.
2	To select the target of the link, click the Other Logos file in the Look in box.
3	To define the location of the link, click Target Frame, and in the Set Target Frame dialog box, click OK to accept the default Page Default (none) frame setting.
4	To close the Insert Hyperlink dialog box and complete the insertion of the link in the document, click OK.
5	When prompted to acknowledge that Single File Web pages with !, #, %20, %23, or %25 in the hyperlink's path might not display correctly, click Yes.
6	To view how the Other Logos file appears in your Web browser, hold down the CTRL key and click the Garden Company logo, and then click the Close button on the title bar of the Microsoft Internet Explorer window.
7	To prepare to insert a hyperlink that will enable customers to send an e-mail message to The Garden Company, hold down CTRL, press the END key, and then press ENTER.
8	To insert text that will be converted to a hyperlink, on the Formatting toolbar, click the Center button, and then press SPACEBAR to have the text typed for you.
9	To use the newly entered text as the hyperlink label, drag from left to right to select the words Contact us for more information., and on the Standard toolbar, click the Insert Hyperlink button, as indicated.
10	To link the hyperlink to an e-mail address, on the Link to bar of the Insert Hyperlink dialog box, click E-mail Address.
11	To complete the linking process, press SPACEBAR to have the e-mail address of the message recipient typed for you, and then click OK.
12	To begin saving the document as a new Web page, click the File menu, and then click Save As.
13	To select the correct file type, in the Save As dialog box, click the Save as type arrow, and then click Web Page in the list.
14	To change the name of the new Web document, drag from left to right to select the text in the File name box, and then press SPACEBAR to have the text typed for you.
15	To complete the saving process, in the Save As dialog box, click Save, and then click Continue when prompted to acknowledge that some of the features included in the page may not be supported by older browsers.
16	To open your default browser and view the Web document, click Start on the Microsoft Windows taskbar, and then click Internet Explorer.
17	To start opening the document, click the File menu, click Open, and in the Open dialog box, click Browse.
18	To locate the document, in the Microsoft Internet Explorer dialog box, double-click Garden Company, double click Flyers, and then double-click HyperWebPage.
19	To open the Web page, click OK.
20	To test the link to the Other Logos document, click The Garden Company logo.
21	To return to Word, click the Close button on the title bar of the Microsoft Internet Explorer window.
22	To test the link to the e-mail address, click below the scroll box on the vertical scroll bar, hold down CTRL and click the Contact us for more information link at the bottom of the page.