Core Training for Microsoft Office FrontPage 2003

Enhancing the Capabilities of Your Web Site

Organizing a Web Site and Creating a Subsite

1To view the navigational structure of the Web site, at the bottom of the window, click the Navigation View button.
2To switch to Folders view, at the bottom of the Page view editing window, click the Folders View button.
3Notice the long list of HTML and graphics files that make up this Web site. To begin organizing this Web site into a useful folder structure, on the Folder List title bar, click the New Folder button.
4To specify a name for the new folder that appears at the bottom of the Folder List, for the purposes of this exercise, press SPACEBAR to have the name typed for you, and then press ENTER.
5To display the contents of the Web site, in the Folder List, click the index.htm file.
6To sort the files by type, at the top of the Web Site tab, click the heading for the Type column, as indicated.
7To select all the GIF image files, click the custrel1.gif file, hold down the SHIFT key, and then click the tgclogo_sm.gif file.
8To move the selected image files to the images folder, drag the selected files to the images folder, as indicated.
9To begin moving the rest of the image files to the images folder, on the Web Site tab, click once below the scroll box on the vertical scroll bar.
10To select all the JPG image files, click the 7124.jpg file, hold down the SHIFT key, and then click the pxweser.jpg file.
11To move the selected JPG files to the images folder, drag the selected files to the images folder above.
12To begin creating a subsite, on the Folder List title bar, click the New Folder button.
13To specify a folder name for the new folder that appears at the bottom of the Folder List, press SPACEBAR to have the name typed for you. Then press ENTER.
14To view the Web site structure, in the Folder List, click the index.htm file.
15To select all the files related to employee information, in the Folders View, click handbook.htm, hold down the CTRL key, click employee_info.htm, click policies.htm, and then click travel_policy.htm.
16To move the selected files to the Internal folder, drag the selected files to the Internal folder above.
17To create a subsite within an existing Web site, in the Folder List, click the Internal folder, click the File menu, and then click Convert to Web.
18To confirm converting the folder to a Web site, in response to the warning that appears in the Microsoft Office FrontPage message box, click Yes.
19Notice that the Internal folder icon has been replaced with a Web site icon. To view the contents of the Internal Web site, in the Folder List, double-click the Internal subsite folder.
20Notice that the Internal subsite opens in its own instance of FrontPage. To close this window, click the Close button.

Adding Links Between Web Pages

1To begin creating a navigation system for a Web site, in the Folder List, double-click the index.htm file.
2To delete the comment text in the left shared border, on the index.htm page, click the comment to select it, and then press the DELETE key.
3To add navigation links to the border, click the Insert menu, and then click Navigation.
4In the Insert Web Component dialog box, in the Component type list, verify that Link Bars is selected, and in the Choose a bar type list, click Bar based on navigation structure.
5To display a list of styles you can use for the link bar, in the Insert Web Component dialog box, click Next.
6In the Choose a bar style list, drag the scroll box to the halfway point on the vertical scroll bar, until you see the Nature bar style.
7To apply the Nature bar style to the link bar, click the Nature bar style, and then click Next.
8To insert the link bar with the links arranged vertically, under Choose an orientation, click the Vertical orientation, as indicated, and then click Finish.
9To select pages that can be accessed from the link bar, in the Link Bar Properties dialog box, on the General tab, under Hyperlinks to add to page, click Child pages under Home.
10To include a link to the home page, under Additional pages, select the Home page check box, and then click OK.
11To verify that the Products, Class Offerings, Press Releases, and Contact Us pages shown on the link bar are all child pages of the home page, click the Web Site tab.
12To add the Search Page to Navigation view as a second-level page, in the Folder List, drag the search.htm page to the space between the Contact Us and Press Releases pages in the Navigation view window.
13To verify that the Search Page has been added to the link bar, at the top of the Navigation view window, click the index.htm tab.
14To verify that the link bar appears on other pages of the Web site, in the Folder List, double-click the products.htm page.
15To begin using hyperlinks to navigate to third-level pages, in the Folder List, click the plus (+) sign to the left of the products folder.
16In the Page view editing window, drag to select the Plants for your home! heading, and on the Standard toolbar, click the Insert Hyperlink button, as indicated.
17In the Insert Hyperlink dialog box, verify that Existing File or Web Page is selected on the Link to bar and Current Folder is selected in the Look in box, and in the file list, double-click the Products folder.
18To insert a hyperlink from the selected heading to a file in this folder, in the file list, click plants_home, and then click OK.
19To begin creating an image map, in the top shared border, click the company logo, and on the Pictures toolbar, click the Polygonal Hotspot button, as indicated.
20To begin configuring the hot spot region on the logo, click the indicated point on the logo, move the mouse to the left to draw a line, and then click the indicated left corner of the logo to connect the two points.
21To finish configuring the logo as a hot spot, click the starting point of the line, as indicated.
22To link the logo to the home page, in the Insert Hyperlink dialog box, click the Look in arrow, click the GardenCo folder, click below the scroll box on the vertical scroll bar, and then double-click index.htm.
23To begin using the link bar to navigate to the files at different levels, on the Standard toolbar, click the Preview in Microsoft Internet Explorer 6.0 button.
24In the Microsoft Office FrontPage message box that appears, asking you to confirm saving the changes made, click Yes.
25To navigate to the classes.htm page, on the link bar, click Class Offerings.
26To navigate to the home page, in the Class Offerings – Microsoft Internet Explorer browser window, click The Garden Company logo.
27To navigate to the Products page, on the link bar, click Products.
28To view the home plants details, on the Products page, click the Plants for your home! link.

