Creating Documents for the Web

Advanced Training for Microsoft Office Word 2003

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.

Creating an XML Document

1	To begin attaching an XML schema to the document, click the Tools menu, and then click Templates and Add-Ins.
2	To add a schema, click the XML Schema tab, and then click Add Schema.
3	To select a schema, click the Garden Company folder, click Open, double-click the Website folder, and then double-click Gardenschema.xsd.
4	To specify an alias for the schema, for the purposes of this exercise, press SPACEBAR to have the alias typed for you in the Alias box, and then click OK.
5	In the Checked schemas are currently attached box, verify that the May Class Schema check box is selected. To begin setting XML options, click XML Options.
6	In the XML view options area, verify that the Hide namespace alias in XML Structure task pane check box is cleared, and then select the Show advanced XML error messages check box.
7	In the Schema validation options area of the XML Options dialog box, verify that the Hide schema violations in this document check box is cleared. To close the XML Options dialog box, click OK.
8	To close the Templates and Add-ins dialog box and view the XML Structure task pane, click OK.
9	Verify that the Show XML tags in the document check box is selected. To begin adding XML elements, in the Choose an element to apply to your current selection list, click classlist {May Class Schema}.
10	Notice that a message box appears, asking you which areas of the document you would like to apply the XML element to. To apply the element to the entire document, click Apply to Entire Document.
11	Notice that Word adds XML tags to the document and lists the element in the Elements in the document list in the XML Structure task pane. Click to the left of the Herb Gardening in Containers heading.
12	To apply a class tag, hold down the SHIFT key, click to the right of the word sample, and in the Choose an element to apply to your current selection list, click class.
13	To begin applying a title tag to the heading, click to the left of the word Herb in the heading, hold down the SHIFT key, and click to the right of the word Containers.
14	To apply the title tag, in the Choose an element to apply to your current selection list of the XML Structure task pane, click title.
15	To attach instructor, date, time, description, cost, and classroom tags to the respective text in the document, press SPACEBAR to have the tags added for you.
16	The X next to class indicates an invalid element. To begin validating the class element by adding a tag to the untagged sentence at the end of the document, click to the left of the word Check.
17	To select the text for which you want to add a tag, hold down the SHIFT key, and click to the right of the word sample.
18	To add the notes tag, in the Choose an element to apply to your current selection list, click three times below the scroll box and then click notes.
19	Notice that the X next to class disappears, indicating that the document structure is valid. To begin saving the XML document, click the File menu, and then click Save As.
20	To name the document, press SPACEBAR to have the name typed for you in the File name box.
21	In the Save As dialog box, click the Save as type list arrow, and then click XML Document. To save the document, click Save.