FrontPage97/98/2000/2002/2003 : 2003 is great!


Some of the new features:

  1. Themes - they provide you with backgrounds, bullets, banners, hyperlinks and navigation bars that give your site a professional and consistent appearance.

  2. Table Drawing Tools

  3. Hover Buttons - I love this one.

  4. Improved Table editing

  5. Improved WYSIWYG Frame Set Editing

  6. Banner Ad Manager - eye-catching transition effects, all without programming.

  7. Hit Counter

  8. Text Overlays on Images

  9. Dynamic HTML support

To the Top


Tips & Tricks

1. If you do a link from a graphic to a page, be careful. Don't click on "Create or Edit Hyperlink", the earth.
It has a tendency not to work correctly. Right-click the graphic and select Image properties. Then click on browse button for default hyperlink. This will always give you a good hyperlink.

2. Frames are great and now very easy to do. However; the name you give to your frames are case sensitive.

3. After you have created your frames page, you need to select your link that is going to cause a page to pop up in a particular frame and right-click it and select Hyperlink properties; then type in the name of the frame this new page should open up in.

4. You have a WebBot for a Table of Contents page. It is nice but if you do not put it in the Private folder it will create a link to it's self. Not good! Just make sure you save it or drag it over to the _private folder.

5. You can make your own gif's in FrontPage. Just copy and paste any picture into your web page while it is in the FrontPage editor and when you click the save button - instant GIF. If it is over 256 colors it will be a JPG.

To the Top


Creating vertical rules in FrontPage

Creating horizontal rules on a Web page is easy: just choose Horizontal Line from the Insert menu. But what if you want to add a vertical line between two columns of text? Well, it's fairly easy to create those as well.

To do so, insert a table on your page that consists of three columns and one row.

Put your first column of text (or other elements) in the first table cell. Put your second column of text in the third cell.

Next right-click in the center cell and choose Cell Properties... from the context menu (right mouse click).

In the Minimum Size area of the resulting dialog box, type 1 in the Specify Width field, then click the In Pixels radio button.

In the Custom Background area, choose Black from the Background Color dropdown list. Click OK.

