Sitebuilder Resources

Microsoft FrontPage Blog

January 2005 - Posts

Server Performance Advisor V1.0

Microsoft has a new download available called Server Performance Advisor V1.0 that will help you diagnose problems with your Windows Web Server.

“Service Performance Advisor is a server performance diagnostic tool developed to diagnose root causes of performance problems in a Microsoft® Windows Server™ 2003 operating system, particularly performance problems for Internet Information Services (IIS) 6.0 and the Active Directory® directory service. Server Performance Advisor measures the performance and use of resources by your computer to report on the parts that are stressed under workload.“

Posted: Jan 17 2005, 07:52 PM by dave | with no comments
Filed under:
I uploaded my web pages but why are the changes not showing on my Web site?
You must clear your browser's cache first (Temporary Internet Pages).

Internet Explorer
To clear the cache:

  1. Open Internet Explorer

  2. Click on Tools and Select Internet Options.

  1. Next, click on the Delete Files button to eliminate the cached Internet files

  1. To make sure all Temporary Internet Files are removed from your system check
    the Delete all offline content box

  1. Click OK to delete and OK once more to exit Internet Options

Netscape Navigator
To clear the cache:

  1. Open the Edit menu and click Preferences

  1. Under the Advanced category, click Cache. (If no options are visible in this category, click to expand the list)

  1. Click on Clear Memory Cache then click on Clear Disk Cache.

HTTP Error 404 Submitting Form w/Save Results Form Handler
When you click the Submit button on a form, the following error message appears in the Web browser:

404 Not Found. The requested URL /nortbots/_derived/nortbots.htm was not found on this server. NOTE: The error may be different depending on which type of server your Web resides.

Cause

When you set up a form on a disk-based web to send results to a file or e-mail address, FrontPage configures the form so that the Nortbots.htm page will be displayed in the Web browser. When you submit the form from the disk-based web, the following information appears in the Web browser:

FrontPage Run-Time Component Page. You have submitted a form or followed a link to a page that requires a Web server and the FrontPage Server Extensions to function properly.

This form or other FrontPage components will work correctly if you publish this Web to a Web server that has the FrontPage Server Extensions installed.

Click the <Back> arrow to return to the previous page.

When you publish the Web to a Web server, FrontPage does not publish Nortbots.htm. FrontPage also does not configure the form to work with the FrontPage Server Extensions.

NOTE: This behavior also may occur if you are using the Discussion Form Handler or the Registration Form Handler.



To work around this behavior use one of the following methods.

Method 1: Remove the Reference to Nortbots.htm

  1. In FrontPage Explorer, open your Web on the server.
  2. Double-click the page that contains the form. The page will open in FrontPage Editor.
  3. Click inside the form area. NOTE: The dashed line indicates the boundary of the form.
  4. Click the HTML tab at the bottom of the FrontPage Editor window. You will see HTML code similar to the following:
       <form method="POST" name="myform"
       onSubmit="location.href='_derived/nortbots.htm';return false;"
       action=\"--WEBBOT-SELF--\">
  5. Remove the entire line of code that begins with the "onSubmit" statement. Your code will now look similar to the following:
       <form method="POST" name="myform"
       action=\"--WEBBOT-SELF--\">
  6. On the File menu, click Save.

Method 2: Re-create the Form

  1. In FrontPage Explorer, open your "live" Web on the server.
  2. Double-click the page that contains the form. The page will open in FrontPage Editor.
  3. Select a form field and then press DELETE. Repeat this step until you have deleted all form fields.
  4. Press DELETE to delete the form (indicated by the dashed line boundary).
  5. On the Insert menu, point to Form Field, and click the form field option you want to add to your form. Repeat this step until you have recreated your form.
  6. On the File menu, click Save.