Adding Links Between Web Sites

1To begin inserting a hyperlink to a subsite, in the left shared border, click the link bar to select it, press the END key, and then press ENTER.
2To specify a name for the new link, for the purposes of this exercise, press SPACEBAR to have the name typed for you, and then press ENTER.
3To link the selected text to a file on the Internal subsite, on the Standard toolbar, click the Insert Hyperlink button, as indicated.
4In the Insert Hyperlink dialog box, verify that the Current Folder is set to the GardenCo Web site, in the Look in box, double-click the Internal folder, and then double-click the employee_info file.
5To test the new link, on the Standard toolbar, click the Save button, and then click the Preview in Microsoft Internet Explorer 6.0 button.
6In the Internet Explorer window, click the Employees Only link.
7To switch back to FrontPage, on the title bar of the browser, click the Close button.
8To begin inserting hyperlinks to an external Web site, in the Folder List, click the plus (+) sign to the left of products, and then double-click the carnivorous_plants.htm file.
9To select text for the hyperlink, click once below the scroll box on the vertical scroll bar, and then drag to select the text Carnivorous Plant Database in the first bulleted item.
10To link this text to an external Web site, on the Standard toolbar, click the Insert Hyperlink button.
11To specify the URL of the external Web site, in the Insert Hyperlink dialog box, press SPACEBAR to have the URL typed for you in the Address box, and then click Target Frame.
12To cause the target Web site to open in a new browser window, in the Target Frame dialog box, in the Common targets box, click New Window, select the Set as page default check box, and then click OK.
13To insert the hyperlink, in the Insert Hyperlink dialog box, click OK.
14To begin testing an external hyperlink, on the Standard toolbar, click the Save button, and then click the Preview in Microsoft Internet Explorer 6.0 button.
15In the Internet Explorer window, click once below the scroll box on the vertical scroll bar, and then click the Carnivorous Plant Database link.
16To return to FrontPage, on the title bar of each of the browser windows, click the Close button.
17To use FrontPage to automatically test links to an external Web site, in the FrontPage window, click the Web Site tab, and at the bottom of the window, click the Reports View button.
18In the Reports view window, click the External hyperlinks link, and in the Reports View message box that appears, click Yes.

Adding Web Components and Dynamic Effects to a Web Page

1To begin adding a hit counter component to a Web site, in the shared border at the bottom of the index.htm page, drag to select the indicated Insert hit counter here text.
2To replace the selected text, for the purposes of this exercise, press SPACEBAR to have the sentence typed for you.
3To add the hit counter component, on the Standard toolbar, click the Web Component button, as indicated.
4In the Insert Web Component dialog box, in the Component type list, click Hit Counter.
5To select a style for the hit counter, in the Choose a counter style list, click below the scroll box on the scroll bar, click the last style in the list, and then click Finish.
6In the Hit Counter Properties dialog box, select the Reset counter to check box, double-click in the adjacent text box, and then press SPACEBAR to have the number typed for you.
7To set the number of hit counter digits, select the Fixed number of digits check box, double-click in the adjacent text box, and press SPACEBAR to have the number typed for you. Then click OK.
8To begin inserting a scrolling marquee on a Web page, at the top of the Page view editing window, click the classes.htm tab, and then on the Standard toolbar, click the Web Component button.
9In the Insert Web Component dialog box, verify that Dynamic Effects is selected in the Component type list box and Marquee is selected in the Choose an effect box, and then click Finish.
10To specify the marquee text, in the Marquee Properties dialog box, press SPACEBAR to have text typed for you in the Text box.
11To add effects to the marquee text, under Behavior, click Alternate, click the Background color arrow, click the indicated square for the color Green, and then click OK.
12To preview the marquee, at the bottom of the Page view editing window, click the Show Preview View button.
13To switch to another Web page, at the top of the Page view editing window, click the press.htm tab.
14To begin making a sound play each time this page loads, click the Format menu, and then click Behaviors.
15To select the entire page, on the Quick Tag Selector toolbar, click the body tag, as indicated.
16To select a behavior, in the Behaviors task pane, click Insert, and then click Play Sound.
17To locate the audio file that will be used to play the sound, in the Play Sound dialog box, click Browse.
18To select the audio file, in the Browse dialog box, in the list of files, double-click the VCTRN_01 file, and in the Play Sound dialog box, click OK.
19In the Behaviors task pane, verify that onload and Play Sound appear under Events and Actions respectively, and to save your changes, on the Standard toolbar, click the Save button.
20To save changes made to all open files, click the File menu, and then click Save All.
21To play the sound by loading the page in your Web browser, on the Standard toolbar, click the Preview in Microsoft Internet Explorer 6.0 button.
22To display the placeholder for the hit counter on the index page, in the browser window, on the link bar, click Home, and then click below the scroll box on the vertical scroll bar.
23To close the browser window, and return to FrontPage, on the title bar of the browser window, click the Close button.
24To close the Behaviors task pane, on the title bar of the task pane, click the Close button.
25To switch to another Web page, at the top of the Page view editing window, click the products.htm tab.
26To add an interactive button to this page, click the Insert menu, and then click Interactive Button.
27To select a button style, in the Interactive Buttons dialog box, in the Buttons list, click Border Bottom 2, as indicated.
28To specify the text that will appear on the button, triple-click in the Text box, and then press SPACEBAR to have the text typed for you.
29To link the button to the Contact Us page on your Web site, click Browse.
30In the Edit Hyperlink dialog box, in the file list, click below the scroll box on the vertical scroll bar, double-click the contact.htm file, and then to close the Interactive Buttons dialog box, click OK.