Frontpage 2000

Quick Links: | Prerequisites | Logging On | File Menu | Creating New Pages | Pictures | Hyperlinks | Saving Websites | Exiting Frontpage |

Frontpage 2000 is an easy and intuitive way to develop fairly sophisticated websites. This tutorial covers the basics.

Prerequisites: There are some key things to keep in mind when dealing with Frontpage 2000:

1. You must have Frontpage Extensions installed in your directory on our Web server. Contact your ISP's web support to get them added or fixed.

2. You will be prompted by Frontpage to logon when you try to access your Web page. Your ISP may have a distinctive Frontpage logon such as WWW1\username or MERCHANT2\username depending upon the name of the Web server where your Web folder is located. The most common one is WWW1\username. Please contact your ISP's Web support group for details.

3. You need to have the DUN configured for "logon to network" plus you must have Client for Microsoft Networks installed or you will get NTLM errors.

4. You will be editing your Web pages directly on our Web server. In order to backup that content, you will need to use an FTP program to copy that content to your workstation at home.

<next> <return to top for more options>

 

Logging On To The Frontpage Website:

The main Frontpage screen is shown below. <next>

Click the file menu but do NOT choose a "new" option. Web support has already setup the new directory. Customers should choose "open web" as shown below. <next>

The "open web" window will pop-up as shown below. Frontpage will remember websites that have been accessed before. If the correct website is listed then just double-click it. If not, put the complete URL in the folder name box (including http://) and click the "open" button. <next>

A preliminary set of folders from that website will become visible in the main box as pictured below. Click the "open" button a second time to logon. <next>

When prompted to logon, use WWW1\username or whatever logon your ISP requires plus the password to logon to the Web directory. 

Note: Yes. Use a backslash "\" because you are already inside the network from their dial-up connection. 

Once you are logged on, you will see the main window as pictured below. Make sure that you name your home page index.html (not .htm or otherwise). Every other page can be .htm, .asp, etc., but the home page must be index.html.

<next> <return to top for more options>

 

File Menu Options:

The file menu options are pictured below. Sometimes, you will see an abbreviated list. If so, click the arrows at the bottom for a complete list.

Please note that you do not want to use the "publish web" option. You have already logged on to the Web server directly. Just make changes to pages and choose the "save" option.

<next: creating new pages> <return to top for more options>

 

Creating A New Page:

You can create a new page by clicking the file menu and choosing new -> page. You can also click the little new page icon in the top left hand corner of the main screen. That icon is pictured below.

You will get a variety of page options. In most cases, you will choose a normal page. You will then need to set the font and page properties. To set the page properties, right-click anywhere on the new (untitled) page and choose "page properties" as shown below. <next>

The page properties window is shown below. Set the page title in the general tab. This will be the title that viewers see at the top of their browser when visiting that Web page. <next>

You will want to go to the background tab to set hyperlink properties for that page. It is often a good idea to set the active hyperlink color to a different color than the regular hyperlink. This will tell people which link is active. If you think that people will be visiting the same links repeatedly then you may want to have the "visited hyperlink" color be the same as a normal hyperlink. [The convention is to use a blue hyperlink but it is your website so pick the color that you like best.] If people will only be visiting your links a single time then it is a good idea to have the visited hyperlink be a different color so that people will be able to see which links haven't been visited, yet.

You can put a checkmark in the "enable hyperlink rollover effects" so that the link blinks, turns to boldface, changes color, etc., whenever they put their cursor over an active link. Click next to see the different rollover effects that are available when you click the "rollover style" button. 

The different rollover options are shown below. You can change the link's fonts, font style and font size. You can also make the link blink, underline, capitalize, etc.

<next: insert menu: pics, hit counters, etc.>  <return to top for more options>

 

Insert Menu: Update Time, Hit Counters, Pictures, Etc.

The insert menu is pictured below. Click the arrow at the bottom of the drop-down list to see as many options as possible. They include the ability to input the date of last update, page banners, pictures, hit counters, pictures, hyperlinks, etc. Most of the options are fairly self-explanatory to configure. Pictures and hyperlinks are covered in more detail in this tutorial.

<picture insertions> <hyperlinks> <return to top for more options>

 

Picture Insertions:

Click in the Web page where you want to insert a picture. Once you've placed the cursor in that position, click the insert menu and choose picture -> "from file" as shown below. <next>

A picture selection window pops up as shown below. It will initially "look in" your Web directory for the picture. <next>

Click the icon to get to the following window. Click the drop-down arrow (as shown below) to find any picture on your workstation. Click the button to get a picture from a website on the world wide Web. Just right-click on the picture in the website and choose "save picture as" to lift the picture. Once you've selected the picture, hit the "OK" button to plug it into your website.

<next: creating hyperlinks> <return to top for more options>

 

Creating Hyperlinks: E-Mail & Website Links

Sub-Links: | Text/Picture Links | E-Mail Links | New Page Links | Target Frames | Hyperlink Coloring | Hover Effect Links |

You can make a picture or any combination of words on the Web page into a hyperlink. The words do not have to match the hyperlink address. The hyperlink can create an e-mail to any address that you want. It can also link you to another page on your website or anywhere on the World Wide Web. 

You can also make the hyperlink blink, change colors, etc. You can have the link open a new Web browser page or change the current Web browser page using "target frames." You can even make the link create a brand new Web page. Each of these options are covered by the links above.

Select the wording or picture that you want to make into a hyperlink then click the insert menu and choose "hyperlink" as shown below. You can also highlight an existing link and then choose the insert menu -> hyperlink route to change an existing hyperlink's properties. <next>

The "create hyperlink" window is shown below. The main box will show the content of your website. Click any page in there to create a link to already existing content. You can also create any of the following types of links:  Next: Text/Picture Links | E-Mail Links | New Page Links

 

Hyperlinking Text & Pictures:

Click on any picture or highlight any text in a Web page then choose insert -> hyperlink to create a link to that text or picture. For example, clicking on the linked picture will cause the hyperlink to occur. A good example of this is the Training Home page where you can click on the Internet Explorer icon, etc., to go to the Internet Explorer tutorial page. <next>

The "create hyperlink" window will pop-up. You can create an e-mail link. You can link to any of the Web pages in your website by double-clicking on that page in the main box. You can also type in a complete URL such as http://www.yahoo.com (include the http://). You can even create a link to a new page that hasn't been developed, yet. It's easy. 

Additional Topics: Next: E-Mail Links | New Page Links | Target Frames | Hyperlink Coloring | Hover Effects

 

E-Mail Links:

Click the icon that looks like an envelope to create a hyperlink that sends an e-mail to any address that you specify. You will get the box shown below. Just put in the e-mail address and hit the "OK" button. <next>

This will return you to the create hyperlink window as shown below. Notice that the link has HTML script for implementing an e-mail link. You can follow the format of that link to script the e-mail link without using the if you so desire. 

Next: New Page Links | Target Frames | Hyperlink Coloring | Hover Effects | Return To Top

 

Hyperlinks To New Pages:

You can create a brand new Web page while creating a hyperlink. Just click the button and create a brand new page. Be sure to go back to the first page to save the updated link. 

<next: target frames> <new page creation> <back to top for more options> <back to hyperlinks options>

 

Target Frames:

The "target frame" will let you open a hyperlink in a new browser window while leaving the old browser window open at the first page. You can also specify which "frame" the link goes to if your website is broken up into more than one frame. Just click the ...pencil button on the right side of the picture below.

This will cause the "target frame" window to pop-up. You can select "new window" or whatever as shown below. You can also set a "page default" so that all hyperlinks assume that they will go to that target unless you specifically designate different frames for links on a case-by-case basis.

<next: hyperlink coloring> <hyperlink special effects> <return to top for more options>

 

Hyperlink Coloring:

You control the colors of (1) active links, (2) visited links and (3) unvisited links in the page properties for each Web page. Right-click anywhere on the Web page and choose "page properties" as shown below. <next>

The page properties has several tabs. Choose the background tab. <next>

The background tab is where you set the hyperlink colors. It is often a good idea to set the active hyperlink color to a different color than the regular hyperlink. This will tell people which link is active. If you think that people will be visiting the same links repeatedly then you may want to have the "visited hyperlink" color be the same as a normal hyperlink. [The convention is to use a blue hyperlink but it is your website so pick the color that you like best.] If people will only be visiting your links a single time then it is a good idea to have the visited hyperlink be a different color so that people will be able to see which links haven't been visited, yet.

You can put a checkmark in the "enable hyperlink rollover effects" so that the link blinks, turns to boldface, changes color, etc., whenever they put their cursor over an active link. Click next to see the different rollover effects that are available when you click the "rollover style" button. 

 

Hyperlink Special "Hover" Effects:

The window for the "rollover style" button is pictured below. You can cause the hyperlink to change fonts, change font size, go boldface, blink, etc., as can be seen below.

<next: saving websites> <next: exiting frontpage> <return to top for more options>

 

Saving A Frontpage Web:

Click this button to save changes and new Web pages directly on the Web server. It is on the toolbar in the top left hand corner (3d from left) under the "view" menu.

Warning: This saves the Web content on our Web server. It is a good idea for you to backup this Web content to your own computer as an extra precaution. You will need to use an FTP utility in order to do that. <click here for ftp instructions>

<next: exiting frontpage> <return to top for more options>

 

Exiting Frontpage:

Click the file menu and choose "exit" to finish a Frontpage editing project. Frontpage will prompt you to save any Web pages that have changes that haven't been saved, yet.

These are the basics for Frontpage 2000. Anybody that needs more support than this should go to a bookstore to get one of the many excellent training books that are available for Frontpage 2000. You can also find a variety of helpful websites on the internet.

<return to top> <return to frontpage home page> <return to main windows page>