Using FrontPage 2003 and Visual Studio .NET Together
Read an excerpt from Microsoft Office FrontPage 2003 Inside Out where Jim Buyens explains how programmers using Visual Studio.NET and designers using FrontPage 2003 can work on the same physical copy of a Web site and how they can take the best advantage of each program. 
Posted: Jan 10 2005, 03:44 PM by dave | with no comments
Filed under: ,
Using Newsgroups to Get Answers

Got a tough problem? Become a newsgroupie

By Colin Wilcox

“If you have a problem with a slide deck, spreadsheet, or database that you can't solve, chances are you can find an answer on a newsgroup. This article explains how to connect to newsgroups using either Microsoft Internet Explorer or Microsoft Outlook® Express. It also provides tips for getting the best results from newsgroups.”

For More Information take a look at How to get the best answer to your questions in the Microsoft® FrontPage® Newsgroups

Posted: Jan 10 2005, 03:37 PM by dave | with no comments
Filed under:
How to Create a Custom Hit Counter
To create a custom image for the FrontPage hit counter, follow these steps:
  1. Open any image editing program that is capable of saving files as .GIF images, such as Microsoft Image composer.

    Note: The hit counter works only with .GIF images.
  2. Create an image that is 200 pixels wide and 40 pixels high.
  3. Evenly place text for the numbers 0 through 9 from left to right.

    If your image editor program has the ability to place a grid on the
    image, you may want to use this feature to better align the text. In this example, the graphic for each number is 20 pixels wide.

    The numbers should be lined up as follows:

    0 1 2 3 4 5 6 7 8 9
  4. After you are satisfied with the look and alignment of your image, save the image as a .GIF image. For the file name, use "Counter.gif" (without the quotation marks).
After you create the image, import the image into your FrontPage Web. To do this, follow these steps:
  1. Open your Web in FrontPage.
  2. In Folders view, make sure that your images folder is the open folder. If it is not, click the folder in the All Folders pane to open it.
  3. On the File menu, click Import.
  4. In the "Import" dialog box, click Add File.
  5. In the "Add File to Import List" dialog box, locate the Counter.gif file on your hard disk, select the file, and click Open.
  6. In the "Import File to FrontPage Web" dialog box, click OK.
The file has been imported to your Web; however, you must add a counter to your page.

To add the counter to your page, follow these steps:
  1. In Page view, open the page you want to use the counter on.
  2. Click your page to place the insertion point in the location in which you want the hit counter to appear.
  3. On the Insert menu, click Component, and click Hit Counter.
  4. In the Hit Counter Properties dialog box, click Custom Image.
  5. In the Custom Image text box, type "images/counter.gif" (without the quotation marks).
  6. Save the page.
  7. To test the counter, click File, and click Preview In Browser.
NOTE: You may have to edit the image in your image editing program several times to get the placement and look of the numbers correct. The size of the image does not matter to the hit counter, but it is a good idea to create images that have widths that are divisible by 10.
Example: 100 pixels, 200 pixels, 300 pixels.
Posted: Jan 08 2005, 12:23 AM by dave | with no comments
Filed under:
How do I remove an Add-in in Frontpage?
  1. On the Tools menu in FrontPage 2000/2002, click Add-ins.
  2. Select the add-in you would like to uninstall.
  3. Click Remove.
  4. Click OK.

If it was added to the toolbar:

  1. On the Tools menu, click Customize.
  2. With the Customize dialog box displayed, click the  Add-ins menu item
  3. Drag the add-in menu item off of the menu.

You can find great add-ons for FrontPage at the FrontPage Add-in Center.

Using non-standard fonts

One of the minor drawbacks of FrontPage is that it allows you to select any font, that is registered on your PC, to design your web pages. I say this is a drawback because many web designers aren't aware that you can't use any font you'd like and have your site appear the way you designed it on all PCs.

Why? Because when a browser renders a web site it can only use fonts that are installed on that PC. So if you used a non-standard font on your page (ex: Garamond Extra Bold), and the font you specify is unavailable, the text will appear in the default font which is set by the user's browser.

