Lesson 1: Building a New Web Site

Linking to Other Web Sites

Now only the Links page remains to be edited. For this tutorial, this page will contain a list of text hyperlinks to some other sites on the World Wide Web.

When you create your own Web sites, you can create hyperlinks pointing to other Web sites that relate to the subject matter of your own pages. This lets visitors browse to similar sites without having to search for them.

To begin the Links page

1. On the toolbar, click the Folder List button to show the Folder List in Page view.
2. Double-click links.htm in the Folder List to open the page in Page view.
3. Click the Folder List button to hide the Folder List again.
4. When the blank page is displayed in Page view, type Links to My Favorite Sites and then press ENTER.

Next, you will create a simple text animation of the paragraph heading. FrontPage includes a collection of fun text effects that you can easily apply to text headings or entire paragraphs.

To create a dynamic text effect

1. On the Links page, click anywhere in the text Links to My Favorite Sites.
   In the Answer Wizard, type:
   How can I animate text?
2. On the Format menu, click Dynamic HTML Effects.

   FrontPage displays the DHTML Effects toolbar. Here, you make sequential selections that will create a simple dynamic HTML (DHTML) script to animate the text when it is displayed in a Web browser.

   Dynamic HTML is an extension of the HTML language that lets you create presentation effects for text and objects, much like in a Microsoft PowerPoint slide show. Using the DHTML Effects toolbar, you can add simple effects to your pages without the need to know programming.

3. In the On list, click Page load.

   This will instruct the Web browser to begin the effect when the page loads.

4. In the Apply list, click Hop.

   FrontPage applies the Hop effect. In a Web browser, this effect will cause each word to bounce onto the page.

5. Click the Close box in the upper right corner of the DHTML Effects toolbar.

   The DHTML Effects toolbar closes and the dynamic text effect is indicated in Page view with light blue shading.

Previewing text effects
If you have Microsoft Internet Explorer installed, you can click the Preview tab in Page view to see the effect as it will appear in a Web browser. To change the effect, click Normal to return to Page view, select the text containing the effect, click Dynamic HTML Effects on the Format menu, and then apply the new effect you want.

Next, you will add text hyperlinks pointing to other sites on the World Wide Web. With FrontPage, you can create text hyperlinks in a number of ways, which you will learn next. When you create your own Web sites, you can create hyperlinks using your preferred method.

To create hyperlinks from text

1. On the Links page, press the DOWN ARROW key, and then type MSN - The Microsoft Network and then press ENTER.
2. Click and drag the mouse over the words you just typed to select them.
3. On the Insert menu, click Hyperlink.

   FrontPage displays the Create Hyperlink dialog box. Here, you specify the target of the hyperlink you are creating. This can be a page or a file in your Web site, on your local file system, on a Web server, or on another site on the World Wide Web.

4. In the URL box, type www.msn.com immediately after the http:// prefix that FrontPage has provided for you, and then click OK.

   "HTTP" stands for Hypertext Transfer Protocol. This is the Internet protocol that allows World Wide Web browsers to retrieve information from Web servers. The text "www.msn.com" is the URL of MSN, the Microsoft Network.

5. On your keyboard, press the DOWN ARROW key to deselect the text.

   The words "MSN - The Microsoft Network" have changed from black default text to blue text, and the words are now underlined to indicate the presence of a hyperlink. When this page is displayed in a Web browser, clicking this hyperlink will retrieve and display the MSN home page.

Before creating the next hyperlink, you'll insert a special character symbol to indicate a trademark on the current page.

To insert special characters or symbols

1. Click the mouse just after the letters MSN in the hyperlink you just created.
   In the Answer Wizard, type:
   How can I make special characters?
2. On the Insert menu, click Symbol.

   FrontPage displays the Symbol dialog box. Here, you can select and insert special characters at the insertion point. You can insert multiple symbols while this dialog box is displayed.

3. In the Symbol dialog box, select the trademark (TM) symbol, click Insert, and then click Close.

   FrontPage inserts the trademark symbol after the letters MSN. You can use the Symbol command to insert characters that you may not be able to type directly with your keyboard.

Next, you will create an automatic hyperlink. This method of creating hyperlinks is quick and easy, because it lets you bypass the Create Hyperlink dialog box.

To create an automatic hyperlink

1. On the Links page, press the DOWN ARROW key, type http://www.yahoo.com, and then press ENTER.

   Yahoo! is a popular Internet service that lets you look for information on the World Wide Web using search keywords and subject categories.

   As soon as you press ENTER, the URL you typed changes from black to blue text and is underlined to indicate the presence of a hyperlink. Like other Microsoft Office applications, FrontPage supports automatic hyperlink creation.

   Since a URL by itself is not always very descriptive, however, you'll want to change it to the name of the site that the hyperlink points to. You can overtype the text without erasing the hyperlink.

2. Using the mouse, click and drag over the URL you just typed to select it.
3. When the URL http://www.yahoo.com is selected, type Yahoo! to replace the selected text.

The hyperlink still points to the same URL, but it is now labeled with the site's name.

Next, you'll create a hyperlink using your Web browser. This method of creating hyperlinks is the most accurate, because you actually visit the page the hyperlink will point to before creating the hyperlink. In addition, FrontPage copies the URL from the Web browser address field, so once the address is verified, you don't have to type it again.

If you do not have access to the World Wide Web while taking the FrontPage Tutorial, skip the following procedure and practice these steps the next time you're connected to the Internet.

To create a verified hyperlink

1. Press the DOWN ARROW key to move the insertion point to the blank line below the previous hyperlink.
2. Type Microsoft FrontPage 2000 and then press ENTER.
3. Click and drag the mouse over the words you just typed to select them.
   Hyperlink button
4. On the toolbar, click the Hyperlink button.

   FrontPage displays the Create Hyperlink dialog box.

   Web Browser button
5. In the Create Hyperlink dialog box, click the Web Browser button.

   FrontPage starts your Web browser. When you visit the page that the hyperlink should point to and then switch back to FrontPage, the URL box will contain the address of the target page.

6. In your Web browser's Address (or Location) box, type http://www.microsoft.com/frontpage and then press ENTER.

   The Web browser displays the Microsoft FrontPage home page, where you can learn more about FrontPage, download updates, and find answers to common questions.

7. On your keyboard, press ALT+TAB (or click the Microsoft FrontPage taskbar button on the Windows taskbar) to switch back to the Create Hyperlink dialog box.

   The URL of the Microsoft FrontPage home page is now entered into the URL box in the Create Hyperlink dialog box.

8. Click OK.
9. On your keyboard, press the DOWN ARROW key to deselect the text.

   The words "Microsoft FrontPage 2000" are now underlined to indicate the presence of a hyperlink.

10. On the toolbar, click the Save button to save changes to the Links page.

Your page should now look like this: