Jean's email link

     

Windows Tips
Access Tips
Word Tips
Excel Tips
PowerPointTips
FrontPage Tips
Netscape Tips
Explorer Tips
Web Tips
Web Search Tips
1)  A little help from our friends
2)  A shortcut for removing text formatting 
3)  Add a group of files to your current web 
4)  Add borders around text 
5)  Adding a save all command to your file menu 
6)  Adding a soundtrack to your page 
7)  Adding a table caption 
8)  Adding banners 
9)  Adding buttons to your FrontPage toolbars 
10) Adding individual theme elements to a plain page
 a 1a) Adding sound to a button
13) Alternate text for areas in an image map 
14) Become a Publisher
15) Blinking text 
16) Cascading style sheets 
17) Cell by cell 
18) Change the default background color of your pages 
19) Changing how a toolbar button looks 
20) Check your spelling
21) Checking spelling on multiple pages
22) Chitchat 
23) Color me perfect
24) Coloring tables and cells
25) Composing images
26) Copycat 
27) Create dynamic text 
28) Creating a blank page in a themed web
29) Creating a hanging indent 
30) Cropping images 
3a) Define Terms
31) Design Tips
32) Designing in style
33) Discussion Web Template
34) Display full list of commands when you click the menu bar
34) Document styles 
35) Doing it your way 
36) Drop it
3b) Everything in its place
37) Exit dynamic html
38) External style sheets
39) Fancy fonts 
40) Fancy hyperlink
4a) Flipping pages
41) FrontPage's Easter egg
4a) FrontPage has some editing options that will allow you to tweak.
42) Ftp lingo 
43) Fun with table borders 
44) Get it scheduled 
45) Getting organized
46) Getting text with your images 
47) Going monochrome 
48) Graphic goodies
49) Groovy background sound
50) Highlighting text when the mouse passes over it 
51) Hit Counter
52) Hit counter happy
53) Hitting a hit counter
54) Hovering
55) How can you have a personalized icon appear next to your page when somebody bookmarks it? 
5a) How to customize the options for that menu?
57) Image mapping 
58) Immobilizing a background image
59) Importing 
60) Indenting a block of text 
61) Inline styles
62) Inserting a scrolling marquee 
63) Inserting symbols and special characters 
64) Interactive calendar
65) It's all symbolic 
66) Just paging through
67) Keep out 
68) Keeping your hyperlinks current 
69) Keyboard tricks
6a) Let FrontPage do the work
70) Linking back to the top of the bookmark page 
71) Linking it all up 
72) Linking to another part of the same page
73) List change-up
74) Loading large image more quickly
75) Making your picture's background transparent 
76) Mark it with a "b" for bookmark
77) MetaTag
78) More on scheduled pictures 
79) Multiple FrontPage can run at then same time
80) Navigating your Webpage.
8a) Nest a second table inside the first by drawing a new table above or beside the existing table.
81) Organize link pages
82) Organizing your web site 
83) Padding and spacing inside tables 
84) Paragraph basics 
85) Picking up the stragglers 
86) Picking up where you left
87) Pinpointing html code 
88) Placing text and pictures side by side
89) Preventing line breaks between words
90) Previewing page
91) Providing alternate text for pictures 
92) Remove text formatting 
93) Renaming a file or folder
94) Repair broken hyperlinks 
95) To change the Web name
96) Rubbing elbows, or shared borders 
97) Scrolling
98) Searching high and low
99) Serving up tables
100) Setting table
101) Shortcut for undoing your last action 
102) Shortcut to editing pages 
103) Shortcuts for superscripting and subscripting text 
104) Size counts 
105) Sizing it
106) Smoothing resized pictures
107) Snazzing up your thumbnails 
108) Some keyboard action 
109) Sort it
10a) Spell check
110) Table-cells that span multiple rows or columns
111) Targeting frames 
112) Teacher says make an outline 
113) Text toppers 
11a) The disappearing list
114) The freeform table
115) The great frame-up
116) The slow and pokey page
117) Thumbnails 
119) To add a drop-down menu 
120) To add a drop-down menu to customize the options for that menu. 
1)     To find last worked file
121) To ftp or not to ftp 
122) To printout (yes, a hard copy) of the navigational view of your Web site.
56)   Undo the last action
123) Use web templates for common site designs 
124) Using a picture to link to another site 
125) Using one picture to hyperlink to several sites 
126) Varying variables
128) Washing out your graphics 
129) We get by with a little help from our friends 
130) Who cares about status 
131) Wrapping it all together 

Go to Top
To add a drop-down menu 
To add a drop-down menu, first position your cursor where you want the drop-down menu to appear on your page. Then, choose Insert, Form, Drop-Down Menu. You'll notice a new component that offers a drop-down arrow, along with buttons marked Submit and Reset. But if you click on the drop-down arrow, you'll notice that nothing appears. 

To add a drop-down menu to customize the options for that menu. 
Start by going to the drop-down menu on your page and right-clicking on the section that has the drop-down arrow. In the pop-up menu that appears, you should see an option called Form Field Properties. Once you select that, the Drop-Down Menu Properties dialog box will appear on your screen. 

You'll notice the Name section. This entry will serve as the name of your drop-down list. But it's not a name that will appear on your screen--instead, it's the name that FrontPage needs to make sure that all the elements of your list are grouped together. 

After you've named your list, you'll want to add all the different choices that your visitors will see. To do this, click the Add button on the right-hand side of the dialog box. A new dialog box--called Add Choice--will appear. This dialog box is fairly straightforward: Simply type in a choice for your list. Unless you want a particular option to be selected from the start--in which case you'd click Selected under the Initial State section--you can click OK. You'll see your new choice appear in the list. 

Continue to add all the different choices you want to present to your site visitors. When you've finished, simply click OK in the Drop-Down Menu Properties dialog box. 

Now for some options: 
If you want your visitors to be able to choose more than one of the presented options, click Yes under the section Allow Multiple Selections. (You will have to hold down the Ctrl key to select several choices, so you might want to indicate that above the drop-down menu.) Also note the section called Height. Most drop-down menus show only the first option: Viewers have to click on the arrow to see the rest of the list. If you'd prefer to have your whole list appear on the screen (or even just part of your list), adjust the Height section accordingly. Finally, check out the buttons on the right side of the dialog box--they let you reorder your list. Just select the choice you want to move, and click the Move Up or Move Down button.

Go to Top
How can you have a personalized icon appear next to your page when somebody bookmarks it? 
To have an icon automatically appear with your page when somebody else bookmarks it, you first need to have or create an icon. Note that the icon can be only 16 pixels square--which is pretty tiny--so you'll want to keep things simple. Next, name your icon favicon.ico. You'll want to put this file in your root directory--that's the directory where your index.html file lives. 

Here's how it works: When a viewer bookmarks your page using Microsoft Internet Explorer, the browser looks in the root directory for that favicon.ico file. When it finds the file, the browser places that icon next to all Favorites. Note that this trick will work only with Internet Explorer 5.0 and higher. 

Fancy hyperlink
You can enable rollover effects so that the look of your hyperlink will change when visitors move their cursor over the text of the link. To do this, choose any hyperlink and right-click. Select Page Properties from the pop-up menu that appears. Next, click the Background tab in the Page Properties dialog box. Select the Enable Hyperlink Rollover Effects option and then click Rollover Style. You will now see the Font dialog box. Choose a style that you want your normal hyperlinks to change to. When you've finished, click OK twice to close the dialog boxes. 

In fact, if you're using a mouse-over hyperlink, you might just want to make the text bold or italicize it and change the color, rather than changing the font style altogether. 