There are only a few fonts that you can rely on the majority of people having installed on their PCs. Times New Roman, Arial and Courier are on most computers though some Macs will not have them. Other commonly available ones are Verdana and Tahoma.

Tip: When specifying a font you can select more than one so that you can control what the browser chooses. For example, you could use <FONT FACE = "Verdana, Arial, Times"> and the browser will render the first font in your list that's available on the user's PC before it chooses their default font.

So what if you really want to use a particular font?  There a a few things you can do.  One way is to make the text into an image.  The downside of this is that images can slow the loading of your site.  Another way is to "embed" the font into your page.

To embed fonts in your page you can download the Web Embedding Fonts Tool (WEFT), which lets you create "font objects" that are linked to your Web pages.

You can read more about fonts and typography on Microsoft's web site.

Posted: Jan 08 2005, 12:15 AM by dave | with no comments
Filed under: ,
Adjusting your site for different Screen Resolutions

Have you ever spent hours trying to get your site to look just right and then viewed it on another PC at a different screen resolution?  If I design a site, I want to be sure that it stays the way I wanted it to look no matter what screen resolution the visitor is using.  How do you accomplish this?

Tables. 

Tables can be a web designer's best friend when it comes to achieving the perfect look. If you just want to make sure your site fits in all browsers you can set up a table set to 100% width and then put your content inside of it.  This will insure that it expands and grows to the width of the user's browser no matter what screen resolution they have.

If you want to be sure that your site stays the same in all screen resolutions then you would use tables and cells locked at a specific number of pixels to keep things from distorting.  

A few years ago it was good practice to always design for the most commonly used screen resolution - 640x480 but these days, most PCs come pre-set up for screen resolutions of 800x600 or higher.  One tip when using tables set to a specific number of pixels is to remeber to take into account that you don't have the full height and width of the browser to take advantage of. You have to account for the scroll bars, menu bars, tool bars etc.  For example, at 640x480 you may want to set your table to a width of 595.

An alternate way of doing this is to set up different pages and use a screen redirect script to redirect your users depending on their browser settings.

Creating Custom Scroll Bars

Internet Explorer 5 added a new ability for web designers to take advantage of.  That was the ability to customize and add colors to their scroll bars.  This is done using Cascading Style Sheets (CSS).

And example would look like this:

<HEAD>
<style type="text/css">
body {
scrollbar-arrow-color: #6C000E;
scrollbar-base-color: #1D50AC;
scrollbar-dark-shadow-color: #1D50AC;
scrollbar-track-color: #2559AF;
scrollbar-face-color: #FFCC66;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #D9D9D9;
scrollbar-3d-light-color: #FFCC66;
}
</style>
</head>