Right-click the first cell and set its width to a fixed pixel width, perhaps 315 pixels. (Percentage values won't work.) Now, do the same for the third cell.

Finally, right-click on the table again, this time choosing Table Properties... from the Context menu (right mouse click). Set the Border Size to 0 and click OK.

You now have two columns of text with a vertical line between them.

To the Top


Move Objects

NUDGE, NUDGE, SAY NO MORE; Need to give an object just a little push to get it exactly where you want it on the page? Nudge it. Select the object you want to move into place, hold down the Alt key, press the appropriate arrow key (up, down, right, or left) and the object will move one pixel in the desired direction. You can change the distance it moves by choosing Arrange, Nudge Objects and entering a value up to 2 inches in the Nudge By text box. Use the abbreviation in for inches: cm for centimeters, pi for picas, and pt for points. You can also nudge the selected object using the arrows in this dialog box.

To the Top


EMBED FONTS IN YOUR WEB SITE

If you didn't know this; when you use a font on your web page that is not on the other persons PC (the individual surfing the net),they will not see the font you put on the page. They will see a default from their PC. Not the one you put on your page, until now.

Download from Microsoft

Microsoft Internet Explorer 4 supports "font embedding,"
which temporarily installs a specific font in the user's
machine, so you can create your sites using the fonts you
want. To use the font embedding technology properly, use
Microsoft's WEFT (Web Embedding Fonts Tool), a software
freely available from Microsoft's web site at
http://www.microsoft.com/typography/web/embedding/weft.
When you use WEFT, it creates a "font object." The font
objects are compressed and subsetted so that they contain
only the characters used by a particular site or page. They
are also privately installed by Internet Explorer 4.0 so
that they can't be accessed by other applications, and they
can't be linked to sites that don't have permission to use
them. In the future, WEFT features will be built into
popular Web authoring tools. WEFT adds a STYLE section to
the HEAD part of each HTML page that uses one or more font
objects.

<STYLE TYPE="text/css">
@font-face {
font-family: Garamond;
font-style: italic;
font-weight: normal;
src: url(Garamond1.eot); }
</STYLE>

This code tells Internet Explorer 4.0 to use the
Garamond1.eot font object whenever the Garamond Italic font
is specified within the page. The browser will use the font
object regardless of whether the font is specified using
the FONT FACE tag, a linked or inline Cascading Style
Sheet, or some other method.

Download from Microsoft

To the Top


If you right click your bullets you can change the graphic that is being used. You can pick one of the web bullets or your own company logo. If you use your company logo or some other graphic other than the standard web bullets supplied with FP98, you need to (in most cases) reduce the graphic down in size.

The other problem is after you add the new graphic it has the text line up at the top of the graphic. Currently this is a bug in the software that MS is working on. Here is how to fix the problem if you must have it.

After you complete the page, everything about it. Open the page in Notepad and locate the word TOP and change it to MIDDLE.

It will look like this:    <td valign="top"

You will need to change each bullet.
The place that you should be able to correct this in FrontPage editor (when the bug is fixed) is:

Right click your group of bullets
Select Properties List
Click Style button
Click the Text tab
Click the down arrow for Vertical Alignment
Select Middle
Click OK
And OK again.

To the Top


Display images in optimal resolution
(Internet Explorer 4)


As a graphics designer, you may often be frustrated when placing an image
on a Web page. For example, perhaps you have a high-resolution JPEG file
which will display brilliantly on a high-resolution monitor but may not
look so hot in a monitor with only a 256-color display. The solution is to
create multiple versions of your image for optimum display. In this case,
you can create a low-resolution version of the same image that will look
decent on a display with only 256-color depth.

Now, by taking advantage of Internet Explorer 4 and Dynamic HTML, you can
create a script that determines the user's screen color-depth and display
the appropriate image. For example,

<script language="vbscript">
If screen.ColorDepth < 8 Then
'display your low-res image here..........................'
Else
'display your high-res image here.........................'
End If
</script>

The screen object is a 'read-only' property in DHTML and describes the
color depth of the screen in terms of bits per pixel. Here,  '8' means 256
colors, '32' is true color and so on.

To the Top


Task list

Want to make yourself a short note to remind you to change your web page at the end of the month?

In FrontPage Explorer, Click All Files (icon on left)
Right Click (the file you want to add a comment), Select Properties
Click Summary tab
Type in your comment
Click OK
Scroll Horizontally to the far right and read your comment.

Okay - yes there is a task list you can use.

To the Top


Watermark

Have your wallpaper (background on a page) not move but every thing else move.

Next time you do a background for your web page check also Watermark. Now if your page has
print/pictures that go far enough down that a scroll bar pops up, you can now move the scroll bar
up and down and all the items on the page will move, but the wallpaper will not move.

Make sure you use a background that has a pattern on it.


To the Top


Help button

By taking advantage of Dynamic HTML, you can display a
custom help window in your document. For example, you can add:
...
...
<button onClick="window.showHelp('yourHelpFile.htm')">Show Help</button>
...
...

Now when the user clicks on the "Show Help" button, Internet Explorer
will display a separate browser window without the navigation and browser
function, much like the Windows Help window, and display your help file.

Remember yourHelpFile.htm is a web page that you create and you can name it anything you like. Make sure that your help file you create is in the same folder as the document you add this code to.

To the Top


Margins

Removing page margins in FrontPage

By default, FrontPage includes a small margin along the top and left
margins of your page. You can remove this margin easily (for most
browsers at least).

To do so, right-click on an empty area of the page and select Page
Properties... from the popup menu. Then, click the Margins tab. Enable
either or both of the check boxes on this page (Specify Top Margin and
Specify Left Margin). Leave the default value (zero) to eliminate the
margins.

You can achieve the same effect by editing the tag in your page's
HTML as follows:


Note: Netscape Navigator ignores these settings.


To the Top



Remove the Underline of Hyperlinks in FrontPage98/2000

Getting rid of the underline on text hyperlinks
When a hyperlink is created from text, FrontPage automatically underlines
However, you can remove the underline--at least in browsers that it.
support Cascading Style Sheets (CSS). To do so, right-click on the link and
choose Hyperlink Properties. Click the Style button. In the Style dialog
box that appears, click the Text tab. Choose None from the Decoration
dropdown list. (This is not the same thing as leaving the Decoration text
box blank.) Click OK twice to see the results.

To the Top

 


Links for your convenience

Webmaster: E-Mail Address
Copyright © 1997 [BCA]. All rights reserved. -
Revised: March 15, 2008.