You want a picture to have a muted look--or maybe one particular image just shouldn't be the focus of your visitors' attention. If that's the case, there's an easy solution. 
Select the picture, then click the Washout button on the Image toolbar. (It's the icon that looks like a grayed-out picture of a mountain.) Note that clicking the Washout button again won't undo the task; in this case, you'll have to press Ctrl-Z if you don't like the washout effect. 

Go to Top
Discussion Web Template
If you decide that you'd like your discussion group to be a separate web rather than embedded in your current web, don't groan at all the extra work. Actually ,there's a discussion web template that does most of the work for you. Just choose File, New, Web. Highlight the Discussion Web Wizard icon and click OK. FrontPage will now walk you through a series of questions--things like whether you'd like threaded discussions, if you want only restricted access to the discussion group, and so forth. Go ahead and answer all the questions--and when you're done, you'll have a new web with which to work! 

Hit Counter
If you'd like to jazz up yours, take a look at the following Web site and find one that's right for you: 

http://www.alberta-ca.com/frontpage/index2.html 

Become a Publisher
Well, that Web site of yours is all polished, spit-shined, and ready to go. Now you just have to publish it so the world can get a look-see at all your hard work.?  FrontPage makes publishing your Web fairly straightforward. 

Start by choosing File, Publish Web. If you click the Options button in the Publish Web dialog box, you'll see a few additional choices--like Only Publishing Changed Pages or Including Sub webs.  Once you're done, enter the URL or the file path for the published Web. Click the Publish button, then sit back and congratulate yourself on your new job title as publisher. 

Go to Top
To printout (yes, a hard copy) of the navigational view of your Web site. 
First, choose File, Print Preview. Check that all the boxes of your "outline" are labeled, then click the Print button. You'll have that arcane paper-looking thing for the fundamentalist in you. 

Picking up where you left
In most programs, it's easy to return to the document you were working on when you exited the program. FrontPage lets you choose from lists of your recent files or webs. 

But FrontPage makes it even easier to return to the last web you worked on before you exited the program: You can have FrontPage automatically open your most recent web when you launch the program. To do so, first choose Tools, Options and click the General tab. Select the Open Last Web Automatically When FrontPage Starts option in the Startup section and click OK. 

The next time you launch FrontPage, it will automatically open your web and display a new, blank page. If you'd prefer to work on an existing page, just click the X in the top-right corner of the new page's header bar and open the page you want to edit. 

Go to Top
Immobilizing a background image
FrontPage offers a setting you can use to immobilize the background pattern or picture so that the words will scroll but the picture won't move. 

So, how do you freeze your background image? Easy--just pull down the Format menu, choose Background, and in the Formatting section, select the Watermark option. (This option doesn't, as you might think, fade the background image; you use another command.) 

To add a background color to your page after you've already inserted a background image, Reopen the Page Properties dialog box by selecting Format, Background or by right-clicking the page on the Normal tab and choosing Page Properties. Then, click the Background tab. 

In the Colors section, click the Background drop-down arrow and choose a color that's similar to the predominant color in your background image. (You can choose from the More Colors palette if you don't find anything appropriate in the Standard colors palette.) Click OK when you've finished. 

Go to Top
Display full list of commands when you click the menu bar
An Office 2000 innovation included with FrontPage is expandable menus that appear when you click a command on the menu bar at the top of the window. These menus display the commands you've used most recently, anticipating that those are the commands you'll use again. You can display the rest of a menu's commands by clicking Expand at the bottom of the menu. 

You'll be happy to know you can restore the full menus you're accustomed to. Begin by right-clicking a toolbar or the menu bar and choosing Customize. Next, click the Options tab and select the Menus Show Recently Used Commands First option. Click Close to disable the command. 

After you click Close, you'll notice that your menus are stable and look the way you're used to seeing them. 

MetaTag 
You probably won't run across the META tag if you edit only on the Normal tab. The META tag appears at the top of your HTML document in the header area, which is invisible to the viewer. But if you want your web site to get noticed by Internet search engines, you should get to know a couple of META tag elements Description and Keywords. This is particularly true if your page is light on text (especially informative text) and heavy on graphics. 

To aid search engines in finding your web page, you should supply certain information to these META tag elements: 

Description: one or two sentences that describe the page's content 
Keywords: synonymous words and short phrases that describe the page's content and purpose 

Now that you know a bit about the tag, here's how to use FrontPage to enter META information in your web page. First, choose File, Properties and click the Custom tab. Under User Variables, click the Add button. In the Name text box, type the word Description In the Value text box, type a brief description of the page. Click OK, then click the Add button again. In the Name text box, type the word Keywords.  In the Value text box, type your synonyms, separated by commas, and click OK. Click OK to return to your page. 

Go to Top
Check your spelling
There are a number of ways to make sure errant spellings don't enter your web. First, you can have FrontPage flag misspelled words as you type them. To use this feature, choose Tools, Page Options and enable the Check Spelling As You Type option. FrontPage will place a wavy red line under any words it doesn't recognize. You can correct spelling then and there, or you can come back to it later. 

Second, you can run a spell-check after you've finished typing your text. Using the spell-checker is pretty intuitive, so we'll just tell you how to get to it. To check spelling on a page in Page view, start the spell-checker in one of these three ways: 

Press F7. 
Click the Spelling button on the Standard toolbar. Choose Tools, Spelling. 

Checking spelling on multiple pages
To check spelling on multiple pages or over your entire web, start by switching to Folders view. If you want to spell-check multiple pages--but not the whole web--open the appropriate folder in the left-hand Folder list window and select the individual files in the right-hand window. To select adjacent files, press the first file, hold down the Shift key, and press the last file you want to check. To select nonadjacent files, click on one of the files, hold down the Ctrl key, and click each file you want to check. 

Once you've selected the appropriate files, launch the spell-checker. When the Spelling dialog box opens, specify whether you want to check the spelling of the selected pages or the entire web. You can also have FrontPage add a task for each page that has misspellings by selecting the Options check box. The task will remind you to correct the misspellings later. 

Go to Top
Preventing line breaks between words
FrontPage makes it easy to keep adjacent words together on the same line: All you have to do is use a nonbreaking space between the words instead of using a normal space. To create a nonbreaking space, you simply hold down the Ctrl and Shift keys as you press the spacebar. 

Creating a blank page in a themed web
When you specify a theme for your web, each page you add carries the theme's colors, fonts, and graphic elements. However, there are times when you want to turn off the theme elements on one or two specific pages. To do this, start by adding a new page in Page view. Then, choose Format, Theme, or right-click the page background and choose Theme. Click the Selected Page(s) option and choose the (No Theme) option. Then, click OK. When you return to Page view, you'll find that FrontPage has removed all the theme elements from your page. 

Should you wish to add the theme back, just choose Format, Theme; select the Selected Page(s) option; choose the (Default) entry; and click OK. 

Go to Top
Adding individual theme elements to a plain page
How to add one or two images from the theme to your plain page. Doing so will help ensure graphic unity in your web. (This technique involves working in Windows, so if you're uncomfortable with your operating system, you might want to skip this tip.) 

To use individual theme elements, you first need to verify the exact name of the theme your web is using. Do this by right-clicking a page background, choosing Theme, and noting the name at the top of the theme list. 

Now for the Windows stuff: Begin by clicking Start, Find, Files or Folders. On the Name And Location tab, type the key word in your theme's name. For example, type 'Factory' 

For the Geared Up Factory theme. Click Find Now. If Windows doesn't find your theme, try using a different key word or truncate the theme name. (Remember, at this point, you aren't sure exactly what you're looking for, so it might take a couple of tries.) 

When Windows displays your theme's location--it should be listed in a couple places--double-click the entry for the Windows temporary folder to display the graphic files in Windows Explorer. If Quick View is installed on your computer, you can preview the graphics. Just click a file icon, then choose File, Quick View. When you find a graphic (or two) that you like, Copy it to your Windows desktop by using the Edit, Copy command or by holding down the Ctrl key as you drag the file to the desktop. We cannot emphasize enough that you Copy the file. 

Back in FrontPage, insert the graphic(s) from the desktop and save the graphics when prompted. 

Go to Top
Renaming a file or folder
Usually, when you create and edit a web, you're more concerned with the information you put on the pages than with the names you assign to the pages. And, when you're adding pages fast and furiously, you might even accept FrontPage's default filenames--those anonymous pages with names like new_page_3.htm. 

Before you deem your web "finished," you'll want to clean up your filenames and folder names, making them more descriptive and consistent. To do so, first display your web in the Folder list in either Page view or Folders view. Right-click the file or folder and choose Rename (or click the file or folder and press F2). Type a new name in the space provided, and be sure to use the same file extension. Press Enter. When FrontPage prompts you to update the pages that have hyperlinks to this page, choose Yes. 

Remember, you should always rename files and folders inside FrontPage. Windows Explorer can't update links, and if you rename them in Windows, you'll have to re-create your web in FrontPage's Navigation view. Also, be careful not to change or delete a file's extension--the file can become unusable if you do. 

Multiple FrontPage can run at then same time
As it turns out, one of the new features of all the Office 2000 applications is the capability of running multiple instances of the programs. For example, if you're working in Word and you want to open a new document, Word will launch a second copy of itself. 
FrontPage will launch an additional copy of itself when you choose the Window, New Window command; open an existing web; create a new web; or open a page in a closed web. 

Go to Top
Previewing page
FrontPage's previewing options don't end there. You can also specify a default browser and screen size for viewing your pages. This is important because, if you're designing at 1024 x 768, you need to make sure all your important page elements are viewable at 640 x 480 (and vice versa). Also, since Netscape Navigator interprets HTML a bit differently than Internet Explorer, it makes sense to use Netscape as your default preview browser. 

To specify a default preview browser, first choose File, Preview In Browser. Choose a browser in the Browser section and select a size in the Window Size section. (If your other browsers don't appear in the Browser section, just click the Add button and, in the Add Browser dialog box, click the Browse button and locate and select your browser. Click Open, type the browser's name and version in the Name text box, and click OK.) Finally, click the Preview button. 

Loading large image more quickly
There are many things you can do to ensure that your images load quickly. Here's a trick that takes advantage of the fact that multiple small images often load faster than one large image--you simply chop your large image into small chunks and then use a table to compile the chunks into the full image. 

You can use nearly any image editor (even Windows Paint) to crop your image into sections. Once you have your images ready, just follow these steps in FrontPage. In a page on the Normal tab, insert a one-row, one-column table. Insert the chunks of your image, in order from left to right and top to bottom. Right-click inside the table and choose Table Properties (or choose Table, Properties, Table from the menu). Now, set Cell Padding, Cell Spacing, and Borders Size to 0 (zero) and click OK. 

Back in the Page view, drag the right table border to the left. If you cropped your images correctly, the pieces should come together to form the large image. 

Go to Top
Table-cells that span multiple rows or columns
It would be nice if all your tables were neat, standard grids, with data in every cell at the intersection of each column and row. But life doesn't work that way--especially with multilevel tables, where, for example, the first column contains broad categories that span multiple rows, the second contains subcategories that might also span multiple rows, and so on. 

You could use the standard table grid and just leave certain cells empty, but there's a better way: You can merge adjacent cells in multiple rows or multiple columns--or both. To do this, just select the cells you want to combine, then pull down the Table menu and choose Merge Cells. 

Now, when you do, FrontPage will merge the cells, applying formatting based on different criteria: 

  • Cell formatting--such as border color, background color or picture, horizontal and vertical alignment that you apply in the CellProperties dialog box--will be based on the formatting of the topmost and/or leftmost cell you merged. 
  • Text formatting--such as text alignment, font style and color, highlighting, and bold--will still apply to each paragraph of text and will override any cell formatting.
Organize link pages
Organize the links on your links page! The most important thing you can do for your links page is decide on its basic arrangement. 

In general, you should use whatever method is most appropriate for the information you're presenting. In most cases, you should arrange lists in order logically, alphabetically, or by date or importance. The arrangement should be obvious to your viewers as soon as they see your page. 

Arrange most people, organizations, titles, etc. in alphabetical order. It's okay to arrange historical, literary, or artistic periods by date. You might list geographic links either alphabetically by state or country, or you might subdivide them by region or continent before listing them alphabetically. 

Go to Top
Padding and spacing inside tables 
In a plain table, text can run from one edge of the cell to another. In some cases, text in adjacent cells appears to run together--and it's hard to tell where one cell ends and the next begins. To give your table text some breathing room, you can add space by specifying cell padding and cell spacing in the Table Properties dialog box. 

To reach these settings, which apply to the entire table, right-click inside the table and choose Table Properties from the shortcut menu. Then, type a new value or use the spinner arrows to increase or decrease the value in the text box. Click Apply to preview the new settings' effect, and click OK to return to the editing window. 

Shortcut for undoing your last action 
FrontPage has a number of features that let you "change your mind." The most useful of these is the Undo command, which you can use to (obviously) undo up to 30 of your most recent actions, including things like inserting a table, linking a picture, or formatting text. The Redo command lets you change your mind and restore your original action.

Undo--Press Ctrl-Z
Redo--Press Ctrl-Y 

Go to Top
Setting table
There are a number of ways to create a table in FrontPage. Perhaps the easiest method is to click the Insert Table button on the Standard toolbar and then drag across the number of columns and rows you want in your table. This method creates a simple table with the following default properties:
1 pixel of cell padding
2 pixels of cell spacing
1 pixel border 
center alignment on the page 
a relative width of 100 percent 
To change these properties, you open the Table Properties dialog box by right-clicking the table and choosing Table Properties. 

A second way to insert a table lets you change these default properties as you create the table. Pull down the Table menu and click Insert, Table to open the Insert Table dialog box. Here you can specify the number of rows and columns, the alignment, the relative or absolute width of the table, the width of the border, and the amount of cell padding and spacing. Once you've made your choices, click OK to insert the table. 

There's a third method that gives you a great deal of freedom over the look of your new table--you can draw it. To do this, first select Table, Draw Table. The mouse pointer will change its appearance to a pencil. Now you can begin drawing. This feature takes some getting used to. 
Here are some tips to get you started. 
If the Tables toolbar isn't displayed, right-click any toolbar and select Tables. 
Select and deselect the pencil tool by clicking the Draw Table button on the Tables toolbar or by selecting Table, Draw Table. 
When the mouse pointer is outside a table, it will let you draw rectangles (new tables). Inside a table, the pencil tool will let you draw only lines. 
Start by drawing the outside borders of the table. To do this, click and drag a rectangle as large as you want. 
Draw rows and columns by clicking and dragging horizontal and vertical lines from border to border inside the table. 
Widen, lengthen, or narrow cells by clicking and dragging the cell's borders. 

Go to Top
Nest a second table inside the first by drawing a new table above or beside the existing table.

 The second table will generally insert into the first cell; it might insert into a lower row or a column to the right of the first. Or you can subdivide a table by drawing rows and columns instead of nesting tables. 
Erase cell borders (to merge cells or to delete whole cells) by clicking the Eraser button on the Tables toolbar and click-and-drag over lines in the table. FrontPage will highlight the selected line(s). When you release the mouse button, the line(s) will disappear. 
Delete whole tables--and all tables nested inside them--by deselecting the pencil tool; moving the cursor over the table's right border until a dark, right-pointing arrow appears; clicking the border; and pressing the Delete key or by pressing Ctrl-X (the Cut command). 

Pinpointing html code 
If you're working in the Editing window and you want to quickly view the HTML code for the item you're working on (table, text, image, whatever), simply highlight the item before you click the HTML tab. Because the windows are synchronized, the item you highlighted in the Editing window will also be highlighted in the HTML window. This feature is extremely helpful, as anyone who's ever tried to locate specific information on a page of HTML knows! 

Go to Top
Thumbnails
Graphic images don't load as quickly as text, but smaller images load faster than larger ones. And depending on the size and number of images on a page, a viewer can be left waiting and waiting. And waiting. Fortunately, you can do something to help your viewers see graphics-heavy pages more quickly--you can present them with smaller versions of your pictures. 
Then if they want, they can click the smaller picture--the "thumbnail"--to open the larger image in the browser window. 

To create a thumbnail of any image (pictures or clip art), simply select the image and press 
Ctrl-T. FrontPage creates a second, 100-pixel-wide copy of your image. Obviously, this image has lots less detail than the original, and so it has fewer bytes and a smaller file size. And as we know, a smaller image makes for a faster-loading page. 

You can change the size of a thumbnail (and its file size, as well) by right-clicking it, choosing Picture Properties, selecting the Appearance tab, clicking the Specify Size option, and entering a new value for the Width or Height option. When you save the page, FrontPage will prompt you to save this smaller image in your web. 

When you click your FrontPage auto-thumbnail in a browser, the original image will open in the same browser window, replacing the page you were viewing when you clicked the thumbnail. In this case, you'll need to press the Back button to return to the original page. This is usually okay. However, if your text refers to the image, your viewer will have to switch back and forth between the text page and the image. 

For the convenience of your viewers, you can have the original image open in a second browser window. It isn't hard to do--it just involves making a manual change to the HTML code. To begin, click the picture, then click the HTML tab at the bottom of the Editing window. Locate the section of the picture's code that begins with A HREF=. 

After the filename of the original image file (which is enclosed in quotation marks) but before the closing character, enter this tag: 

target="_blank" 

This tag attribute forces the browser to send the original picture to a blank target window--or, stated another way, a new browser window. 

Go to Top
Thumbnails
Shrink your photos to thumbnails. That way, if your adoring public really wants to see your stunning vacation photos or your latest product, they can choose which photos they want to download. 

After you've inserted the photo into your page-in-progress, click on it to select it. FrontPage will automatically display the Pictures toolbar below your Page view. Click the Auto Thumbnail button--it looks like a photo, with a miniature of the same photo in front ofit. FrontPage will create the thumbnail and add a blue border so folks know it contains a hyperlink to the larger photo. 

But what if the default size is too small, or you don't like the border. It's easy to change the default options. 

First, click Tools, Page Options, then select the AutoThumbnail tab. Here, you can change the default size of your thumbnails by 
setting the height or width changing the thickness of the blue border around the image (or getting rid of it) giving the thumbnail a beveled edge, which makes it look more like a button. 

Go to Top
Highlighting text when the mouse passes over it 
Now, here's an interesting effect you can easily create in FrontPage. This browser-specific effect uses Microsoft's flavor of DHTML, which is viewable only in Internet Explorer version 4 and above. 

With this effect, your paragraph of text appears in the normal font except when the mouse is directly over it. At that time, the text changes color, font size, or style, or it becomes bold or italic--whatever effect(s) you assign it in FrontPage. 

Here's how to apply this effect. First, click in or move the cursor to the appropriate text. Then, choose the Dynamic HTML Effects command from the Format menu to display the DHTML Effects toolbar. Click the leftmost drop-down arrow (next to the On command) and choose Mouse Over. Click the next drop-down arrow, beside Apply, and choose Formatting. Click the third drop-down arrow and select Choose Font. When the Font dialog box opens, select the effect(s) you want to use--a different font color, for example. Click OK to exit the dialog box. 

FrontPage places a shaded box around the text in Normal view to indicate a DHTML effect has been applied. Now, check your page in the Preview tab. When you move the mouse over the text, it changes color. 

Go to Top
Adding a table caption 
When you use a table for presenting data, you'll usually want to add either a descriptive title or a line of text that describes the information in the table. In this situation, you'll want to use FrontPage's caption feature to include this information. You can place a caption either immediately above or below the table--without any extra line spacing between the table and text. 

To add a caption to a table, click anywhere in the table, then select Table, Insert, Caption. FrontPage will add a centered caption just above the table. You can type the appropriate text at this point. If you want to move the caption to just below the table, select Table, Properties, Caption, then select the Bottom Of Table option. 

If you wish, you can change the caption's formatting inside the Caption Properties dialog box by clicking the Style button and then the Format button, but it's easier to do so by using options on the Formatting toolbar. 

A shortcut for removing text formatting 
It's easy to return formatted text to the default font, size, style, and color--just highlight the text and press Ctrl-Spacebar. You can use this shortcut to remove any formats you can apply in the Font dialog box as well as highlight color and DHTML effects. 

Remember, the default font for a theme overrides the "default font" you've set on the Default Font tab of the Page Options dialog box. 

Go to Top
Adding a soundtrack to your page 
It's pretty easy to add background audio that will play when your page appears in a Web browser. The hard part is determining whether you should do so, and if so, which audio clip to use. Keep in mind that the clip will play each time the page loads into the browser, so it's best not to add audio to a page that the user must return to several times. However, if the page won't get a lot of traffic, a bit of background music might be a nice addition. 

To add background sound to a page, you right-click the page in Page view's Normal tab, choose Page Properties, and click the General tab. In the Background Sound section, click the Browse button next to Location and select the sound you want to use. Next, deselect the Forever option (in most cases) and choose a Loop setting. Click OK to return to the Editing window. 

In Normal view, you won't see any indication that you've added a background sound to your page. However, you can hear it when you click the Preview tab, and you can see its tag at the top of the document. 

Go to Top
Use web templates for common site designs 
To use a template to create an entire web, first select File, New, Web. In the New dialog box, you can choose from these site templates: 
One Page Web--Contains a single, blank page 
Corporate Presence Wizard--Helps you create a presence for your company on the World Wide Web 
Customer Support Web--Includes lots of forms for customer feedback and internal reporting 
Discussion Web Wizard--Helps you set up a discussion group 
Empty Web--Creates a web with nothing in it 
Import Web Wizard--Lets you import an existing web 
Personal Web--Includes pages for pictures, personal information, and favorite links 
Project Web--Includes forms and pages for tracking progress of your projects 
Go to Top
Placing text and pictures side by side
There are a couple of ways to place a picture beside a block of text. An old, favorite method involves creating a two-cell table and placing your picture in one cell and text in the other cell. 

Here's how you do it: Start by clicking the Insert Table button on the Standard toolbar and specifying a two-column, single-row table. Click in the appropriate table cell and use the Insert menu's Picture command to add clip art or an image file to the cell. Next, type your text in the other cell. At this point, remove the borders and ready the table for exact dimensions by right-clicking the table, choosing Table Properties, changing the Borders Size option to zero, clicking the Specify Width section's In Pixels option, and clicking OK. 

By default, the text aligns vertically in the middle of the cell; to align it with the top or bottom of the picture, right-click the text, choose Cell Properties, and specify Top or Bottom for the Vertical Alignment option. Next, add horizontal space between the picture and text by clicking on the appropriate side of the picture and pressing the spacebar as many times as needed. Finally, click and drag the cells' borders to set the exact width of the text and picture. Then, take a look at your text and picture in the Preview tab. 

This method works best when the text relates directly to the picture and the two need to be placed side by side. It's also the best method for creating an illustrated heading or for locating a caption beside the picture it relates to. You should use a table when you need to align the edges of the text and picture or align the edge of the picture with the margin--this capability isn't always possible using the alternative method. 

The second way to place text and pictures side by side involves inserting a picture on the page and simply letting the text flow around it. 

To use this method, you should first add the text to the page. Next, place the cursor anywhere in the text, choose the Insert menu's Picture command, and select a picture from a file or a piece of clip art. Then, to place the picture at the left or right edge of the page, click the image, pull down the Format menu, choose Position, select the Left or Right option in the Wrapping Style section, and click bbbbOK. 

If you wish to add some space between a picture and the text, you right-click the picture, choose Picture Properties, select the Appearance tab, increase the Horizontal Spacing and/or Vertical Spacing value(s), and click OK. If you increase the horizontal spacing, FrontPage will add the space at both the left and right edges; if you increase the vertical spacing, it will be added both above and below the image. The extra spacing keeps the picture from aligning with the adjacent text or margin--an unavoidable fact of HTML life--and is the only drawback to this method. 

To relocate a picture, simply click it and drag up or down. Alternatively, you can drag the picture's text anchor--the right- or left-pointing boxed arrow. The picture doesn't move as you drag; when you release the mouse, the text anchor moves to the release point; the picture moves to the designated margin on the line below the release point. 

Go to Top
Linking to another part of the same page 
On pages with a large amount of text, it's standard practice to present a list of section headings at the top of the page, with each heading hyperlinked to the section of text it refers to. The viewer can either click through the section headings or simply scroll down the page to reach the desired information. 

These linked headings are sometimes called anchors; FrontPage refers to them as bookmarks. There are a couple of ways to create these bookmarks; we'll show you the easiest method.

Here's the first part: Scroll through your document text. When you reach a section you want to link to, click at the beginning of the relevant text, pull down the Insert menu, and choose Bookmark. Type a short, descriptive name in the Bookmark Name text box. 
(The page's existing bookmarks are listed beneath this text box.) Click OK. Scroll to the next section you want to link to and repeat the steps we just described. Continue adding bookmarks to your page. A small, blue flag will represent the location of each of your bookmarks in the Editing window. 

Here's the second part: At the top of the document, add the text or section names you want to use to link to your bookmarks. Then, highlight the text you'll link to the first bookmark, click the Hyperlink button on the Standard toolbar (or press Ctrl-K), click the drop-down arrow on the Bookmark option near the bottom of the Create Link dialog box, choose the appropriate bookmark name, and click OK. 

When you look at your page in the Preview tab or in a Web browser, the text at the top will be underlined, just like any other hyperlink. When you click the hyperlink, your bookmarked text will pop into view. Bookmarked text doesn't carry any special formatting; only the hyperlink is noticeable. 

Go to Top
Linking back to the top of the bookmark page 
When you're viewing a page that uses bookmarks, you might want to jump from the bookmark back to the top of the page. Although clicking the Back button often works in both Internet Explorer and Netscape Navigator, you really can't rely on either browser to return you where you were before you clicked the hyperlink. One workaround for this erratic behavior is to give viewers a "Back to Top" link or button that they can use to go to the top of the page. 

You simply define a single bookmark at the top of the page. Then, you create a single hyperlink, which you copy and paste at the end of each section. In essence, you use the same technique--only in reverse--that you use to link from the top of the page to sections farther down on the page. 

For example, you might place the cursor just before the first word of text, choose the Insert menu's Bookmark command, enter 'Top'  in the Bookmark Name text box, and click OK. Then, move to the end of the first section in the document and, on a blank line, type 

Go to Top 

Drag across the above text and press Ctrl-K (the Insert Hyperlink shortcut). In the Create Hyperlink dialog box, choose Top in the Bookmark drop-down list and click OK. Drag across the new hyperlink and press Ctrl-C to copy it. Move to the end of the next section, create a blank line, and press Ctrl-V to paste another copy of the new hyperlink. Continue pasting copies of the hyperlink at the end of each section. 

Go to Top
Keeping your hyperlinks current 
Hyperlinks make the Web work. When hyperlinks don't work, it can be pretty aggravating. However, it's an inevitable aggravation--as sites are redesigned, directory structures and filenames change. Thus, any links to those pages--for example, links from other sites or in your Favorites folder--no longer work. 

These "links to nowhere" can be a real pain when you're searching the Web. When they're on YOUR Web site, it's downright embarrassing. You can be thankful that FrontPage 2000 includes a feature--Verify Links--that checks your internal and external hyperlinks for you. To use this feature, you must first be online. Also, you should save all your open pages either manually or with the Tools menu's Recalculate Hyperlinks command. (We'll talk more about this command at a later time.) If you don't have a browser open, FrontPage will check your links in the browser specified for your Preview In Browser command.

When you're ready to verify your hyperlinks, click the Reports option in the View bar. If necessary, display the Reporting toolbar by right-clicking a visible toolbar and choosing Reporting. Click the first drop-down arrow and choose Broken Links from the drop-down list. If you want to check only some of your web's links, select the relevant entries in the Broken Hyperlinks window. 

Now, click the Verify Hyperlinks button at the right end of the Reporting toolbar. FrontPage will take a few moments to locate the specified links. For those it finds, you'll see the word OK in the Status column. For the links it can't find, the Status cell will say Broken. You can right-click these broken links and choose to either change the hyperlink or edit the page. If you change the hyperlink, FrontPage will also change the link address in your page. 

Be sure to use this command frequently if you have lots of links to sites outside your own web. Also, you should verify your hyperlinks whenever you make major changes to your web. 

Go to Top
Shortcuts for superscripting and subscripting text 
Chances are, when working with FrontPage 2000, you may need to enter a chemical formula, an exponential number, or a footnote number. In these cases, it will pay to know how to create subscripted and superscripted text. The conventional method for doing this is to highlight the text in question; choose Format, Font; and select the appropriate option in the Font dialog box. This will work fine in most cases, but it gets tedious quickly if you have to use lots of superscript or subscript. 

Here's a much easier way to superscript and subscript text. To create superscripted text (smaller than and slightly above the normal text), press Ctrl-Equal Sign before you type the character(s) you want to superscript. Press Ctrl-Equal Sign after you type the superscripted text to return to normal text. FrontPage will enclose your text with <sup> and </sup> tags. 

subscripted text, and press Ctrl-Minus Sign again to return to normal text. FrontPage will enclose your text with and </sub> tags. 

By the way, a superscripted lowercase "o" makes a nice substitute for the degree symbol when you're expressing temperatures or latitudes and longitudes. 

Go to Top
Using a picture to link to another site 
You can't get far into FrontPage without becoming very familiar with hyperlinks. The most common type of hyperlink is the text link, which you create by highlighting the text you want to link, clicking the Hyperlink button, and specifying a URL in the Create Hyperlink dialog box. 

You can also use a picture as a hyperlink. When the viewer clicks the picture, the browser displays the new page. In fact, picture hyperlinks operate in virtually the same way as thumbnails--but instead of taking you to a Web page, a thumbnail generally displays only an image file. 

Here's how to create a hyperlink for a picture. First, right-click the picture and choose Hyperlink. (You can alternatively click the picture and either press Ctrl-K or click the Hyperlink button on the Standard toolbar.) In the Create Hyperlink dialog box, you can select a page in the current web from the list at the top of the box. Or you can link to a page on the Web or a file on your computer by clicking one of the first two buttons to the right of the URL text box. 

Go to Top
Creating a hanging indent 
A hanging indent is a paragraph in which the first line appears at the left margin and subsequent lines are indented, as in this sample: 

This is first line 
Another line of text 
Third  line 

In FrontPage, you can apply a hanging indent to any paragraph. Place the insertion point marker in a paragraph and select Format, 
Paragraph. Then, enter 
50 
in the Before Text edit box and 
-50 
in the Indent First Line edit box. You can choose a different value if you wish; the value is measured in pixels. The Preview window shows the effect of your Indentation settings. Click OK to return to your page. 

If you wish, click the HTML tab to see the code behind the hanging indent. Here's our code: 
<p style="text-indent: -50; margin-left: 50"> 

By the way, if you've heard the phrase "inline style" and don't know what it is, well, you've just seen one. 

Go to Top
Fun with table borders 
FrontPage gives you a great deal of control over how your table borders look. You can change the overall width of the outside borders, the distance between inner borders (you use the Cell Spacing option for this), whether the border is solid or beveled, and the colors of outside and inside borders and individual cells' borders. At least, you can do all this if your page doesn't use a theme. Oh well, no feature is perfect, is it? 

Let's look at some of the ways you can customize your table borders. To begin, right-click a table and choose Table Properties to open the Table Properties dialog box. We'll play with the options in the Borders section. First, increase the size of the border to a setting from 6 to 10 points. 

Since the Color options are all set to Automatic, you'll notice the default, beveled border style, which has a lighter border at the top and left side and a darker border at the bottom and right side. If you want to convert the beveled border to a solid border, all you need to do is choose a specific color in the Color drop-down list. Even if you choose the same color as the Automatic setting--black--you'll get a solid, non-beveled border. 

To change the colors of a beveled outside border, just specify different colors in the Light Border and Dark Border drop-down lists. 
The terms "Light Border" and "Dark Border" don't really have anything to do with lightness and darkness--rather, the light border is the color on the top and left side; the dark border is the color on the bottom and right side. 

The border colors you choose in the Table Properties dialog box apply not only to the table's outer border but also to each cell's border--but this time, the Light Border color appears on the cell's bottom and right borders; the Dark Border appears on the cell's top and left borders. You can change the cell border to a single color by setting the Color option; you can change the light and dark borders by specifying colors for those options. And since you apply cell border colors to individual cells (by right-clicking a cell and choosing Cell Properties), you can design an extremely colorful table with very little effort. 

Go to Top
Smoothing resized pictures 
When you resize pictures by dragging their selection handles or by changing Width and Height settings in the Picture Properties dialog box, your picture sometimes becomes fuzzy or develops jagged edges. Why does this happen? Because when you manually resize a picture, the total number of pixels (the dots or squares of color that combine to make up the picture) remains the same; the picture's pixels simply get bigger or smaller. This isn't usually a problem when you make a picture smaller, but when you enlarge a picture, it isn't uncommon to see the individual squares of color. 

Fortunately, FrontPage has a tool that allows you to smooth out a resized picture's rough edges. To use the tool, select your resized picture and click the Resample button on the Pictures toolbar. In a moment, you'll see a smoother or sharper image. (Remember, you can always choose the Restore button to start again from scratch with the last-saved version of your picture.) When your picture looks the way you want, be sure to save your page (and also save the new, resized, and resampled image) before you view it in the Preview window or in a browser.

Go to Top
Adding buttons to your FrontPage toolbars 
You can add the views bar button to a toolbar. This button toggles the list of views on and off--similar to the way the folder list button works. In fact, there are a number of commands that you can place on a toolbar; Microsoft just included the most commonly used buttons on its toolbars. 

To add a button to an existing toolbar, start by right-clicking any visible toolbar and choosing customize from the shortcut menu. On the commands tab, scroll through the categories and the commands lists. When you find a command you want, simply drag it to the appropriate toolbar. Finally, click the customize dialog box's close button. 

For example, the views bar button is in the views category in the customize dialog box. We dragged it beside the folders list button on the standard toolbar, where it will be handy for opening and closing the views bar. 

Go to Top
Changing how a toolbar button looks 
There are many ways you can customize your toolbars to make them operate and look the way you want. One thing you can do is change the appearance of a toolbar button. For instance, if you can't seem to remember which button is the Refresh tool, just change it. Obviously, you won't need to change the appearance of buttons you use all the time, but for those infrequently used ones, you might prefer to show the command's name on the button instead of an icon. 

To change a button's appearance, start by right-clicking any toolbar and choosing Customize. With the Customize dialog box open, right-click the button you want to change and take a look at the available options. To display the button's command name, choose the Text Only (Always) option. If you want to display the command name and the icon, select the Image And Text option. To reset the button to the icon only, choose the Default Style option on the shortcut menu. When you've finished, click the Customize dialog box's Close button. 

Go to Top
Providing alternate text for pictures 
If a picture is worth a thousand words and you use pictures in place of those thousand words, then what's to become of your viewers who use text-only browsers or who have their browsers set to not display images? Well, if you provide alternate text for your pictures, those viewers will do just fine. 

Alternate text appears in the picture's placeholder as the browser loads your picture. It also appears in a ToolTip that FrontPage displays when your mouse hovers over the image. In special browsers for sight-impaired users, alternate text is converted to audio, so those users can "hear" your picture along with the rest of the text on the page. In text-only browsers and browsers with images turned off, the alternate text will appear where the image would otherwise be. 

Here's how to provide alternate text for your pictures: Right-click your picture, choose Picture Properties, and in the Alternative Representations section, enter a meaningful description of your picture in the Text edit box. 

Be sure your alternate text explains the purpose your picture serves--don't just enter the picture's filename. For instance, instead of entering something like "park-pic.jpg" or "yellow.gif" or even "Yellowstone Park," your conservation-sensitive alternative could be something like "Yellowstone Park's fragile ecology is being jeopardized by the millions of tourists who flock here each year to see its beauty." 

Be sure to provide alternate text for your thumbnails and hyperlinked pictures, too. In this case, though, it's a good idea for the alternate text to tell where clicking the picture will send the viewer--and maybe even what they'll find when they get there. 

Go to Top
Making your picture's background transparent
FrontPage offers a limited number of graphic tools that you can use to perform several basic--but extremely useful--image-editing tasks. One of these tools lets you specify one color of an inserted picture (usually the background color) as transparent. To use this tool, first click the Pictures toolbar's Insert Picture From File button and place any type of picture (one that has a single background color) on a page in Page view. Then, click the Set Transparent Color button on the Pictures toolbar and click the picture in an area that contains the color you want to make transparent. 

If your picture isn't in a format that supports transparency, FrontPage will ask, as soon as you click the Set Transparent Color button, if you want to convert the picture to a GIF. When you click OK, you'll be allowed to click a color to make it transparent. After you click OK, though, be sure to preview your picture--sometimes an image converted to a GIF will lose a lot of detail. (You can press the Undo button at this point--since you haven't saved the image as a GIF, you can still undo the action.) 

Go to Top
Snazzing up your thumbnails 
When you create a thumbnail, its default appearance is 100 pixels wide, with a thin border. Fortunately, you aren't stuck with that default appearance. FrontPage lets you edit a thumbnail just like any other image. You can use buttons on the Pictures toolbar to make it brighter or darker, adjust its contrast, add a beveled edge, or make any number of adjustments. You can also remove its border or change its size by right-clicking the thumbnail, choosing Picture Properties, and changing those options on the Appearance toolbar. When you save the page, FrontPage will prompt you to name your thumbnail picture. 

You can change not only the appearance of individual thumbnails but also a few elements of the default appearance for all thumbnails. To do this, select Tools, Page Options, then click the AutoThumbnail tab. Here, you can set a new default size, change the width of the border (or delete it altogether), or add a beveled edge to the thumbnail. Click OK when you've made your choices. From now on--until you change it--all your thumbnails will carry this default formatting. 

Go to Top
Coloring tables and cells 
Using color in tables can be a good way to separate information, especially if you aren't using a border for the table. It's also a good way to add graphic interest to a table. For instance, writers might want to place a tip in a colored table and let article text flow around the table. 

You can color an entire table, and you can color individual cells. To color a table, right-click anywhere in the table and choose Table Properties. In the Background section, click the Color drop-down arrow and select a color from the default palette or the More Colors palettes. Click Apply if you want to make additional changes; click OK to return to your page. 

To color individual cells, right-click the cell and choose Cell Properties. Then, click the Background section's Color drop-down arrow and select a color. Click Apply or OK to set the cell's new color. 

Incidentally, if you turn off your table's borders but keep your table's default Cell Spacing setting (2 points), each cell WILL include a "border" that's the color of the table background and as thick as the Cell Spacing setting. This border is obvious only if you color adjacent cells. If you want to get rid of this border, you should specify 0 for the Cell Spacing option. You can increase the apparent space between cells by increasing the Cell Padding setting. 

Go to Top
Inserting a scrolling marquee 
A scrolling marquee is a very effective way to catch your viewer's attention. As the text rolls onto the screen, it practically screams, "Look at ME." And considering how easy it is to insert a marquee, you get a whole lot of bang for the buck. 

To insert a scrolling marquee, click where you want to place the marquee, then click the Standard toolbar's Insert Component button (or choose Component from the Insert menu) and select Marquee. In the Text edit box, type the message you want to display. 

For the most part, you'll usually accept the default settings. But you might be interested in the options in the Behavior section. The Scroll option makes the text scroll in from one side, across the screen, and off the other side. The Slide option makes the text scroll in from one side and stop at the other side of the screen. The Alternate option makes the text slide from one edge to the other and back again. 

Go to Top
Using one picture to hyperlink to several sites 
You can also hyperlink specific areas of a single picture to several different Web pages. 
 A picture used in this way is called an image map. And the great thing is that you can use any picture for an image map--but it's best to use one with identifiable regions. Even better is a picture that has blocks of text or bordered areas (such as outlines of countries or expanses of color) you can use for hyperlinking. At the very least, insert text on the picture telling the viewer where to click. 

To turn a picture into an image map, you first insert the picture. Then, decide which areas you'll "map" as links to other Web pages or sites. You can map rectangular, circular, or polygonal areas on the picture. For the first link, click one of the shape tools near the right end of the Pictures toolbar and drag a "hotspot" (the clickable area that contains the link) on the picture. As soon as you finish drawing the shape, FrontPage will present the Create Hyperlink dialog box. Choose the target site or page just as you would with any other hyperlink. For the second and subsequent links, just repeat these steps. 

As you create your image map, you should follow these general guidelines: 
Do not overlap any clickable areas. Move, resize, or reshape the hotspot if necessary to avoid overlapping hotspots. (Overlapping hotspots confuse most browsers.) 
Make sure each hotspot is large enough to provide a reasonable clickable area at any screen resolution. Remember, the higher the resolution, the smaller the hotspot will appear. 
Don't rely on the image map exclusively. Include alternate text links for text-only browsers, and use one of your navigation bars to offer the same links as in the image map. 
Don't crowd too many links onto a single image--complex image maps can be very confusing to navigate. 

Go to Top
Alternate text for areas in an image map 
If your image map doesn't contain readily identifiable regions, you should include alternate text for each hotspot. This text will appear when your mouse hovers over the hotspot in Internet Explorer. Unfortunately, alternate text doesn't show up in Netscape Navigator. (Netscape viewers CAN, however, depend on the status bar to show them a hotspot's target address.) But in text-only browsers or browsers that have images turned off, you can provide alternate text that can give viewers a clue about the hotspot's destination. 

We couldn't find a command that would let us add alternate text for each hotspot. However, it's very easy to enter the code on the HTML tab. Just select the image before you switch to the HTML tab. Now all you have to do is find the tag for each link and then, just in front of the > character, type a space followed by 

ALT="Enter your Alternate Text here" 

Of course, you enter YOUR alternate text, but be sure to include the quotation marks. You can type ALT or alt or Alt--HTML isn't case-sensitive--but type the text enclosed in quotation marks exactly as you want it to appear; quoted text in the ALT attribute IS case-sensitive. Also, be sure to provide a meaningful message here--since it's a hyperlink, it's a good idea to show where the link will take the browser. 

Go to Top
FrontPage's Easter egg 
Many modern programs include a secret screen that programmers add to the application just for fun. These screens--commonly called Easter eggs--range from the simple list of programming credits to fairly intricate games. 

FrontPage's Easter egg is of the simple variety--but you might enjoy seeing some of the video effects the screen uses to list the programmers' names. To display the FrontPage Easter egg, hold down the Shift key and perform these steps: 

Pull down the Help menu, choose About Microsoft FrontPage, and click OK. 
Pull down the Help menu and choose About Microsoft FrontPage. 
When you've seen enough, click the X in the window's upper-right corner. 

Go to Top
Washing out your graphics 
Sometimes graphic images are, well, too graphic. The image may be perfect, but the effect is no good if its colors dominate a page or it obscures overlying text. The solution? Use the Wash Out command, which lightens up the image. To use this command, just click the image to select it and click the Wash Out button on the Pictures toolbar. (The Wash Out button is the mountain that looks--you guessed it--washed out.) 

You can apply this effect not only to any image on the page but also to the page's background image. To wash out a background picture, just click anywhere on the page's background and click the Wash Out button. 

Go to Top
Getting text with your images 
A picture of a breathtaking sunset may be worth a thousand words. But adding just a brief description (like, "view from my vacation villa") on top of an image can make it worth, well, a thousand and five words. 

Fortunately, adding text atop a FrontPage graphic is easy. Start by clicking the graphic image to select it. Then, click the Text button on the Pictures toolbar (the button that looks like the letter A) to insert a box with a blinking cursor on the image. Type your message and click outside the text box. 

You can use any of FrontPage's text-formatting tools and commands to format text you place on an image. And you can resize the text box by clicking and dragging its handles. Also, you can move the text box anywhere on the image by clicking it and dragging. 

If you look at the HTML code associated with the text, you'll see that FrontPage creates it as an image map. Not surprisingly, you can hyperlink this text box to one URL and the image to a totally different URL. 

Go to Top
Blinking text 
FrontPage offers lots of nice effects that enhance your pages in Internet Explorer--DHTML effects, mouseovers, and ActiveX components, to name a few. Most of these effects don't work in Netscape Navigator. There IS, however, one nice effect that works in Netscape but not in Internet Explorer--and that effect is blinking text. 

When you want to draw quick attention to a bit of text, making it blink will probably do the trick. Here's how you apply this effect: 
Drag over the text you want to make blink, press Alt-Enter (or choose Format, Font) to open the Font dialog box, click the Blink option in the Effects area, and choose OK. Save your page and view it in Netscape Navigator (not on the Preview tab--it's based on Explorer and won't display the effect). If Netscape isn't your default browser, you can select it by choosing File, Preview In Browser; highlighting the Navigator option; and clicking the Preview button.

Go to Top
Cropping images 
The Web's screen-based interface is so much like TV--most of your visitors have as short an attention span as a person with a remote control. So you need to give them what they need quickly so they can move on. One way you can do this is to crop your images--get rid of everything in the image except the part you want. The image will load faster and your visitors won't have to pick out which part of the picture you mean for them to look at. 

Here's how to crop an image. First, click the graphic to enable the commands on the Pictures toolbar. Then, click the Crop button, which looks like a couple of diagonal Xs. A rectangle will appear on the picture. You can resize this rectangle by moving its corner or side handles (the little black squares), or you can draw your own rectangle around the area of the picture you want to keep. When you've selected the crop area, press Enter or click the Crop button again. In a moment, the rest of the picture will disappear. 

Go to Top
Organizing your web site 
Put all files (graphics, sounds, and text) relating to a single page in a single folder, or put all text files in a folder and all graphics in the Images folder. When your web becomes large, put folders inside folders--just like you organize your files in Windows. 

To create a new, empty folder, right-click the folder you want to add a new subfolder to and choose New Folder. Then, type a name for the new folder and press Enter. 

To change your site's structure with the existing folders, just drag a folder to a new location. It might help to think of this in terms of family structure. For instance, to convert a "sibling" folder to a "child" of another folder, just drag and drop the sibling onto the other folder. To convert a subfolder (child folder) to a sibling folder, just drag and drop it onto the folder above the siblings (you guessed it--onto the "parent" folder). 

Don't worry about links: FrontPage updates them for you automatically. 

Go to Top
Adding a save all command to your file menu 
FrontPage doesn't offer a Save All command or button, but the good folks at Microsoft have provided a VBA macro that you can copy and paste into your FrontPage macro editor. Then, you can add the macro, as a command, to the File menu. 

If you'd like to give this macro a try, you can get it at 

http://officeupdate.microsoft.com/2000/articles/fpvba.htm 

The instructions are clear and easy to follow. Although the directions don't explicitly say so, you can Copy the macro (by highlighting it and using the Ctrl-C shortcut) and paste it into the module window (using the Ctrl-V shortcut). 

Go to Top
Change the default background color of your pages 
If you don't use a theme for your web pages but you do use a background color other than plain old white, you can save some time with each page by letting FrontPage automatically apply your standard background color. You do this by changing the background color of the Normal page template. To begin, click the Open button on the Standard toolbar. Next, navigate to the Normal template's file. In a standard FrontPage 2000 setup, it will be located in 

C:\Program Files\MicrosoftOffice\Templates\1033\Pages\ 

Select the normal.htm file and click the Open button. Now, change the background color by clicking on the blank page; choosing Format, Background; and selecting your color from the Colors section's Background drop-down palette. Click OK to set the background color, click the Save button to save the template file, and then close the file. The next time you click the New Page button, FrontPage will present you with a blank page that uses your custom background color. 

You can always return the default page to its standard background color by repeating these steps.

Go to Top
Indenting a block of text 
Nowadays, indenting a paragraph at both margins is easy--even in HTML! In FrontPage, you right-click anywhere in the paragraph, choose Paragraph from the shortcut menu, and enter values for the Indentation section's Before Text and After Text options. 
Depending on your screen's resolution, a setting of 75 or so will create a one-inch indentation. 

Another way you can indent a paragraph from both sides is by using the BLOCKQUOTE tag. This tag has gone out of favor, but the major browsers still support it at present. To use this tag, highlight the paragraph you want to format and then click the HTML tab. Just before the start of the paragraph, type 

<BLOCKQUOTE> 

At the end of the paragraph, type 

</BLOCKQUOTE> 

This tag creates a standard indent (about 3/4 of an inch). You can double up on the tag to create deeper indentations--two 
<BLOCKQUOTE>s before the paragraph, two </BLOCKQUOTE>s after the paragraph. 

Go to Top
Shortcut to editing pages
Want to know at a glance which of your pages are open for editing? No, you don't need to pull down the Window menu and glance at the list. Just look at the open folders in Folder List view. Any open document will be identified with a small pencil attached to its file icon. It's a subtle change, but one that can save you several mouse clicks over time. 
Go to Top
Cascading style sheets 
FrontPage and most of the Web design community encourage the use of cascading style sheets over line-by-line formatting. This makes sense, really--you wouldn't format each line of text in Word, so why do it in FrontPage? 

Fortunately, FrontPage makes working with styles and style sheets pretty easy. But first, let's look at the three basic types of styles you can use in FrontPage and on the Web: 
Inline styles--Similar to line-by-line formatting in a word processor. 
Document, or embedded, styles--Styles that pertain to a single document; they're similar to document-specific styles in a word processor. 
External style sheets--Similar to a template you create or edit and then apply to any number of documents. 

You can use all three types of styles on the same page. However, what happens when you've defined "normal" text in an external style sheet AND as a document style? And what happens when you manually change the formatting of that same "normal" text with an inline style? 

Here's an important thing to know about mixing styles on a page: the order of precedence--in other words, how the styles "cascade" through your document. Here are the rules: 
If an inline style is attached to the text, the text will carry the formatting specified in the inline style. 
If no inline style is attached to the text, the text will carry the formatting specified in the document style. 
If no document style is attached to the text, the text will carry the formatting specified in the external style sheet. 
If no external, document, or inline style is attached to the text, it will carry the default formatting for text. 

Go to Top
Inline styles 
To format text using an inline style, you select one or more paragraphs of text and use commands from the Format menu. 

For example, you might apply character spacing in the Font dialog box, indention and line spacing in the Paragraph dialog box, or a highlight color or border in the Borders And Shading dialog box. In the HTML code, the style definition appears at the beginning ofthe paragraph(s) you selected. Inline styles don't cover simple formatting such as font color, alignment, font size, bold, oritalics--that stuff usually appears inside regular HTML tags, like <B> for bold or <FONT COLOR="blue" SIZE="1">. 

Here's an example of an inline style as it appears on the HTML tab: 

<p style="border-style:solid; border-color:#008080; text-indent:-50; margin-left:50"> 

Incidentally, this tag creates a paragraph that's normal in every way except that it has a hanging indent and a teal border. 

Go to Top
Document styles
Document styles pertain to a single page. You can use them several times on the same page, but when you switch to another page, they aren't available. You can change the default formatting of a standard style. Also, you can either define a generic style you can apply to any paragraph, or you can create a style that's restricted to a particular existing style such as H1 (a top-level heading) or P (a normal paragraph). 

To change the formatting of a standard style, choose Format, Style; pick All HTML Styles in the List drop-down box; highlight the name of the style you want to change; and click Modify. At this point, click the Format button and choose the desired formatting. You can apply any number of formats to your new style. Back out of the Styles feature by clicking OK in each dialog box. 

To define a generic document style you can use with any other style, choose Format, Style, then click the New button. Next, type a style name, click the Format button, and choose from the formatting options (Font, Paragraph, and so forth). Click OK to back out of the Styles feature. 

To define a restricted document style, choose Style from the Format menu, highlight the name of the desired style from the All HTML Styles list, and click Modify. Then, in the Name (selector) box, type a period after the existing entry and then a name for the new style. For example, to define a red heading 2, the entry should be 

h2.red 

Next, click the Format button and apply the desired formatting, then back out of the Styles feature by clicking OK in the dialog boxes. 

Once you've defined the styles, you're free to start using them. And using a document style is as easy as can be. Your new style will appear at the bottom of the Style list on the Formatting toolbar; just click in the text and choose the style name from the list. 

On the HTML tab, you can see your style definition near the top of the page. The following style definition shows that we created three styles--the first redefines the standard heading 1 style with a new color (green). The second defines a universal red style that colors whatever you apply it to (which might include a heading 1 style if you wish). The third style specifies a restricted heading 
style--h1.red--that you can use only to create red headings. 

<style> 
<!-- h1{ color: #008000 } .blue{ color: #0000FF } h1.red{ color: #FF0000 } --> 
</style> 

When you apply a new style to a paragraph, the HTML tag preceding the paragraph will include the new style name following the specifier class, like this: 

<H1> This is a normal green heading 1.</H1> 
<H1 CLASS="blue"> This is a blue heading 1.</H1> 
<H1 CLASS="red"> This is a red heading 1.</H1> 

Go to Top
External style sheets
With external styles, your styles are defined in a separate document (it has a .css file extension), which is similar to a template in a word processor. You define the styles once, in one place, and you can use the style sheet for every page in your web or just for selected pages. 

First, you define styles in a style sheet. Open a blank or predefined style sheet file by selecting File, New and clicking Page. In the New dialog box, click the Style Sheets tab and select one of the options. (Don't worry--if you don't like a style on a predefined sheet, you can modify it.) 

When the style sheet opens in Page view, you'll see lines of text and curly braces (or, if you chose the Normal Style Sheet option, you'll see a blank page!). That's pretty much all there is to an external style sheet. The first thing to do is save and name your style sheet. Be sure to save it either with your web or with your other style sheets. 

Once you've saved the style sheet, select Format, Style to see exactly what's in the style sheet. At this point, you can redefine standard styles, modify existing styles, or add new styles, just as you do with document styles.

The next step is to attach the style sheet either to the whole web or to individual pages. Then, you can start applying the external styles. 

To attach an external style sheet to the whole web, just open one of your web's pages and choose the Format menu's Style Sheet Links command. Click the All Pages option and then the Add button. Select your style sheet's name and click OK. 

To attach an external style sheet to a single page, you open that page and repeat the steps above, except you click the Selected Pages option instead of All Pages. You can even attach one style sheet to most of the web and then attach a different style sheet to selected single pages. The HTML tab will simply refer to the style sheet's name near the top of the page, as follows: 

<link rel="stylesheet" type="text/css" href="woodys.css"> 

Once you've attached a style sheet, you start using it. To apply a style, simply place your cursor in the appropriate paragraph. 

Go to Top
Create dynamic text 
Not only can you liven things up with graphics, but now you can also make plain old text do flips--by applying Dynamic HTML (DHTML) effects to text and associating it with a trigger event like pointing or clicking a mouse. 

For example, say you want the words "Welcome to my Web page" to hop on to the screen word by word when the page loads. Type the words, then select them. Select Format, Dynamic HTML Effects. In the On box, choose the event that will trigger the animation--in this case, it's Page Load. In the Apply box, select Hop (there are also seven other effects to choose from). Close the DHTML Effects toolbar. You can view your handiwork by clicking the Preview Page View tab. 

Inserting symbols and special characters 
Sometimes, the standard keyboard just isn't up to snuff. What if you need to insert the symbol for British pounds, or a copyright or trademark symbol? Don't bother looking up the HTML codes--it's easy to insert them in FrontPage. 

Position your cursor where you want to insert the symbol. Choose Insert, Symbol. Make your selection, and click Insert, then Close. 

Remove text formatting 
Sometimes perfectly good Web designers go overboard with bold, underlined, italic, and colored text. If you decide after hours of work that you just can't stand the formatting on a page, don't worry. There's a quick and easy way to get rid of it. When you remove formatting, the text conveniently reverts to the default settings of its style. 

In Page view, select the text. Click Format, Remove Formatting. You can also press Ctrl-Shift-Z. 

Go to Top
Add borders around text 
A border is a great way to set an important paragraph off from the rest of the page, and FrontPage makes it easy to add a border and play with the style, color, and width. 

In Page view, select the paragraph around which you want to add a border. Or click anywhere in the paragraph--the border will still be applied to the entire paragraph. Select Format, Borders And Shading. For a four-sided border, click Box (under Setting). Then, you can set the properties by clicking options from Style, Color, and Width. 

Go to Top
Keyboard tricks
you're working with pages, formatting text, editing text and graphics, and selecting text and graphics. 
  • Create a new page: Ctrl-N 
  • Open a page: Ctrl-O 
  • Create a hyperlink on a page: Ctrl-K 
  • Preview a page in a Web browser: Ctrl-Shift-B 
  • Print a page: Ctrl-P 
  • Display non-printing characters: Ctrl-Shift-8 
  • Display HTML tags: Ctrl- / 
  • Refresh a page: F5 
10 keystrokes that will shave some time off your project when you're formatting text and paragraphs. 
  • Change the font: Ctrl-Shift-F 
  • Change the font size: Ctrl-Shift-P 
  • Apply bold formatting: Ctrl-B 
  • Apply an underline: Ctrl-U 
  • Apply italic formatting: Ctrl-I 
  • Apply superscript formatting: Ctrl-Plus Sign 
  • Apply subscript formatting: Ctrl-Minus Sign 
  • Copy formatting: Ctrl-Shift-C 
  • Paste formatting: Ctrl-Shift-V 
  • Remove manual formatting: Ctrl-Shift-Z or Ctrl-Spacebar 
Shortcuts for editing and moving text and graphics. 
  • Delete one word to the left: Ctrl-Backspace 
  • Delete one word to the right: Ctrl-Delete 
  • Cut selected text to the Clipboard: Ctrl-X 
  • Copy text or graphics: Ctrl-C 
  • Paste the Clipboard contents: Ctrl-V 
  • Insert a line break: Shift-Enter 
  • Insert a non breaking space: Ctrl-Shift-Spacebar 
  • One character to the right: Shift-Right Arrow 
  • One character to the left: Shift-Left Arrow 
  • To the end of a word: Ctrl-Shift-Right Arrow 
  • To the end of a line: Shift-End 
  • To the beginning of a line: Shift-Home 
  • One line down: Shift-Down Arrow 
  • One line up: Shift-Up Arrow 
Go to Top
Repair broken hyperlinks 
So while you're working on a web, you should occasionally check to see if it has broken hyperlinks, and if it does, repair them. 

Simply click View, Reports, Broken Hyperlinks. FrontPage will list all the broken hyperlinks--if a hyperlink goes to an outside site, the status will be Unknown. 

To fix internal links, double-click a hyperlink with Broken status, then click Edit Page. If you know the correct URL, edit it in the Replace Hyperlink With box. Or, click Browse to find it in a web, file, or on the World Wide Web. To repair other occurrences of the same hyperlink in all pages in your web, click Change In All Pages, then click Replace. 

Add a group of files to your current web 
When you're inserting pictures in your page, it's easier if those picture files are already part of your web. And at some point, you'll need to have all the files associated with your web in one place, or you'll have broken links when you publish. But there's no need to add them all at once. You can import a group of files into your web at the same time. 

Switch to Folders View. Click File, Import. Click Add File in the Import dialog box. You should now see the Add File To Import List dialog box. Navigate to the directory where your graphics files are located. Select them (remember, to select multiple files, hold down Ctrl while you click on the files). Click Open, then click OK. 

To find last worked file
It's been a while since you worked on your Web page (no, we won't tell the Web police), and you can't remember where you put the last files you were working on. Rather than dredging through your memory, use this easy trick: If you choose File, Recent Files, you'll get a list of all the files you last had open. Similarly, choosing File, Recent Webs will display a list of all the Web sites you've been working on, if there are more than one. 

Go to Top
Navigating your web page
Navigating the Web is often tricky business. A nice addition that makes it easy for people to navigate your site is a navigation bar. A navigation bar is a series of links that appears on every page of your Web site. It allows visitors to jump from one page to another easily. 

Here's how to add one to your site. 

First, open your home page in Page view. Choose Format, Shared Borders, then click the All Pages button. (We're assuming that you want a navigation bar to appear on each page of your Web site.) Now you have a few choices: You can choose to have a navigation bar at the top, bottom, right, or left of your page. Or you can choose more than one of those options. For simplicity's sake, click on Top and Left. Select the Include Navigation Buttons option for both. Finally, click OK. You'll see a navigation bar on the left and a banner at the top of the page. 

When you add a navigation bar to the top of your page, you'll notice that you also get a page banner (that's the text across the top of the page). The page banner automatically uses the text of the page title--but this might not be the text you want to shout from the top of the page. If it's not, try the following: 

First, move to the page banner and double-click the text. In the resulting dialog box, look for the section called Page Banner Text. Highlight the text as it currently appears and then type in the text you'd like to see on your Web page. When you've finished, click OK. 
The page banner text will be changed. 

Once you've added a theme, changing colors, graphics, or text isn't rocket science. 

Once again, choose Format, Theme. In the Themes dialog box, at the bottom, you'll see a button labeled Modify. This is your ticket. Once you click that button, three other buttons will appear: Colors, Graphics, and Text. Click these buttons and fiddle around with the appearance of the theme. 

Here's an important note: When you've finished fiddling, click OK and then--back in the Themes dialog box--you'll see the option to save this newly constructed theme. Instead of clicking the Save button, click the Save As button. This way, if you decide later that you don't like the changes you made, it's easy enough to go back to the original theme and start again. Now that's using your head. 

Generally when you apply a theme, you want to apply it to your entire Web site. But there may be times when you want to apply it only to certain pages. Here's how: 

First, go to the Folders list and highlight only the pages that you want to have the new theme. (Tip in a tip: If the folders aren't next to each other, hold down the Ctrl key on your keyboard so you can select them.) Next, choose Format, Theme. When the Themes dialog box 
appears, make sure the option Apply Theme To Selected Page(s) is selected. Then, select the theme you want, and it will be applied only to the pages you chose. Don't forget to click the OK button to finish the job. 

Go to Top
Undo last action
You've been fiddling around on your Web page and you suddenly come to the conclusion that you don't like any of the changes you've just made. FrontPage allows you an unlimited number of Undos. To undo anything, simply press the Ctrl-Z key combo on your keyboard or click the Undo icon on the toolbar at the top of the FrontPage screen. 

You know that if you want to undo something in FrontPage, you can, but what if you want to undo a lot of somethings? Say a few steps. Easy. Instead of undoing each individual step, FrontPage allows you to undo several at a time. Check out the Undo icon on the FrontPage toolbar. (It looks like an arrow that's pointing to the lower-left corner of the page.) To the right of that icon you'll notice a small menu arrow. Click and hold that arrow, and you'll see the last seven commands you just completed when you were working in FrontPage. Highlight as many items as you want; when you release your mouse button, FrontPage will undo them all. 

Serving up tables
When you go to insert a table on your Web page, you have the option of specifying the width of the table. And you can set the width either in pixels or in a percentage of the total width of the page. Skip the pixel option and go with the width of the page. Why? Well, it's not just because measuring in pixels seems a little absurd. It's also because different viewers have different-sized screens, and you'll be able to set the size of the table so it's appropriate for anyone looking at it--and that IS important. 

Spell that
Does your Web site have dozens of pages, all in need of a spell-check? Rather than doing the job page by page, use the secret shortcut and spell-check the whole site at once. 

First, go to the Folders view. Now click the Spelling button on your toolbar. (It looks like a check mark, with the letters ABC above it.) The Spelling dialog box will appear. Click the button that allows you to check spelling of the entire Web. Before you click the Start button to begin the spell-check, decide if you want to add a task for each page with misspellings. This might be a good idea if you think you're going to run into a whole pile of misspelled words and you don't have a lot of time. By selecting this option, you can wait until later to make all the changes. Click Start and let the spell-check begin! 

Go to Top
Rubbing elbows, or shared borders
What if you want to add those shared borders to only one or two pages? 

First, go to the Folders view of your Web page. While you're there, highlight the pages where you want to apply the borders. (Note: If you want to select pages that aren't next to each other, hold down the Control key on your keyboard.) Once you've highlighted your pages, select Format, Shared Borders. In the Shared Borders dialog box, click Selected Page(s). Now choose the borders you want to apply and click OK. The shared borders will be applied to the pages you selected. 

What to put in a bottom border? This is the perfect spot to stash stuff like copyright and trademark information or to put contact information so people know how to reach you. 

To be sure that all your visitors will be able to see it properly, that doesn't mean you have to go out and buy a whole bunch of different monitors. Instead, you just have to change a few settings as you preview your page. 

Begin by choosing File, Preview In Browser. In the Preview In Browser dialog box, you'll see a section called Window Size. Here, you can select different screen sizes--640x480, 800x600, 1024x768. You should preview your page in all these different options. 

Go to Top
To chnage Web  name 
Yes, a rose by any other name would still be a rose--but your Web site by any other name could just create a nightmare of broken hyperlinks. Fortunately, you can avoid all those problems if you change a web's name with FrontPage. Start by selecting Tools, Web Settings. In the Web Settings dialog box, select the General tab. There, you'll see a section called Web Name. Go ahead and make your change here. 

One note: If you've already published your Web site and then renamed it, you'll have to republish it with the new name. 

Keep out 
Sometimes, you just want to keep things under wraps. If you have files for your Web page that you'd like to tuck away where co-workers won't have access to them, you can create a hidden file. To do that, choose File, New, Folder. When you name your new folder, make sure it begins with an underscore (for example, _keepout). That underscore ensures no 
one can see the private folder. 

To view all hidden folders, select Tools, Web Settings. In the Web Settings dialog box, click the General tab. Look for the option Show Documents In Hidden Directories. Once you select that option and click OK, you'll be able to see all hidden folders.

Doing it your way 
Some things just seem like they always have been and always will be a certain way. For example, when you're navigating through a Web site, you click Back to go back to the last page and Next to go to the next page. But the labels don't have to say these exact things: You CAN buck the trend. To change the way the labels appear on your navigation bars, select Tools, Web Settings. Next, click the Navigation tab. Make your customizations and then click OK. 

Go to Top
Size counts
There are many, many reasons that you may want to know the overall size of your Web site. You may have free space on a Web server--up to a certain size. How to determine if you're under the limit? Choose View, Reports, Site Summary. Check the top line of the resulting report--it's labeled All Files. In the Count column, you'll be able to ascertain the number of files in your Web. The Size column will tell you the total size of all those files combined. 
Go to Top
Varying variables
Here's a scenario: You're just about to launch the Web site for a new company, but that company is going to be moving its brick-and-mortar location soon. And the company address is plastered all over the Web site, so you know that you're going to have a lot of updating to do once the move is final. But FrontPage has a shortcut that will help you save some time. Instead of just adding the company address to the site, make the address a variable. By defining it as a variable, you can simply make one change--to the variable--and it will update itself over the entire site. 

To create a variable, begin by choosing Tools, Web Settings. Next, click the Parameters tab. To create the variable, click Add. In the Add Name And Value dialog box, you'll do just that--add a name and a value. In our example, the name would be something like "address" and the value would be the actual address of the business. When you've finished, click OK. 

You define a variable and then simply make one change to the value of the variable in order to update that information over your entire site. So, once you've created your variable, here's how to display it on your site. 

First, position your cursor where you want the variable information to appear on your page. Now select Insert, Component, Substitution. In the Substitution Properties dialog box, you'll see a white bar with a pull-down arrow on the right. Click on the pull-down arrow, and you'll see a list of variables. Choose the variable you want to add and click OK. 

The reason you created a variable in the first place is because you knew you'd have to update information. For example, you knew your company was moving and you'd have to change the address listed on the Web site, or you knew you were going to be changing a product name. To edit the variable you've created, first select Tools, Web Settings. Then, click the Parameters tab. Now highlight the variable you want to change and click the Modify button. 
Once your changes are complete, click OK. 

Go to Top
Define terms
You may not be creating a dictionary on your Web page, but sometimes you still have to define a term or two. Fortunately, FrontPage has a feature that lets you create a "definition list"--it's basically a formatting trick that makes it clear that you're defining a term. To add this feature to your page, first position your cursor where you want the definition to begin. Now, look at the toolbars at the top of your FrontPage screen. On the far-left side of the Format toolbar, you'll see a white box with an arrow next to it. In the white box, it says "Normal." Click on the arrow next to the word Normal and scroll down until you see the phrase "Defined Term." Select that phrase; it should now appear in the box on your toolbar. Start typing. First, type the term you want to define. Then press the Enter key on your keyboard. Now type the definition for your term. You'll notice that the indentation is different for the term versus the definition. That's how a definition list looks. 

Now, here are a few tricks for making this tool more user friendly--if you want to enter more than one definition for a term, press Shift and Enter at the same time. That will simply insert a line break instead of setting you up for another definition. When you've finished adding terms and definitions, press the Control and Enter keys at the same time--or just press the Enter key twice--and you'll return to Normal formatting. 

Who cares about status 
FrontPage automatically includes a status bar at the bottom of the screen. This status bar gives different information in different views; for example, it will provide you with the exact path to a file if you select it in the Folders view. But you might think that this status bar is just so much more clutter on your screen. To remove it from sight, select Tools, Options. In the Options dialog box, click the General tab. There, under the General section, you'll see a checkbox labeled Show Status Bar. Deselect the checkbox and click OK.  The status bar will automatically disappear from your screen. 

Go to Top
The slow and pokey page
How do you know if your page is too slow? Well, obviously, the more graphics and images you have on a page, the slower it will be. But that's not very scientific. Fortunately, FrontPage has a built-in tool that lets you determine if a page will download too slowly. 

Here's how to find out if your Web site includes any such snails. Select View, Reports, Site Summary. In the report that appears on the screen, you'll see a row called Slow Pages. As you read across that row, note the number of pages that are slow and the size of those pages. Now your only job will be to select those pages and cut them down to size. Who defines slow? If you know that all your site visitors are going to be using a T1 line, then slow means something different than if you're expecting folks who are still surfing on a 14.4-Kbps modem. FrontPage's default settings are for a page that takes 30 seconds to download on a 28.8-Kbps modem. To change the settings, select Tools, Options. In the Options dialog box, click the Reports View tab. There you'll see the settings you want to change. You can adjust the amount of time a slow page takes to download, and you can set the assumed connection speed. 

Go to Top
Groovy background sound 
You can add your own sounds to your page. 

Select the page where you'd like to attach a sound and right-click. Choose Page Properties from the context menu. In the Page Properties dialog box, click the General tab and look for the Background Sound section. In the Location box, enter the name of the sound file you'd like to play. The easiest way to do that is to click the Browse button, search your files until you find the sound file you'd like to add, and click OK. 

The last step is to set the number of times you'd like your sound file to repeat. In the Loop section, you'll see the Forever option, which is enabled by default. What that means is that your sound file will keep replaying and replaying and replaying, as long as your visitor is looking at your page. If that feels like overkill to you, deselect the Forever option and enter a specific number of times that you'd like the sound file to repeat. Finally, click OK. 

Go to Top
Teacher says make an outline 
FrontPage has a way to let you present outlines on your Web site, without you having to sit and hit tab keys, line everything up, and change all the numbering by hand. It's still a fairly complex process--you're essentially stringing together a series of lists--. 

The first thing to do when you're starting an outline is to position your cursor where you want the outline to begin. Now, select Format, Bullets And Numbering. The List Properties dialog box will appear. Click the Numbers tab. There you'll see several different numerical styles. Pick the one you'd like for the first level of your outline and click OK. 

The next step is to just start typing your outline. When you press the Enter key to select the next level of your outline, you'll notice that it doesn't automatically indent or give you a different numbering system. 

How to indent everything so it looks more like the outlines? 

You've typed in a series of items. Let's say the first line is SUMMER PARTY, and under that you have a series of items that you want to indent, such as: FRIED CHICKEN, LEMONADE, and WATERMELON. (By the way, we'll expect an invitation once you've figured out how to create your outline.) Go ahead and select all the food--in this case, that's all the stuff you want to indent. Now look on your toolbar for the Increase Indent icon; it has an arrow pointing to the right, with a bunch of lines next to it. Click that icon twice, and all your food will be neatly indented for your summer party menu. 

In order to make outline complete, you'll have to take one more step. Right now, everything's neatly indented, but it all has the same numbering system, Each level has a different lettering or numbering system. 

So here's how to do it right and get that A. Select the level of the outline whose numbering system you want to change. (Using our previous example, that's the list of food you'll be serving at your summer party.) Select the first item on that sublevel. Right-click and choose List Properties. You'll see that same List Properties dialog box, with different numbering styles. Choose the one you'd like for the sublevel you're working on and click OK. You'll notice that the change is applied to all items in that sublevel. (NOTE: The change won't apply to items on other sublevels. Even if the levels have the same amount of indentation, you'll have to select each sublevel separately to change the numbering.) 

You're building an outline and you made a mistake. Say you've indented items too far--turns out that your outline has changed and you want to move stuff up a level. Not a problem. Simply select the items you want to move and click the Decrease Indent icon on your FrontPage toolbar. 
It looks like an arrow pointing to the left, with a bunch of lines next to it. 

When you've finished with your outline, just press the Enter key twice to exit from all its intricate list-making properties. 

Go to Top
The disappearing list
Let's say you have a multilevel list (or an outline), but you want sections of it to be collapsible. In other words, you want your visitors to have some control over that list and be able to make parts of it appear and disappear. First select the section of the list you want to be collapsible. Now right-click and select List Properties. Toward the bottom of the dialog box, you'll see the Enable Collapsible Outlines option. Select that option and click OK. The section of the list you selected is now collapsible. 

Most important, you simply collapse the list by clicking on the level ABOVE the section that's collapsible. As a favor to your visitors, you might want to add some instructions to your site to explain that to them. 

Now, you might be testing this and thinking that this tip just doesn't work. It does. But the trick is that you have to view your page in Preview mode in order to see your list do its collapsing stuff. To do so, look at the lower left-hand corner of FrontPage and click the Preview tab. Now go ahead and test it. When you've finished, go back to editing by clicking the Normal tab. 

When creating a collapsible list, you also have an option to have the list collapsed when your Web page first opens. To do that, you have to make the whole list collapsible. But that's simple enough: Just highlight the entire list, then right-click and choose List Properties from the context menu. In the List Properties dialog box, select the Initially Collapsed option and click OK. 

Tip-in-a-tip: If you've followed all these instructions but you don't see List Properties as an option on the context menu, it could be that your list doesn't have enough levels. Don't worry--you don't have to add anything to the list. Simply select the very first item of the list and try again. 

Here's something to keep in mind when creating collapsible lists: This neat trick works only with Web browsers that support Dynamic HTML. (That's a fancy Web programming language.) And that could be a problem, because that means that it will work only for folks who use such browsers as Internet Explorer 4.0 (and higher) and Netscape Navigator 4.0 (and higher). So all those folks who use older versions of these browsers (or perhaps even other, less popular browsers) might miss out on your nifty collapsing lists. One way around this problem is just to be sure that the list isn't collapsed when viewers come to your page. That way, if they want and are able to collapse the list, they can. However, if they can't collapse it, they'll still be able to read all of the important data in the list. 

Go to Top
Let FrontPage do the walking
Set FrontPage to automatically open the last web you were working on when you relaunch the program. This is a particularly handy trick if you know you'll be working on the same web over and over again. 

To set this up, select Tools, Options. In the Options dialog box that appears, select the option Open Last Web Automatically When FrontPage Starts in the Startup section. Then click OK. Now your web will automatically launch when you open FrontPage. 
Go to Top
Everything in its place
You can organize files by different categories--say business files or travel files or some such thing. Here's how to get the job done. 

Select View, Reports, Categories. You'll now see a list of all the different files you have in your web. (Note that there's a column called Category, which is probably blank. This is where you'll see the different categories for your files, once you assign them.) Select the file you want to categorize first. Right-click on the file and choose Properties. In the Properties dialog box, click the Workgroup tab. There, you'll see a list of categories. Choose the appropriate categories for the file in question. Be aware that you can choose more than one category for each file. When you've finished choosing categories, click OK. You will now see the category you selected in the Category column. 

What if you have several files that belong in the same category? Do you have to sit and file each one separately? Not at all. In the Category view, simply select all the files that belong in the same category, right-click, and choose Properties from the context menu. Select the Workgroup tab in the Properties dialog box, and then select the category that applies to all the files you selected. 

The categories that FrontPage provides--like Competition, Ideas, and Travel--don't work for you. No problem--just create your own categories. 

First, you need to get to the category list. Do that by right-clicking on any file in the Category view and selecting Properties from the context menu. In the Properties dialog box, click the Workgroup tab. There, you'll see the list of categories. You'll also see the Categories button. Click that button once and you'll see the Master Category list. To add your own category, simply type it in the New Category text box and click the Add button. When you've finished adding categories, click OK.

Categories are all well and good, but they're really not much use if all your Business files are lumped together with your Travel files. What you really need to do is view only one category of files at a time. 

While in the Category view, open the Reporting toolbar. To do this, select View, Toolbar, Reporting. The new toolbar will appear on your screen. Now, click the down arrow by the Report Setting box. (If you don't know which arrow that is, hold your cursor by the arrow for a moment. A label will appear that tells you you've located Report Setting.) Select the category you'd like to display. Only that category will appear on the screen. When you've finished looking over files in that category, go back to Report Setting and either choose another category or select all categories to display all files. 

Go to Top
Cell by cell 
You might decide that different cells of your table should look different--maybe one needs a different background color or different alignment. It's easy enough to customize separate cells. Simply select the cell (or cells) you want to change and right-click. Select Cell Properties from the context menu and make your changes in the Cell Properties dialog box. That's all there is to it. 

Linking it all up
If you want to link from text, highlight the text in question. If you want to link from an image, click on the image once to select it. Look at the toolbars at the top of your screen. You're looking for the hyperlink icon: It looks like a globe with a sideways figure-8 in front of it. Click this icon once to open the Create Hyperlink dialog box. If you want to link to a site on the Web, type the address in the URL box. If you want to link to another page on your Web site, find that page and select it. When you've finished either of these tasks, click OK. 

Go to Top
Image mapping 
What if you want to create several links from one image? In fact, there's a name for such a beast: It's called an image map. 

To create an image map, first click on the image to select it. Now, look for the picture toolbar at the bottom of your screen. On the far right of the picture toolbar, you'll see three icons that are each the outline of a different shape--a rectangle, a circle, and a polygon. 
Click on the rectangle and you'll notice that your cursor turns into a pencil. When you click and drag that pencil on your image, you'll draw a rectangle. As soon as you release your cursor, the Create Hyperlink dialog box will appear. Type the address of the URL that you'd like to link to from this hotspot on your image. Then, click OK. Continue to add hotspots to your image using the Rectangular Hotspot, Circular Hotspot, or Polygonal Hotspot icon. When you're done, take your image map for a test-drive by viewing it in your browser and jumping to all the different sites to which your image has links. 

Once you create an image map, you might want to go back and check out where you put all your hotspots. To highlight hotspots on your image, first click once on the image to select it. Now look for the Highlight Hotspots icon on the picture toolbar at the bottom of the screen. This icon looks like an arrow pointing to an aqua-blue rectangle. Click the icon, and you'll see all the hotspots in your image, neatly outlined. 

When you're creating an image map, it's always a good idea to use an image that already suggests different links. For example, if you have a map of the US, it only seems natural for you to have links from different sections of the map to your different store locations across the country. However, as obvious as your image map may seem to you, it never hurts to make things a little clearer. The easiest way is to add text labels to your image map. 

To do so, first click on the image and highlight the image hotspots. Now look for an icon with a big A in the picture toolbar at the bottom of the screen. This is the text label icon. Click it once. A box will appear in the center of your image. Type the text label you want to add to your image map. Now, click outside the label box. Once you've done this, you can click the label again and--while holding down your mouse--drag it to the section of the image that it's meant to label. Continue to add labels for as many hotspots as you have on your image map. 

Go to Top
The great frame-up
Frames are a way to create several pages that the visitor can view at once. For example, you have a frame across the top of page that has the company name, a frame down the side of the page with a table of contents, and another frame for the rest of the page that has the bulk of the information. "How is this different from borders?". Here's the difference: When you click on a link in one frame, you have the option to change the material on that section of the Web page only; in other words, you don't necessarily change the whole page as you would on a page with borders. 

When you create a page with frames, you're actually also creating what's called a frame source page. The frame source page basically acts as a traffic director for the other frame pages.  If you have a page that has three frames, that page needs one frame source page to refer to, so it knows where to put which frame. 

To create a page with frames, start by choosing File, New, Page. In the New Page dialog box, you'll see a tab for Frames Pages. Click that tab and you'll see a plethora of different options for your frame-enhanced page. Don't know which to choose? Select the option and check in the lower-right corner of the dialog box. There, you'll see a preview of what the page will look like. Once you've picked the perfect frame page, simply click OK. 

Just a bunch of gray blocks in a gray page, with a few buttons. Well, it might not look like much, but this is the magical frame source page of which you've heard. You'll notice that in each section of the frame source page, there are two buttons: Set Initial Page and New Page. 

You'll use these buttons create the different pages of your frame-enhanced page: If you want to start from scratch, click the New Page button. If you want to essentially import a page that you've already created, click the Set Initial Page button and find the page on your hard drive. Keep in mind that you'll have to go through this procedure for each frame of your Web page. 

Go to Top
FrontPage has some editing options that will allow you to tweak. 
Let's say you want to split a frame into two separate frames. First, position your cursor in the frame section that you want to split. Now, choose Frames, Split Frame. In the Split Frame dialog box, you can choose whether you'd like to split the frame into rows or columns. 
Once you've made your choice, click OK and the frame will be split in two. Note that once you've done this, the new section of your page will be gray, and you'll have to create the new page that belongs in that framed section. 

Tinkering with frames can be an endless task. You'll notice that a thick line surrounds each framed section. If you hold your cursor over that line, your cursor arrow will turn into a short black line with an arrow pointing in each direction. Once you see that short black line, hold down your mouse and drag the line. In this way, you can adjust the size of each framed section of the page. 

Saving your Web pages with FrontPage is normally a one-two job, no more complicated than saving a document in, say, Word or Excel. Unfortunately, it's a little trickier when you're working with frames. 

When you go to save your frame (by selecting either File, Save or File, Save As), FrontPage will ask you to save each section of your frame page. And then, to top it all off, it will ask you to name and save the frame source page. How will you know which section of the page it's asking you to name? When you're saving a page with frames, the Save dialog box includes a little diagram of the page. As it asks you to save each section of the page, it will highlight that section in the diagram. When it's time to save the frame source page, it will outline the entire page. 

Here's another tip about saving frame pages: Name the sections of your page and the frame source page something similar. That way, if you create other pages with frames, FrontPage (and you!) will be able to identify which frames go with which frame source pages. 

For the browsers that don't support frame pages, you should create a page that doesn't require frames capability. It won't take much of your time. Simply look at the lower left of your screen at all the various tabs. Find the tab called No Frames and click it. Onto this page, you'll want to copy all of the most relevant material from your frame-enhanced page. Then, FrontPage will be able to offer a backup plan for those folks who don't have the browser support for frames. 

Go to Top
Targeting frames 
The best thing about a frames page is the way you can manipulate it. 
For example, let's say you have a table of contents in a left-hand frame. The items in that table of contents are for the seasons: Summer, Autumn, Winter, and Spring. But here's the cool part: Your visitor clicks on Summer and voila--the information for Summer appears in the central frame of the page. When the visitor clicks on Autumn, the Summer information is replaced by information on Autumn. Mind you, even though information changes in the main frame, the table of contents (and any other frames on the page) remains the same. 

It is a two-step process: First, you have to tell FrontPage where you want the new information to appear. (In our example, that would be the main frame of the page.) Next, you have to tell FrontPage what information you want to have loaded into that frame. (In our example, that would be Summer, Autumn, Winter, or Spring, depending on the link that the visitor clicked.). 

Anywhere in your frames page, right-click. Select Page Properties from the context menu. 
In the Page Properties dialog box, look for the Default Target Frame option. To the far right of that option, you'll see an icon of a small pencil, drawing dots. Click that icon. 

Now you'll find yourself in the Target Frame dialog box. Here you'll see an image of the current frames page, with all of the different framed sections. Click on the section of the frames page that you want to set as the target. Remember, the target is the section of the page that will change, or the section of the page in which the new information will appear. Once you've selected the appropriate target, click OK. Back in the Page Properties dialog box, click OK again. 

Your target is set. Tune in next time to learn how to move information into the target frame. 

Let's  learn how to load new information into that frame target. 

Let's use the same example we used last time: You have a page with a table of contents down the left-hand side of the screen. The links in that table of contents refer to the four seasons. You set the main frame (in our example, the only other frame outside the table of contents) as the target for that information on the four seasons. 

First, double-click to select the word Summer in your table of contents. Now find the Hyperlink icon at the top of your screen--it looks like a globe with a sideways figure-8 in front of it. Click this icon once. In the Create Hyperlink dialog box, find the page you've created that has the information on Summer. Select that page and then click OK. 

All you've really done is create a basic hyperlink, but because you created the main frame as a target, the information on Summer will load in the main frame when you click the link. Test it out by clicking the Preview tab at the bottom of the screen and then clicking the link. 

Now that you know the basics about targeting frames, you might want to branch out. Let's say, for example, that you have a frames page with three frame sections--a top border, a side table of contents, and a main section. Obviously, you want most of the information from the table of contents to load into the main frame. However, there's one bit of info--some company stuff--that you want to have appear in the top border, not the main section. In that case, you have to change the target when you create the hyperlink. Here's how: 

First, select the word that you want visitors to link from and find the Hyperlink icon at the top of your screen. (Remember, it looks like a globe with a sideways figure-8 in front of it.) Click the Hyperlink icon. In the Create Hyperlink dialog box, find the Optional section, and look for the Target Frame option. Click on the little pencil to the far right of this option. Now you're in the Target Frame dialog box. Select the frame that you want the information to appear in. (In our example, it's the top border.) Once that area is selected, click OK. Back in the Create Hyperlink dialog box, find the information that you want to link to and select it. Click OK. 

Note that you've only changed the target location for this one link. The rest of the links on the page will still appear in the main section (assuming that's the default target you've created). Try the whole thing out by clicking the Preview tab at the bottom of the page and clicking the link. 

If you want a link to overwrite your whole frames page and basically reset the window, just follow these directions: 

First, select the word that you want visitors to link from and find the Hyperlink icon at the top of your screen. (Remember, it looks like a globe with a sideways figure-8 in front of it.) Click the Hyperlink icon. In the Create Hyperlink dialog box, find the Optional section, and look for the Target Frame option. Click on the little pencil to the far right of this option. Now you're in the Target Frame dialog box. There, you'll see a list of Common Targets. Select the one called Whole Page and click OK. Back in the Create Hyperlink dialog box, find the page that you want to link to and select it. (Note that if you want to jump out to the Web, that's okay too. Just type the address of the page in the URL box.) Click OK. 

Test it out by clicking the Preview tab at the bottom of the page and then clicking your link. The frames page will disappear and a whole new page--the one you created the link to--will appear on the page. 

Go to Top
Going monochrome 
If you have a color photo on your page, it's easy enough to turn it black and white. First, click once on the photo in question to select it. Now, look at the picture toolbar at the bottom of your screen. The icon you're looking for has two triangles that, when fit together, would make a square. You'll know you've found the right one because the words Black and White will pop up when you hold your cursor over the icon. Click once on this magic button, and your photo will instantly change to a black-and-white masterpiece. 

Design Tips
Here's a little design tip: Select the first letter of the first word of your Web page and make it a font size or two larger than the rest of the lettering. This will add some attraction, without cluttering your page. 

Don't use more than three different fonts on your Web page. It makes everything too busy for readers to really absorb. 

We get by with a little help from our friends 
Rather than creating an outline in FrontPage, use Microsoft Word instead. Then, when the outline is complete, copy and paste it into your FrontPage web. It should be several steps easier than starting the outline from scratch in FrontPage itself. 

Go to Top
Interactive calendar
Microsoft FrontPage includes ActiveX controls. These nifty items let you add certain kinds of features to your Web page, like stock tickers or pop-up windows. But one of the coolest features is an interactive calendar. Using this calendar, visitors can change the month and year and choose different dates. To add this calendar to your page, choose Insert, Advanced, ActiveX Control. In the Insert ActiveX Control dialog box, highlight Calendar Control. Now click OK. You'll see the calendar appear on your Web page. 

When you tried to interact with it, you found that it didn't do anything at all.  You just need to look at it a little differently: Click on the Preview tab that's on the bottom left-hand side of your screen. Now you'll be able to navigate that calendar with ease. Just don't forget that when you're ready to start editing your page again, you'll need to click on the Normal tab at the bottom of the screen. 

You're interacting with that interactive calendar, but you want it to be a little more exciting, not just the boring gray dates you see before your eyes. You want color. 

Simply right-click on the calendar and then choose ActiveX Control Properties from the context menu. In the resulting dialog box, click the Color tab. On the left-hand side of the dialog box, you'll now see a list with names like BackColor and DayFontColor. On the right, you'll see a series of different colors. Here's how it works: 
First pick the part of the calendar that you want to change. For example, if you want the background color to be different, highlight BackColor. Now, choose the color you'd prefer on the right. Click the Apply button to see if you like the change. When your artistic side is satisfied, click OK to finish the job. 

Go to Top
Sizing it up 
By default, visitors to your Web site will be able to resize frames on their screen (that is, if your Web page uses frames). This is handy, especially since users will generally come to your site from different browsers and with different-sized monitors. However, if you want to turn off this feature for some reason, simply right-click on your frame page and select Frame Properties from the pop-up menu that appears. In the Frame Properties dialog box, look under the Options section and deselect the Resizable In Browser check box. 
Go to Top
Designing in style
Basically, you use style sheets to specify design parameters for your Web page. You can change font style and size or set background color. But with style sheets, you can do more detailed tricks, like changing character spacing (that is, the space between letters) or set shading properties for boxes--and you can apply these effects and change them with a few clicks of the mouse. 

Style sheets can be pretty complicated.  Fortunately for the less design-savvy among us, FrontPage has some built-in, pre-designed style sheets you can use if you want to apply a style to multiple pages of your Web site. These are called external style sheets. 

Choose File, New, Page. In the dialog box that appears, click the Style Sheets tab. As you highlight the different options, read the description of the styles on the right-hand side of the dialog box. When you find one you like the sound of, click OK. Suddenly, instead of looking at the familiar comfort of the Web page you were just designing, you're staring at a bunch of unfamiliar code. Don't panic--that code is the guts of the style sheet you chose. You might also see a small Style dialog box. For now, let's assume you don't want to make any changes to the preformatted style sheet. Choose File, Save As. Give your new style sheet a name and click OK.

You created a style sheet, you haven't yet linked your Web pages to it. Here's how to finish the job: 

First, choose Format, Style Sheet Links. In the Link Style Sheet dialog box that appears, you'll see two radio buttons: Click All Pages to apply the style to your entire web. Now, you'll notice that the box under URL is blank. You'll need to add your style sheet so FrontPage knows what style to apply. Start by clicking the Add button to the right of the dialog box. Find the name of your style sheet in the Select Hyperlink dialog box. Here's a tip in case you're having trouble finding it: All style sheets have a .css extension. Once you've found the right style sheet, select it and click OK. 

You're now back in the Link Style Sheet dialog box and the name of your style sheet should appear in the white box. If everything looks okay, click OK. You'll see your new style on your web. 

If you want it to apply to a few select pages only? 

First, choose the Folders view. Now, highlight the pages to which you want the new style to apply. If you want to select several pages, hold down the Shift key (for consecutive pages) or the Ctrl key (for pages that aren't next to each other). Choose Format, Style Sheet Links. In the Link Style Sheet dialog box that appears, you'll see two radio buttons: This time, click Selected Page(s). The style sheet will be applied only to the pages you chose when you were back in the Folders view. 

Next, you'll need to add your style sheet so FrontPage knows what style to apply. Start by clicking the Add button to the right of the dialog box. Find the name of your style sheet in the Select Hyperlink dialog box. Here's a tip in case you're having trouble finding it: All style sheets have a .css extension. Once you've found the right style sheet, select it and click OK. You're now back in the Link Style Sheet dialog box and the name of your style sheet should appear in the white box. If everything looks hunky-dory, click OK. You'll see your new style applied to the specific web pages you selected. 

You've applied a FrontPage style, but you've decided you'd like to make a few tweaks.  Open the style page (choose File, Open and then find the page). Style pages may seem impenetrable if you're just reading through them, but FrontPage has a few tricks up its sleeve to help you through the process. 

With your style sheet open, choose Format, Style. The Style dialog box will appear on the screen. Using this box, you'll make changes to your style sheet. First, look on the left side of the dialog box at the Styles list. This might look a little cryptic, but it's important.  These are the different parts of the style sheet you'll be editing. 

For example, see the word "body"? If you select that, you'll be editing the body text style of your style sheet. Look for "a: link"--that has to do with the style of hyperlink text; "a: visited" is the hyperlink text once it's already been visited; and so on. Select the part of your style sheet you'd like to edit and then click the Modify button. 

Now you're in the Modify Style dialog box. Click the Format button, and a whole list will appear. Do you want to edit the font? Select that. The paragraph style? (That would have to do with indentation, spacing, and so forth.) Pick it.  If you're not sure what something means, don't hesitate to experiment. You can always cancel out of these dialog boxes so your changes don't take hold. Once you're in the Font or Paragraph (or whatever) dialog box, make the changes you'd like. When you're done, click OK to return to the Modify Style dialog box. Now click OK to get back to the Style dialog box. 
Finally, click OK. You should see the changes you made take effect on your web. 

Go to Top
Some keyboard action 
Close a dialog box in a hurry? Instead of using your mouse to laboriously to do the job, just press Alt-F4 on your keyboard. 

Fancy fonts 
Select the text you'd like to change. Choose Format, Font to open the Font dialog box. Now you can use this dialog box to change style, color, and size, just as you could on the toolbar--but that would be silly. Instead, check out the Effects section. Use these options to create effects like underlining or strikethrough or small caps. Once you've specified the effect you want, click OK to apply it. 

Go to Top
Paragraph basics
There are lots of tricks you can use when designing the paragraphs of your Web page to highlight text or to create an interesting look. One is to create a border around the paragraph. 

To create a border, first select the entire paragraph. Now choose Format, Borders And Shading. In the Borders And Shading dialog box, select the Box option. This tells FrontPage to put a box around the paragraph in question. Next, you'll have to design the style of that box. Under Style, you'll see a bunch of different options. As you highlight them, you'll notice a preview on the right, so you'll have a sense of the change you're making in advance. 

Finally, feel free to change the color of the box and/or the width of the line. When you're done adjusting these settings, click OK. A border will appear around the selected paragraph. 

You can also highlight paragraphs by using a shading technique. 

First, select the paragraph that you'd like to shade. Then, choose Format, Borders And Shading. In the Borders And Shading dialog box, click the Shading tab. Now look for the pull-down menu called Background Color. Click the pull-down arrow to see the plethora of colors you can choose from. Note that you can also create a custom color, if you so desire. Once you've selected the right color, click OK. 

One note here: Background colors can be tricky. You'll want to be sure you use a shade that allows viewers to still read your text easily. 

Of course, you can emphasize a particular paragraph of your Web page by simply adjusting borders and spacing. To do this, first select the paragraph with which you'd like to work. Now choose Format, Paragraph. Here, you can tinker with such details as the alignment of the paragraph, the indentation of the beginning and end of the graph (as well as the indentation of the first line), and the spacing around and in the paragraph. When you've finished making the appropriate changes, click OK. 

Once you've created a particular design for a paragraph--like a border, a shading option, or even just indentation--you can continue that design to the next graph. Just press the Enter key to start your next paragraph, and the effects will still be in place. 

Want to select a given paragraph in a hurry? Move your cursor to the margin on the left-hand side of the paragraph. You want your cursor to look like an arrow instead of a line. When it does, simply double-click. That will highlight the entire paragraph. Easy as pie. 

Go to Top
Mark it with a "b" for bookmark
Bookmarks are handy inventions--just a thin piece of paper, slipped casually into a book, helps you find the place you left off and saves you a lot of time. 

FrontPage uses the word "bookmark" to mean something slightly different, though just as useful. A bookmark in FrontPage lets you find a location in the middle of a Web page. These kinds of bookmarks are handy for a few different things: they're good as links so visitors to your site aren't always dropped off at the top of a given page. They're also a handy way for you to navigate around a page. Much like a paper bookmark, they help to mark a place so it's easier for you to find when you go back to revisit a location on your site 

How to create one? First, you should know that you can bookmark either a location on your page or text on that page. If you're bookmarking text, the words will be underlined with a dotted line. If you're simply bookmarking a location, an icon will show up in the bookmarked spot; it looks like a little blue flag. 

To bookmark text, highlight the text in question. If you want to bookmark a location, simply position your cursor in that spot on your Web page. Now, choose Insert, Bookmark. In the Bookmark dialog box that appears, you'll need to name your bookmark. Once you've given it a name, click OK. Either your text will be underlined or a small blue flag will appear on your page to indicate the bookmark. (Note that these indications of a bookmark will not appear to visitors of your Web page.) 

You create a simple table of contents at the top of the page that indicates all the headings throughout the text of that page. Then, you create links to the bookmarks--in this case, the headings--to make it a breeze to navigate. 

To make the hyperlinks, highlight the text where you want to start the hyperlink. In our example, that would be the text in the table of contents that you've placed at the top of the page. Now, click the Hyperlink icon in the toolbar at the top of the page. The Hyperlink icon looks like a small globe with a sideways figure-8 in front of it. You'll know you have the right button because the word Hyperlink will appear if you hold your cursor over the icon for a brief moment. In the Create Hyperlink dialog box, first highlight the page containing the bookmark to which you want to link. Now, look at the bottom of the Create Hyperlink dialog box. Under the Optional section, you'll see a heading titled Bookmark. Click on the drop-down arrow by the heading and select the name of the bookmark to which you want to link. You'll notice that the address of the hyperlink's URL changes to include the name of your bookmark. Click OK. Test the hyperlink by pressing the Ctrl key while clicking your mouse. This allows you to follow the link to your bookmark. 

Bookmarks aren't only handy for your Web site visitors. They also are useful tools for you, allowing you to find locations on a Web page. Let's say that you created a bookmark in the spot where you last left off editing your page. Now that you're back, ready to edit again, you want to find that spot. Rather than scrolling through the page, take this shortcut: Choose Insert, Bookmark. In the Bookmark dialog box, look for the section called Other Bookmarks On This Page. Highlight the name of the bookmark that's holding the spot where you last stopped working. Click the Goto button on the right side of the dialog box. Your bookmark will now be highlighted on the page. Click OK to close the dialog box. 

You needed it for a while, say, to find a particular spot on your page, but you don't need it anymore. Rather than clutter your Web site with unnecessary information, delete the bookmark. 

First, highlight the bookmark that you want to delete--either the bookmarked text or the small bookmark icon. Now choose Insert, Bookmark. In the Bookmark dialog box, you should see the name of the bookmark you want to delete in the Bookmark Name section. If you don't see it there, go ahead and highlight it. Finally, click the Clear button. That will effectively eliminate the bookmark. 

Go to Top
Picking up the stragglers 
It's important to know which pages of your Web site aren't linked up to other pages. After all, a visitor to your site isn't going to be able to see a page if there's no way to link to it. But rather than scanning tediously through each individual page in order to find the stragglers, take this quick shortcut: Select View, Reports, Unlinked Files. From here, you'll see a list of all the files that need to be linked up with their cousins on the site. 
Go to Top
Text toppers 
Do you want to add some real pizzazz to your Web page? What about text that changes as visitors scroll over it on the page?  Here's how to do it. 

First, highlight the text that you want to have change in appearance. Now, choose Format, Dynamic HTML Effects. The DHTML Effects toolbar will appear on the screen. It walks you through the process of adding the effect. You'll see that it starts with the word "On." Click the first pull-down arrow, and you'll see a list of different events. Highlight Mouse Over, which means that when visitors scroll their mouse over the text, it will change in appearance. 

Once you click Mouse Over, the next task will appear on the DHTML toolbar. This time, you'll need to apply an effect. Click on the pull-down arrow and select Formatting. Next, you'll be asked to choose settings. Since you want to change the way the font looks when someone scrolls over the words, click Choose Font. (Alternatively, if you want to create some kind of border around the words as someone scrolls by, click Choose Border.) In the Font dialog box, select the new look you want for your text once someone scrolls over it. If you just want the text to turn bold, simply select Bold. You can also change font style, size, and color if you want. When you're done, click OK. 

To test your new settings, you'll need to view the page in Preview mode. Check for the Preview tab on the lower-left side of the page. When you click this tab, you'll be viewing the page as a visitor would. Scroll your mouse over the text in question, and voila, you'll see it change before your eyes! 

Go to Top
Graphic goodies
A visitor to your Web site clicks on a photo, and, when the clicking's done, the picture disappears and transforms into an image of a checkmark. 

Start by selecting the photo that you want to transform. Now choose Format, Dynamic HTML Effects. In the DHTML Effects toolbar, you'll be presented with a series of actions. In this case, since you want the image to change when someone clicks on it, click on the pull-down arrow and select Click from the list. 

Next, you'll tell FrontPage what to do when someone clicks on the image. Click the pull-down arrow to the right of Apply and select Swap Picture from the list. Finally, you have to choose the picture that you'd like to swap out. Click on the pull-down arrow to the right of Choose Picture and click Choose Picture. In the Picture dialog box that appears, search around for the picture you want. Once you've found and highlighted it, click OK. 

Close the DHTML Effects toolbar to get it out of the way. Now, to see your brilliance at work, click the Preview tab in the bottom-left corner of the screen. Once you're in Preview mode, click on your photo to see it swap to another picture. 

(NOTE: The photo you select will be the same size as the photo it's replacing, so you'll want to be sure that it looks good and doesn't have to stretch or shrink too much to fit.) 

Go to Top
Exit dynamic html
You add some Dynamic HTML effects to your site and subsequently decided that you don't like it anymore. Is there an easy way to delete it? 

Of course. If you're removing an effect from text, highlight the text in question. If you're removing it from an image, simply click on the image to select it. Next, choose Format, Dynamic HTML Effects. To the far right of the DHTML dialog box that appears, you'll see the option Remove Effect. Click that option, and the effect is effectively deleted. 

Go to Top
Just paging through
You can create page transitions. This allows you, basically, to create a blend, or a wipe left, or a circle in as your visitor enters or exits a page. 

To begin, choose Format, Page Transition. In the Page Transitions dialog box, you'll need to adjust a few settings. First, fill in the duration of the event--that is, the number of seconds that you want your page transition to last.  Second, you'll want to choose the type of transition effect. Pick from the list--and remember that you can always change it if you don't like the effect.  Finally, choose when you want the event to happen--either at Page Enter, Page Exit, Site Enter, or Site Exit.  All done? Click OK to finish the job. 

To set up a page transition, but all of the choices of when the event would happen weren't quite clear.   Here's a little primer of the different options: 
Page Enter means that the page transition will happen when the visitor comes to that page. 
Page Exit means that the transition will happen when the visitor leaves that page. 
Site Enter means that the transition will happen only when the visitor enters the whole, entire Web site through that page. Basically, then, you'll want to use this transition on your home page, since that's the page visitors generally see first when they visit your site. 
Site Exit means that the transition will happen when the visitor leaves your site--the whole site--and goes to another Web site altogether. 

Now you're trying to view it in Preview mode, but you just can't get the thing to work. First, you have to get the page in question to APPEAR while you're in Preview mode. So you can't just switch over to Preview mode to see the transition in action; instead, you have to go there while you're already previewing. The best way to do this? Hyperlink to the page to see the transition work. Don't have a hyperlink to that page? Create one--just to be sure that you like the transition. 

Next, you may have to actually publish your page to be able to see the page transition if you've set it to appear when you're leaving or entering the site. After all, there's no way to do that in Preview mode. 

If you want to get rid of the transitions on your page, just choose the page in question, then select Format, Page Transition. In the list of transition effects, choose No Effect. Finally, click OK. The transition is now cleared from your site. 

Go to Top
Color me perfect
If you're working with a table and you're coloring individual cells, you should be aware of one little glitch: If the cell is inside a table with another color, you won't be able to see the color of the cell if you're using a Netscape browser. That's because Netscape 'inherits' color from other parts of the table. In order to resolve this problem, you need to create a small graphic in the color you want--I recommend making the graphic 4 x 4 pixels. By using this technique, your table will look the same in both Netscape and Internet Explorer. 

Sort it
You want to take a look at all the files of your Web site, so you mosey on over to the Reports view (View, Reports, etc.). But there, you find an incredible mish-mash of files. You can't make heads or tails of the thing. Instead, you want a listing of all the files chronologically or alphabetically, or something organized. 

Look at the headings at the top of each column. Want to see the files chronologically? Click on the heading called Modified Date and all the files will be instantly organized by that category. Want to see files listed in terms of size? Click on the Size heading to size everything up. 

There's just one small problem: You clicked on the Modified Date column heading to see everything chronologically and it listed all the files from the oldest file to the newest file--and you wanted to see them from the newest to the oldest. Just click on the column heading again, and the whole list will flip over for you. 

Go to Top
The freeform table
If you want to insert a table on your Web page, you generally choose Table, Insert and then select from the several options presented. But there's another way. If you have a certain visual idea of what you want your table to look like, choose Table, Draw Table instead. When you pick this option, you'll notice that the Table toolbar automatically appears, and your cursor turns into a pencil. Using your pencil cursor, just go ahead and draw the size table you want. 

When you draw a freeform table, keep in mind that the first shape you create with your cursor is the size and shape of a row. Let's say you want to add rows--you simply choose the Table toolbar and click the Insert Rows icon. Another row will appear on the screen that's exactly the same size and shape as the row you first drew. If you want to create columns, click the Insert Columns icon. Your rows will be split in half to create the columns. 

You've created a table that's filled with columns and rows, but you decide that you want to merge two cells or get rid of a row. The easiest way to get the job done? Click the Eraser icon on the Table toolbar. (It's the second icon from the left on the toolbar.) Once you click this icon, your cursor will turn into a little picture of an eraser. Simply drag that eraser over the lines you want to delete, and they'll automatically disappear. When you're done, click on the Eraser icon again to return your cursor to normal. 

Flipping pages 
If you've got a few Web pages open and you want to quickly move from one to the other, try pressing the Ctrl and Tab keys on your keyboard. If you hold down the Ctrl key and keep pressing the Tab key, you'll circle through all the open pages. 

Go to Top
Importing
FrontPage has lots of great shortcuts. One of the best is its ability to import documents, and even folders of documents. 

To import a file or folder, start by opening the web with which you'll be working. Once it's open, select File, Import. In the Import dialog box, you'll see the options Add File and Add Folder. Click on the appropriate choice. Now a new dialog box--called Add File (or Folder) 
To Import List--will appear. Find the file or folder you want to import and select it. Choose Open, and you'll see the name of the file (or all the files in the folder) appear in the Import dialog box. Once you're satisfied, click OK, and the file (or folder) will be added to your web. 

When you're importing a series of files or folders to your FrontPage web site, you may be getting an error message telling you that the file already exists on the web. Keep in mind that if you choose to replace a file, you overwrite the file that's on the web. The bottom line here is to proceed with caution: Be sure you don't have two completely different files with the same name before you overwrite one of them. 

Before you bought and installed FrontPage, you were working on a web site. You know it's pretty easy to use FrontPage to re-create what you've already done, but it seems like a huge waste of time. It is--and even FrontPage knows it. That's why it includes an Import Web Wizard that allows you to import an entire other web. 

Here's how to get the messy job done in a hurry: First, select File, New, Web. In the New dialog box, select the icon Import Web Wizard, then click OK. Now you just need to follow the directions provided by the wizard. Since you already have a web on your hard drive, your first step is to tell the wizard that you want to import from a source directory of files on a local computer or network. Now you have to tell it the location of those Web files. (Tip in a tip: Click the Browse key if you don't know the exact name of the folder where you've stored the files.) Since the folder probably has some subfolders, click Include Subfolders. 

From there, simply follow the wizard's directions--they're completely self-explanatory and will walk you through the process of excluding or adding any other files. When you're satisfied, click the Finish button to add those files to your new FrontPage web. 

Go to Top
List change-up
You have a numbered list, but you'd prefer bullets. Or you have round bullets and you'd prefer square. It's easy enough to make any of these types of changes to a list. Simply select the list and right-click. In the context box that appears, choose List Properties. Then, select the list type and style you'd prefer. Now, click OK to have the change(s) take effect. 

Composing images
If you have an older copy of FrontPage (that is, anything before FrontPage 2000), the program came with Image Composer, a paint program that lets you create images to put on your Web page. 

Go to Top
Hovering
Hover buttons are a great multimedia trick to add to your Web site. They are buttons that change color, glow, or make a sound when the mouse cursor hovers above them. Hover buttons are particularly handy as navigational tools or menu option buttons, because you can easily use them as links. In fact, there are lots of little tricks you can do with hover buttons. 

To add a hover button to your page, first position your cursor where you'd like the button to appear. Now, select Insert, Component, Hover Button. The Hover Properties dialog box will appear on your page. 

You'll need some text to identify your hover button. There's a line that asks for Button Text--type something here to identify the button. If you're using the hover button as a navigational tool, type the link name--or that sort of thing. You might also want to change the font color and style. To do that, simply click the Font button to the right of Button Text and make the appropriate changes. 

If you're going to use the button as a link, now's the time to set that up. Locate the line in the dialog box called Link and click the Browse button to the right of it. Now find the page (or Web site or file or whatever) that you want to link to, and select it to set up the link. 

There are a few more things to decide before you've finished creating your hover button. You'll want to set a color for the button itself. You'll also want to pick a color for the effect you're going to use on your button. (More on that in a minute.) Also, you'll need to set the size of the button: Notice a place for width and height? These are measured in pixels, so just make the appropriate adjustments. 

You get to choose an effect for your hover button. Select Effect and click the pull-down arrow to the right of the white box. Once there, you can choose from several different effects, such as color fill, glow, or color average. Choose one that sounds interesting to you. 

You go to check out the effect of your hover button, but you don't see anything change when you move your cursor across the button.  It's just one of those FrontPage things! First, save your page. Next, view the page in Preview mode by clicking the Preview tab at the bottom of the screen. When you scroll over the button, you should now see your effect in action. 

Perhaps you want to change a color, or the text no longer works for you.  Make sure you're viewing your page in Normal mode, and then just double-click the hover button you'd like to edit. The Hover Button Properties dialog box will appear, and you can make whatever changes you'd like. Just remember to save the changes and view the page in Preview mode to see your edits in action. 

Go to Top
Adding sound to a button:
View your page in Normal mode and double-click on the hover button to which you'd like to add sound. In the Hover Button Properties dialog box, click the Custom button. There you'll see that you have the option to add a sound that will play either when people hover over the button or when they click on it. To add either of these, simply click the Browse button to the right of that option, find the sound you'd like to add, and click OK. 

Hitting a hit counter
There may come a time when you want to reset your hit counter: You've hit a certain number of visitors, say, and it's time to start over. 

Double-click the hit counter in FrontPage to open the Hit Counter Properties dialog box. In the dialog box, you'll see the Reset Counter To radio button. Select this button by clicking it. If you don't want to reset the counter to zero but to some other number, change the number now. Once you save the updated page to the Web, the hit counter will be reset. 

Go to Top
Scrolling
When you look at the scrolling marquee you added to your page, you'll notice that the text moves--rather slowly--from the right side of your screen across to the left side. Once it's finished scrolling, it starts the whole process over--and over and over. 

There are a number of different ways to alter the behavior of your scrolling marquee. Let's start with the fact that the marquee scrolls continuously across your screen. Face it: That might not be a great idea. After all, your visitors may get annoyed with "TODAY'S SALE PRICE!!" moving across their screens. 

To change that, first double-click the scrolling marquee to open the Marquee Properties dialog box. Look for the section called Repeat. Under Repeat, you'll see that a radio box called Continuously is checked. Deselect it. Once you do this, you'll have the option to set the number of times you'd like to have your marquee scroll across the page. Set it for something manageable and click OK. Trust us--your Web readers will thank you for it! 

Want to learn other ways to tinker with the way your marquee moves across the screen? It could well be that you feel like your text m-o-v-e-s a-t a s-n-a-i-l-'-s p-a-c-e and you'd like it to go a bit faster. Now, this is a little tougher than you might think, but hang 
in there--you can do it. 

First, double-click the scrolling marquee to open the Marquee Properties dialog box. In the dialog box, look for the Speed section. Under Speed, you'll see two options: Delay and Amount. Delay is the time in milliseconds between each redraw of the text. Basically, every time there's a change on your screen, your computer is redrawing the text. Amount has to do with the number of pixels the marquee moves each time it is redrawn on the screen. 

Clear as mud? Think about it this way: If you want to speed up your marquee, you want the Delay to be lower (i.e., less time between redrawings of the text) and the Amount to be higher (i.e., the text moves a whopping number of pixels each time the screen is redrawn). 
All right--it's not quite as clear as "buy low, sell high," but give it a shot. Set the Delay to about 50 and the Amount to about 15, click OK, and see if that works for you. If not, just do a little fussing (based on the above information), and you should come up with something satisfactory. 

Another neat trick with marquees involves changing the way they move across the screen. As we mentioned before, the default is Scroll--the text continually scrolls across the screen from right to left. But you do have a few other options. 

To check out your other choices, double-click the scrolling marquee to open the Marquee Properties dialog box. Now look for the Behavior section. You'll see that you have two selections in addition to Scroll. If you choose Slide, your marquee will start off-screen, slide all the way across the screen, stop there, and hang out. If you choose Alternate, your text will start off-screen, slide across the screen, and then ping-pong back and forth across the screen. 

Pick your favorite option and click OK. Then, select the Preview tab to see how your marquee moves across the screen. 

Go to Top
Adding banners 
To add a banner on your site: 

First, position your cursor where you want the banner to appear on your page. Traditionally, you'll find banner ads at the top or bottom of a page, so you might want to start with that as a design plan. Once you're positioned, choose Insert, Component, Banner Ad Manager. 

Okay--that was the easy part. Now you have to don your thinking cap. 
(C'mon, dust that thing off and let's get to it!) The first thing you're faced with is the width and height of your banner ad. Fortunately, there are some standard banner ad sizes you should probably consider. The most popular for top--or bottom--banners are 440x50 or 400x50. If you're using paid advertising, try 468x60. 

Next, you'll need to add the pictures that will be displayed in your banner. Keep in mind that your images will be resized to fit the size you just fixed in those height and width boxes. Since resized images tend to look a little distorted, you'll probably want to keep the actual image size as close as possible to the size you set for the banner. 

Next, look for the section called Pictures To Display. Click the Add button to the right of that section. You can add many images, but keep a few things in mind: All of your images will rotate through the banner ad location on your page. They will cycle through based on their order in the Banner Ad Manager, so if you prefer a different order, click the Move Up or Move Down button. Once you have the order of choice, click OK. 

Well, you took the first step and got that banner ad onto your site. Now, you'll probably want to take control of the way your ads are viewed--and even jazz them up a little bit. 

You already selected a number of different images that will rotate through the banner ad location. But for how long will each ad appear? And how will one ad choose the next? To address these questions, first double-click the banner ad on your site. 

In the Banner Ad Manager Properties box, look for Transition Effect. If you click the pull-down arrow to the right of this option, you'll find yourself with a number of different choices. The best way to pick the right one is just to experiment: Test something that sounds interesting to you and see how it looks on the screen. After all, you can always go back and try something else later. 

More important is the section called Show Each Picture For (Seconds). Here are a few things to keep in mind: You don't want to cycle through banners too quickly because that might annoy your visitors. Also, remember that your visitor's browser has to download each image, so it could take a while--and slow up other things on your site--if you try to change images too quickly or show too many. Opt for something that's a little on the slower side (at least for Web time). Thirty seconds should do. 

Once you've adjusted these settings, click OK. 

Having trouble keeping track of the order of your banner ad images? To make life a little easier, give each image a new number suffix--you know: 1, 2, 3, 4, 5, etc.--to make it simple to figure out which banner goes where. If only every problem in life could be solved so quickly! 

Go to Top
 Adding links to banners
You're missing one key piece of information to make your banner ads complete: a link. After all, if an ad looks enticing to visitors, they'll want to click on it to get more information. Yep--that's called the missing link. 

To create a banner ad link, double-click on the banner ad to call up the Banner Ad Manager Properties dialog box. Now find the box called Link To. To the right of that line, click the Browse button. Search for the page you want to link to, highlight it, and click OK. 

The link is now complete--but there's one important thing you should be aware of: FrontPage doesn't allow you to link to a different site you can link to only one location. So what to do if you have several ads that should each have its own link? Simply create a page to link to from the banner ad that then provides links to all the pages for each of the ads. 

Go to Top
Get it scheduled
If you didn't want FrontPage to automatically rotate the images for your banner ad. Instead, you have one advertiser who has an image scheduled for two weeks and then another advertiser who's paying for a week's worth of space. Do you have to resort to reminding yourself of these dates by marking them on your calendar? Not in this high-tech world. Instead, use the Scheduled Picture component to have images appear and disappear at the appropriate times. 

Here's how it works: First, choose the place where you want the image to appear. Now, choose Insert, Component, Scheduled Picture. The Scheduled Picture Properties dialog box will appear. Find the section called Picture To Display During The Scheduled Time. This will be the image that you want to show on your site. Click Browse and locate your image. 

Finally, schedule the Starting and Ending times that you want the image to show up and disappear from your site. This is pretty self-explanatory: Set the date and time in the appropriate section of the Scheduled Picture dialog box. 

When you've finished, click OK, and the settings will take effect. 

Go to Top
More on scheduled pictures 
There's a glitchy little thing about the Scheduled Picture component that you should know about. For some odd reason, the change to your page--that is, having the scheduled picture appear on the site--will occur only if other changes have been made to the web. The best advice? Just keep editing and tinkering (which you should always be doing anyway), and you'll be sure that everything will proceed on schedule (as it were). 

If you're adding a scheduled picture to your page, and you set the start date and time equal to or earlier than the actual date and time, the image will pop up on your screen immediately. 

Want to delete a scheduled picture? Just choose the picture (or the location where the picture would be were it currently running on your site) and right-click. From the context menu that appears, choose Cut.  No more picture--or picture-to-be. 

It's all symbolic
Wanna add a copyright symbol to your Web site? Or a trademark sign? How about a Spanish N with the squiggly line over it? Easy. Choose Insert, Symbol. Pick your symbol of choice and click OK. It just doesn't get any easier than that! 

Go to Top
Getting organized
A table of contents is a handy way to help your visitors find their way around your site. But creating one seems like it would be a hassle. After all, can you imagine tabbing back and forth between your Navigation view and the table-of-contents-in-progress? That would be a nightmarish job. 

Fortunately, FrontPage simplifies things quite a bit. To build a TOC (that's table of contents in publishing lingo), start by choosing File, New, Page. On the General tab, search for the Table Of Contents option. Select it, then click OK. 

You'll now find yourself in a spiffy new TOC. You'll see a bunch of information at the top and then your TOC below. Double-click on the TOC to open the Table Of Contents Properties dialog box. The most important thing to do first is to set the URL starting point for your table. This is basically the page that all the other pages flow from--probably the index page. Once that's set, adjust the font size and click OK to make your TOC official. 

If you're building a table of contents (TOC), you'll notice an option in the Table Of Contents Properties dialog box that may look appealing to you: Recompute Table Of Contents When Any Other Page Is Edited. This may seem like a good idea, but if your Web site is really large, it will slow down page saving. If you don't select this option, keep in mind that you can manually save TOC changes by opening the TOC page and saving it. 

If you don't want a whole table of contents (TOC) page but you'd like to include a TOC on another page, there's a simple shortcut to do this. Start by positioning your cursor where you want the TOC to appear. Next, choose Insert, Component, Table Of Contents. The same Table Of Contents Properties dialog box that you'd use if you were building a separate TOC page will now materialize. Adjust the setting in this dialog box, and a small TOC will appear on your Web page. 

Go to Top
Searching high and low
Say you visit a Web site looking for a particular bit of information, but with the dozens of pages posted, finding what you need is more frustrating than looking for the proverbial needle in a haystack. Don't let visitors to your Web page be similarly frustrated. Instead, add a search mechanism that allows visitors to find exactly what they want. 

First, choose File, New, Page. In the New dialog box, find Search Page on the General tab. Once you've located it, select it and click OK. A whole new page will open on your FrontPage screen. This is your new, handy-dandy search page. You'll notice some innocuous language about this being a search page that you can use to find particular words and phrases. Then there's the little box where visitors can do their searching. Below that is a quick cheat sheet on how to combine words to create more effective searches. If the page works for you as is, go for it. If you don't like the way some of the initial language is phrased, change it. 

You've inserted a search page, but you want to make a few small changes--label names and the like. Choose the search component--that's the section in the middle of the page where a visitor would actually conduct a search--and double-click. 

Now you should see the Search Form Properties dialog box. Here, on the Search Form Properties tab, you're able to change the labels for your search buttons, as well as change the width of your search box (which is important if you think people will be conducting complicated searches on your page). Note that although you're able to customize labels and the like, you can't change the way the search form is laid out on the page. We can't have everything the way we like, now can we? 

You may find that you want to control how search results are reported to your visitors. To make adjustments, you'll first need access to the Search Form Properties dialog box. Simply choose the search component--that's the section in the middle of the page where a visitor would actually conduct a search--and double-click. 

In the Search Form Properties dialog box, click the Search Results tab. Here you'll see two sections: Results and Display Options. Since it's likely that you'll want visitors to be able to search through your entire Web site (except hidden folders, of course), you'll probably want to keep the Results section as is. However, if your web has a discussion group and you want a search tool just for that discussion group, enter the name of the discussion group folder in the section titled Word List To Search. 

The next section--Display Options--is also important. You'll probably want to select all three of the display options--closeness of the match, file date, and file size--since the combination of these three bits of data gives your visitors the information they need to determine whether a certain file is relevant. 

You've learned how to add an entire search page, but what if you want to add a mini search engine just to one page of your web? Position your cursor on the page where you want the search engine to appear, then choose Insert, Component, Search Form. You'll immediately see the Search Form Properties dialog box. Make the necessary changes, then click OK, and the search engine will appear on that page. 

Go to Top
Drop it
You have an important piece of information you want from your visitors--say their favorite book genre or the state they live in or a range for annual household income. If you have fixed categories, the simplest way to present them--and get the answers that are easiest for you to process--is to add a drop-down menu to your Web page. When visitors come to the drop-down menu, all they have to do is choose one of the options you've provided. 

To add a drop-down menu, first position your cursor where you want the drop-down menu to appear on your page. Then, choose Insert, Form, Drop-Down Menu. You'll notice a new component that offers a drop-down arrow, along with buttons marked Submit and Reset. But if you click on the drop-down arrow, you'll notice that nothing appears. Tune in next time to find out how to add items to your drop-down list. 

Go to Top
How to customize the options for that menu?
Start by going to the drop-down menu on your page and right-clicking on the section that has the drop-down arrow. In the pop-up menu that appears, you should see an option called Form Field Properties. Once you select that, the Drop-Down Menu Properties dialog box will appear on your screen. 

For starters, you'll notice the Name section. This entry will serve as the name of your drop-down list. But it's not a name that will appear on your screen--instead, it's the name that FrontPage needs to make sure that all the elements of your list are grouped together. 

After you've named your list, you'll want to add all the different choices that your visitors will see. To do this, click the Add button on the right-hand side of the dialog box. A new dialog box--called Add Choice--will appear. This dialog box is fairly straightforward: Simply type in a choice for your list. Unless you want a particular option to be selected from the start--in which case you'd click Selected under the Initial State section--you can click OK. You'll see your new choice appear in the list. 

Continue to add all the different choices you want to present to your site visitors. When you've finished, simply click OK in the Drop-Down Menu Properties dialog box. 

There are a few other tricks you may want up your sleeve. First, reopen the Drop-Down Menu Properties dialog box. (To do that, right-click in the section of the drop-down menu that has the drop-down arrow and select Form Field Properties from the pop-up menu.) 
Now for some options: 

If you want your visitors to be able to choose more than one of the presented options, click Yes under the section Allow Multiple Selections. (You will have to hold down the Ctrl key to select several choices, so you might want to indicate that above the drop-down menu.) Also note the section called Height. Most drop-down menus show only the first option: Viewers have to click on the arrow to see the rest of the list. If you'd prefer to have your whole list 
appear on the screen (or even just part of your list), adjust the Height section accordingly. Finally, check out the buttons on the right side of the dialog box--they let you reorder your list. Just select the choice you want to move, and click the Move Up or Move Down button. 

To see your drop-down menu at work, you'll first need to save your web page. Now click on the Preview button at the lower left of the screen and give it a test drive. Voila! Now that's looking good. 

Go to Top
A little help from our friends 
To have an icon automatically appear with your page when somebody else bookmarks it, you first need to have or create an icon. Note that the icon can be only 16 pixels square--which is pretty tiny--so you'll want to keep things simple. Next, name your icon favicon.ico. You'll want to put this file in your root directory--that's the directory where your index.html file lives. 

Here's how it works: When a viewer bookmarks your page using Microsoft Internet Explorer, the browser looks in the root directory for that favicon.ico file. When it finds the file, the browser places that icon next to all Favorites. Note that this trick will work only with Internet Explorer 5.0 and higher. 

Chitchat

If you want to add discussion groups to your Web site, consider creating a whole new web. No, it's not that you can't add a discussion group to your current web--it's just that you'll have more control over the discussion and will be able to track usage of the group more easily. 

Hit counter happy 

Some folks like 'em, some don't. Regardless, it seems hit counters are here to stay. If you'd like to jazz up yours, take a look at the following Web site and find one that's right for you: 

http://www.alberta-ca.com/frontpage/index2.html 

Go to Top
Copycat

You may not be able to use other people's Web content--that is, their images, photos, or text--without asking permission, but you can copy another site's design. Not sure how they did that nifty trick that makes their logo flash? Just take a look at the code: Simply right-click on the page and select View Source from the context menu. 

To ftp or not to ftp 

It's true that FrontPage offers a nifty publishing tool that makes it easy to post your Web page to a server, but some folks still like to send their files the old-fashioned way--that is they like to FTP them, or use File Transfer Protocol. We've had a number of questions about why you can't/shouldn't FTP files when publishing a FrontPage web. 

The bottom line: FrontPage uses another protocol (Hypertext Transport Protocol, or HTTP) to transfer files to servers that are FrontPage enabled. When you use FrontPage's Publish feature, you make it easier for your web to communicate with the FrontPage-enabled server, making the transfer complete and accurate. Specifically, when FrontPage uses HTTP, it knows which files it should and should not transfer. 

The flip side of this is that when you use FTP to publish your web page, you may run into some problems. For example, you may accidentally overwrite some settings, creating some strange effects on your published web or possibly even preventing access to the Web page. This is why you'll find that Web administrators encourage you to use FrontPage's Publish feature, rather than doing the FTP workaround. 

Go to Top
Ftp lingo 
If you do decide to publish your web using FTP, you'll first select File, Publish Web, just as you would if you were using the FrontPage publish feature. But, in this case, you'll have to know the location of the FTP Web server to type in the Specify The Location To Publish 
Your Web To box. Don't sweat it--it's not that tough. First, find out the address of the FTP Web server. (That'll be something like ftp.mywebserver.com.) Next, identify the specific file to which you'll be publishing (perhaps my public_html). Put it all together (in this case, ftp://ftp.mywebserver.com/public_html), and you're ready to publish! 

Wrapping it all together 
Wrapping your text around an image on your Web page? 
Start by inserting your photo: Place your cursor where you want the image to appear and choose Insert, Picture, From File. Find the photo you want to insert, highlight it, and click OK. When the picture materializes on your screen, highlight it by clicking it once. Next, choose Format, Position. The Position dialog box will appear, giving you several different options under Wrapping Style. Let's say you want your image to be on the right-hand side of the screen with the text wrapped around on the left. Simply click the Right button, then click OK to apply the change. 
 

[Home] [Windows & Microsoft Tips] [Tutorials] [Download] [External Links] [About Me]
Go to Top

Copyright  © 2001 by Jean J. Lee.  All rights reserved.
Reproduction or redistribution prohibited.