You can enter the colors using regular names (such as green, black, red etc) or HEX values (such as# D9D9D9, #000000, etc).  Also, you do NOT need to use all of the lines above.

If you're not familiar enough with creating stylesheets you can go to EchoEcho.Com and use the custom scroll bar generator to create the code you need to put into your page's <HEAD> section.

This only works in Internet Explorer 5+  but it will not affect the look of your site in earlier versions or other browser such as Netscape.

Posted: Jan 08 2005, 12:08 AM by dave | with 1 comment(s)
Filed under:
Streaming Real Audio or Real Video

Is it possible to stream Real Audio or Real Video without a streaming media server?

Yes.  You can go to www.real.com and get Real Producer.  Once you've created your file you can have the program create the HTML page for you and choose the option for a site with out a "Real Server".  Here's how it works:

(This is a Real Audio Example but you can do the same thing with Video)

RealPlayer 5.0 and higher has the ability to play files delivered via Hypertext Transfer Protocol (HTTP). What this means is that now streaming audio can be delivered in the same manner as a gif or text file without requiring Progressive Network's proprietary PNM protocol.

How to Set up Content without a Real Server

After you have created your .ra file with your Real tools, you would create a text file with the extension .ram. In this text file, you would make a reference to your .ra file so that the server can serve it. The contents of the file would be:

http://yourdomain.com/path_to_file/file.ra

On your web page, you would reference the .ram file, NOT the .ra file (i.e., http://yourdomain.com/path_to_file/file.ram). If you reference the .ra file, it will download completely to the client system before playing. The .ram file is the one that facilitates streaming audio.

Real Content with a Real Server

Why would you want to use a Real Server?  If you are serving large or high-quality files, you may want to consider using the PNM protocol. HTTP is not quite as robust as PNM and HTTP is best suited for those serving smaller files or not insistent upon the absolute best sound quality.

Posted: Jan 08 2005, 12:06 AM by dave | with no comments
Filed under: ,
Creating a Favorites Icon for your Web Site

Have you ever visited a site and noticed that there was a small icon (image) next to the URL in your address bar or bookmarked a site and saw that it had an icon next to it?

This is done by creating a 16x16 pixel icon (.ico) file with a standard graphics or icon maker program, such as IconForge, and importing it into the root of your web site.

Once you have the .ico file in your root you need to add the following tag to the <HEAD> section of your site:

<LINK REL="SHORTCUT ICON" HREF="myicon.ico">

That's it! You can find out more information about creating a Favorites Icon by visiting Favicon.com

Disabling Right-Click
One question that I get a lot of is people wanting to know how to disable the right-click menu in a user's browser so they can't download images and graphics from their site.  This also goes hand-in-hand with the questions about preventing users from stealing content off of a web site.  Here's the only real way to prevent this:

Don't publish it to your site!

There are all kinds of JavaScript and other tricks you can use to disable the right-click, most of which will just annoy your users, but in the end there is NO possible way to prevent users from getting your content. 

Even with right-click disabled people can still get the images and files they want from their Temporary Internet Files cache, doing a View Source on your page and browsing directly to it, copy and pasting the information, choosing Save As from the File menu and a number of other ways to defeat this.

The best you can do is use a service, like Digimarc, to digitally "sign" or watermark your images so they can be tracked.

How to convert a folder to a web (subweb)

In FrontPage you can easily convert any folder in a web into a subweb. Because each subweb can have its own set of permissions for who can author, browse, or administer it, you can set up individual subwebs with different levels of permissions and different groups of users.

For example, you might set up different subwebs for Marketing and Human Resources; within the Human Resources subweb, you might have different subwebs with different permissions for job postings, employee records, and even the employee handbook. Only recruiters could update the job postings subweb, but everyone in the company could browse it. Only Human Resources managers could browse and author the employee records subweb, while everyone in the company could browse (but not author) the employee benefits web.

Warning   Do not convert the root folder (for example, C: or D:) of your computer's hard drive to a web. Doing so may render your hard drive unusable. 

In the Folder List, right-click the folder you want to convert to a web, and then click Convert to Web on the shortcut menu.

Notes:

  • Pages that include other files may not be updated when the included files change.
  • Hyperlinks on navigation bars may be linked to pages outside the new web.
  • The larger the contents of the folder, the longer it will take to convert the folder to a web. For a large folder, this process could take several minutes.
Reduce download times by slicing your images

Does your web site load to slow?  If you use large images on your site and they take a long time to load you may be losing visitors.  Whenever I go to a site that takes too long to load I usually click the stop button and move on.  Why?  Because a lot of people, myself included, don't have the time to spend on slow loading sites.  They need information and they need it quickly.  In addition, although broadband Internet access is becoming more popular, many people are still on slow-speed connections and they're paying for that time.

So what can you do to speed up the loading of your pages?  One thing is to reduce the size of your images or "slice" them up into smaller pieces.  I'm sure you've seen sites where the images load in different sections at a time.  How did they do this? Simple.  An image slicing program.

There are many different choices out there for you to use.  I prefer Adobe Image Ready, which is part of Adobe Photoshop. But you don't have to spend a lot of money to take advantage of this time saving tip.  There are also a number of freeware programs available such as ShoeString's Picture Dicer.

Users of FrontPage can also get a free add-in called FrontFX Picture Splitter to do the job for them.

Quick Tip: When adding images to your site, be sure to add height and width to the IMG tag in your code. When a web page loads the browser tries to determine how much space is needed for an image. If those tags are present then the browser reserves that much space for the image and continues to render text while the image loads, allowing you to see the page faster. In FrontPage, Right-Click on the image and go to Picture Properties (or Image Properties - depending on your version), Appearance to set those properties.  

 
Posted: Jan 07 2005, 07:29 PM by dave | with no comments
Filed under:
How to create a hidden folder

If you create a folder and precede its name with an underscore (for example, _database), the folder is only hidden from FrontPage views. Such folders are useful for files that do not need to be seen in FrontPage views; however, the folder's contents can be viewed by site visitors browsing the web. If you want a folder to display in FrontPage views, select the Show documents in hidden directories check box on the Advanced tab in the Tools, Web Settings dialog box.

When you create a new web, FrontPage automatically creates a hidden folder named _private to store form results. This hidden folder created by FrontPage cannot be viewed by site visitors browsing your web. If you want additional folders that cannot be viewed by site visitors, you can create subfolders below the _private folder, or you can contact your web administrator for instructions on how to make a hidden folder.

Note: I use _database here as an example.  If you are using a database in your web, the most secure way of safeguarding your database is to maintain it OUTSIDE of the web structure.

Posted: Jan 07 2005, 07:27 PM by dave | with no comments
Filed under: ,
How to jump to a specific line number in your code

If you've ever received an error on your page, that indicates a problem at a specific line number, it may be easy enough to track that error down.  But what if it's a large page or contains a lot of coding?  Then how do you find the line number quickly?

If you switch to HTML View, by clicking on the HTML tab in Page view, you can easily jump to a specific line number in your code.

  1. Right-click anywhere in the HTML tab, and then click Go To on the shortcut menu.
  2. In the Enter line number box, type the number of the line you want to go to.

Tip: If you look in the left corner of your status bar (in HTML View) you'll see the line number and column number displayed.

Posted: Jan 07 2005, 07:26 PM by dave | with no comments
Filed under: ,
How do I set up my server to send email when using FrontPage forms?

In order to send email from a FrontPage form you need to configure the FrontPage Server Extensions to send email.

In Internet Information Server:

  1. Right-click on your web and choose Properties.
  2. Click on the Server Extensions Tab.

For FrontPage 2002:

  1. Click on Settings.
  2. Your browser will launch and the Change Configuration Settings web-based administration form will appear.
  3. Enter in your SMTP mail server and the email address that will appear as the From and Reply To addresses when a form is submitted.
  4. Click Submit.

For FrontPage 2000 and FrontPage 98:

  1. Select the option to specify how email should be sent.
  2. Enter in your SMTP mail server and the email address that will appear as the From and Reply To addresses when a form is submitted.
  3. Click Ok.

Applies to:

Internet Information Server 6.0
Internet Information Server 5.0
Internet Information Server 4.0

I get a No Catalog error when using the FrontPage search

This error means that your Internet Services Provider (ISP) or Web Presence Provider (WPP) is running Index Server.

To correct the problem, contact your ISP or WPP and ask them to either:

  1. Create a "Catalog" for your site.
  2. Turn off Index Server on your site.
What is the difference between a disk-based and server based web?
By default, FrontPage creates disk-based webs when you choose the File, New Web option from the menu.  A disk-based web is a web that has not been published to a web server.  Disk-based webs are accessed by selecting a folder location on your Hard Drive, such as C:My Webs.

Server-based webs are webs that have been published to a web server.  You can access these webs by selecting File, Open Web and putting in the location of your web site, such as http://www.mydomain.com/. If you are running a web server locally you would choose http://localhost/ to open your web.

The advantage of using a server-based web is that you can develop and test out all features that require the FrontPage Server Extensions to function.

More Posts Next page »