The visibooks guide to Frontpage 2003

TABLE OF CONTENTS i

Table of Contents

FrontPage Basics............................................1

Set up a Web site....................................................................................2

Format text............................................................................................16

Create links to new pages ...................................................................48

Create e-mail and external links .........................................................63

Insert graphics .....................................................................................70

Create a navigation system.................................................................85

Change page and link colors ..............................................................98

Layout & Navigation ...................................109

Lay out pages using tables ...............................................................110

Create navigation bars.......................................................................132

Add subsections to site.....................................................................149

Utilities........................................................159

Find and Replace................................................................................160

Check spelling....................................................................................167

Change HTML code............................................................................168

Check for broken links.......................................................................176

ii TABLE OF CONTENTS

Interactivity.................................................183

Employ forms..................................................................................... 184

Employ templates .............................................................................. 203

Upload sites to a Web server............................................................ 210

Advanced Layout.........................................225

Employ background graphics .......................................................... 226

Employ custom styles....................................................................... 232

Employ spacer GIFs .......................................................................... 238

Specify page margins........................................................................ 242

Create rollover effects....................................................................... 245

FRONTPAGE BASICS 1

FrontPage Basics

In this section, you’ll learn how to:

• Set up a Web site

• Format text

• Create links to new pages

• Create e-mail and external links

• Insert graphics

• Create a navigation system

• Change page and link colors

2 FRONTPAGE BASICS

Set up a Web site

Create a new site

1. Open Microsoft FrontPage.

It should look like this:

FRONTPAGE BASICS 3

2. On the Menu Bar, click File, then New.

3. When the New pane appears, click One page Web site.

4 FRONTPAGE BASICS

4. When the Web Site Templates window appears, make sure the

One page Web site icon is selected.

FRONTPAGE BASICS 5

5. Click the button.

6 FRONTPAGE BASICS

6. When the New Web Site Location window appears, navigate to

the My Documents folder.

7. Click the icon.

FRONTPAGE BASICS 7

8. When the New Folder window appears, type:

Dogs

in the Name box.

9. Click the button.

8 FRONTPAGE BASICS

10. In the New Web Site Location window, type:

Dogs Web Site

in the Site name box.

11. Click the button.

FRONTPAGE BASICS 9

Tip: If an alert window appears, click the button.

Then click the button.

10 FRONTPAGE BASICS

12. In the Web Site Templates window, click the button.

FRONTPAGE BASICS 11

13. Double-click index.htm to open the home page.

If the New pane is open, click the icon.

12 FRONTPAGE BASICS

Create a home page

1. In the blank page, type:

Dogs Home Page

Notice the file name of the page on the page tab: index.htm.

This is the home page of the Dogs Web site.

Home page file names

The home page of any Web site has the file name index.html. Or, in

FrontPage, index.htm.

That’s because index.htm and index.html come up automatically

when the address of a Web site or directory is typed into a browser.

For instance, if you go to www.visibooks.com, the home page

appears automatically. That’s because its file name is index.html.

If the file name of the Visibooks home page was homepage.htm,

you’d have to type www.visibooks.com/homepage.htm to get it to

appear.