It’s wise to save your web page periodically so that you don’t loose your hard work. There are several ways to do this. First, click-on File in the Menu Bar and then click-on Save.
The following Save As Menu Screen will appear.
We will be saving this web page on our hard disk in the C Drive. If you want to save the web page on your floppy drive, insert a formatted High-Density disk in the A Drive. When the disk is in place, click-on the small arrow to the right of the Save in: box. A “drop down” menu will appear. Click-on the 3 ½ Floppy (A:). If you don’t have a floppy disk, you can click-on the C Drive and save it on the C Drive, or in one of the folders on the C Drive.
The drive you choose will now appear in the Save in: area. You will need to give your web page a File name under which it will be saved. Be careful here. FrontPage will try use the title you enter in the File name: area. If your web page name is more than 8 characters long, some older computer systems and servers might not work well with the name. Also, the name should not have an apostrophe (’) as this is a reserved Java character and could cause later problems as well. So, create a logical name for your web page like the one above – we used Janie. When you have selected your drive and name, click-on Save.
Inserting a Photograph
At this point we’d normally insert your picture in the web page. If you know how to use a scanner, scan a picture of yourself. If at all possible, scan the picture as a GIF or JPEG file. These will load faster in your page. If you don’t know how to do this, have someone who does, scan a photo for you. Or, if you have access to a digital camera, have someone take a digital picture of you. Place your picture directly to the diskette, on which your web page is saved, or transfer the image to the Hard disk where your web page is located.
Something really important in web pages
You need to have all of the “parts” of the web page in the “same place”. In order for the page to load correctly, the text, pictures, animations, video files, photos, sounds, etc., all need to be on the A drive (for a small web page) or in a folder on a hard drive. If the web “page” can’t find the various items, you will not be able to see them in your web page.
you insert your picture, make sure
that your cursor
a couple of spaces below
the title. Then click
in the Menu bar
and then click
, and then click-on From File
The following Picture menu screen will appear.
In the Look in: area of the Picture menu screen (see image above), click-on the small arrow and select the disk drive where your photograph is located. It is assumed that the location is the A drive or a hard drive. Again, make sure that all of the “items” are in a single location (like the A drive or a folder on the C drive) so that the web page can locate them. Next click-on the file name for your photograph in the area below the Look in: area. Then, click-on Insert.
Your web page should look something like the image on the right.
Your picture might be larger or smaller than the one on the right. To “size” the picture, point to the picture and click the left mouse button. This will “activate” the picture. You will see small “squares” at each of the corners and in the middle of the top, bottom, and side edges.
Corner Sizing Square
If, you move the mouse over one of the corner “squares,” a small two-headed arrow will appear (see enlarged corner and arrow on the right). When this occurs, click and hold down the left mouse button, and drag the corner in or out to make your photograph larger or smaller. If you click-on one of the top, bottom or side square’s and do this you will get a “fat” or “thin” picture. By clicking-on the corners, the picture holds its normal size ratio or perspective.
When you finish, your web page should look similar to the image below.
After something this significant, it’s a good idea to Save again. From now on, when you save, you can simply click-on the small diskette in the button bar (if you desire). Or, you can click-on File in the Menu bar and then on Save as you did previously. Your choice.
You may want text to “wrap” around your photograph. And, you may also want your photograph to be somewhere other than on the left side where it “defaulted” when you inserted it in your web page.
If the flashing I-bar cursor is not below your picture, click-below your picture and it should appear. If it doesn’t, point with the mouse cursor, to the white area to the right of your photograph and click the left mouse button. Then, tap the Enter key and the cursor I-bar should be just below your photograph. You may have to tap the Enter key several times
Now type the following: This is where the text appears for this option.
To observe where the text appears (around an image), we’ll illustrate each of these “appearances” on the next few pages. To do this, point in the picture and click the right mouse button. Whenever you right-click on any area, text or object (in Windows), a “tailored” menu will appear for that area, text, or object. When you right-click in your photograph, the following Menu will appear (as shown on the right). Click-on Picture Properties.
The following Picture Properties menu screen will appear. Make sure that you are “on” the Appearance “tab” at the top of the menu page. Then, click-on the small arrow to the right of Alignment: Default.
Notice the choices that appear below Default (arrow above). We’ll now illustrate each of these choices.
Click-on Left, and then click-on OK. You will see a new display similar to the one on the next page (you could also click on the Left Wrapping style image as well). If you desire to duplicate the below illustrations, repeat the above process for each of the choices indicated. If you do not wish to do this, simply look at the images on the next two pages.
This is the Default (where you began).
This is the left appearance choice.
This is the right appearance choice.
This is the right appearance choice.
These are the top and text top appearance choices
These are the middle, center and absmiddle appearance choices
These are the bottom, baseline, and absbottom appearance choices
Let’s reset the picture back to the Default. The text you typed should be just below the picture.
Now is a good time to save again.
Our web page looks a bit drab at this point, so let’s add a colorful background, an animation, a sound and a link to a really neat web site.
Viewing web pages in a browser
So far we have been working only in the Microsoft Page Design View. We have not really seen how the web page will “really” look to the “world” in a browser. In the button bar, below the Menu bar, there is a button (see image on right) that will load our web page in a browser (e.g. Microsoft Explorer, Netscape, etc).
Click-on the Preview in browser button. Or, you can click-on File in the Menu bar and then click-on Preview in Browser. If you do click-on Preview in Browser, Explorer will ask you to choose a browser that is saved on your computer. We normally use Microsoft Explorer, as it has proven more reliable of late. However, if you are a Netscape or other browser user, then choose your favorite browser if this is important to you. After you have made your choice, click-on the Preview button at the bottom of the Preview in Browser Menu Screen.
Microsoft Explorer browser, or Netscape browser, will load in your computer and your web page will appear. It will appear just like it would if someone looked at it in their browser.
We’ll use the Microsoft Internet Explorer. Again, you can use the browser of your choice. We’ll find a background, animation and link on the internet. You’ll actually “copy” a background color/pattern of your choice, as well as an animation, sound and link to your web page. To do this we’ll use a couple of handy sites on the World Wide Web.
Notice that an Internet “address” has been typed-in the Address: area above. Click-in the Address area of the Microsoft Explorer (or Netscape) on your screen and type the following: http://www.wdvl.com. This will link you to a web site that contains a lot of neat things. When you have completed typing, simply tap the Enter key and Microsoft Explorer or Netscape will load this site. Once you have typed-in the address, tap the Enter key.
Your browser should now load the web site Web Developer’s Virtual Library. The screen should look similar to that below. This screen has changed several times in the past year, so if it does not look just like this, don’t despair. Trust us, you’ll be OK. The screen should indicate, at the top, that you are in the Web Developer’s Virtual Library. You’ll just have to be flexible to find the next correct link.
We want to add a background and an animation from the Web Developer’s Virtual Library to our web page. To do this we’ll start by clicking-on the Graphics button. This button/link has moved several times. At this time it is in a scroll down list on the left side of the screen – it could be on the right if the design changes again. Move down until you see the word Graphics. Your screen should look something like the one to the left. Click-on Graphics. If your screen does not look just like this, look around for Graphics. When you see it, move your cursor over Graphics, you will see the little pointy hand. Click-on the word Graphics.
Microsoft Explorer or Netscape will now load the next web page. It should look something like the one below.
Use the “elevator bar” on the right side of the screen to move down slowly until you see a link to a background web page. The link is pretty far down the list. It should look like the one below.
When you move your cursor over Using Background Images on Web Pages and Resources you will see the “little pointy hand”. When you do, click the left mouse button. Microsoft Explorer will now take you to the next web page. The top of the web page should look like the text below.
Again, use the elevator bar on the right to move down until you see an area on the web page that looks similar to the one on the left.
We’ll use the Netscape’s Background Sampler to select our first background. Click-on this and you will go to a web page with a nice set of basic backgrounds. The top of the web page should look something like the one below.
The above title will appear at the top of this web page. Again use the elevator bar on the right side of the page to run down until you see some backgrounds. Earlier, it was suggested that you use a dark color for your title. It is now suggested that you use a light color for your background. This is to assist you in “seeing” your text against the background. As you become more proficient in text and backgrounds, you can experiment and attain some really “interesting” combinations. We chose the background below (left) for the tutorial since text is easy to “see” against it. We also use this tutorial in our computer labs and this image projects well with computer projectors on movie screens.
This is a good background as it is light enough to show your text, but also has some color to it. You choose a light background that you like. When you have chosen your background, point your cursor arrow at the middle of the background and click the RIGHT mouse button. A tailored menu screen will appear (like the one at the top of the next page).
This is a technique that we’ll use from now on to “capture” any “object/picture” that we’d like to use in our web page from the Internet.
After you RIGHT click, a menu similar to the one on the left will appear. Move down and click-on the Save Picture As… item in this menu screen. This will take you to the Save Picture menu below.
It is assumed, for this exercise, you will continue to use the A drive (diskette) or the Hard Drive. So, click-on the drive on which you’re saving in the Save in: area (see top arrow above). Notice that the name of the background appears in the File name: area. When you see the correct drive and file name, click-on Save.
You now have this background in your “folder/diskette/hard drive” and available when we return to Microsoft FrontPage 2003 to insert into your web page.
Next we’ll “capture” a famous animation by Dan Austin. In the upper left corner, of Microsoft Explorer, is an arrow that indicates “Back.” Click-on the back arrow two times. This will take you back to the graphics page. Move down the page until you see the image at the top of the next page.
The next web page we’ll visit is GIF Animation. Move your mouse over GIF Animation (see arrow above) and when you see the “little pointy hand” click-on GIF Animation. This will take you to:
As we have done before, use the elevator bar on the right side of this page to run down until you see:
We’re, as indicated, going to select an animation by Dan Austin. So, Move the cursor over Golden Earth Animation (see pointing hand graphic above), and when you see the “little pointy hand” click the left mouse button. This will take you to a web page with a rotating earth.
Move down the page until you see the rotating earth.
You need to be careful here. When you move the cursor over the rotating earth, you’ll notice the “little pointy hand.” This indicates that there is a web page link associated with the earth. If you accidentally click-on the earth and go to another page, click the back arrow to return to this page.
Carefully move the cursor over the earth and click the right mouse button. A drop down menu screen will again appear.
Click-on the Save Picture As.., just like you did before.
A Save as menu screen will appear and you can again save this picture to the drive you are using. AuEarth will appear in the File name and you can click-on Save.
Note: when you look at Dan Austin’s web page you will notice that he has a copyright. This is a critical topic: web plagiarism. To use “things” you copy from folks like Dan Austin, you need to show his copyright. Some objects you click-on will not have a Save Picture As associated with them. This indicates the person who created this object does not want you to have it. There are numerous web sites that address this topic. A major site we recommend is: http://www.georgetown.edu/honor/plagiarism.html. Please be careful and aware of web plagiarism
You now have a background and animation to add to your web page. Now let’s “capture” a sound. If you don’t have a sound card and speakers or earphones, you will not be able to hear the sound and may get an error message when you do the below procedure. You may not want to attempt “capturing” the sound until you have these “things.” If you want to skip this section, please go to Page 23.
Now we’re going to go to an entirely new web site. So type-in: http://www.weblust.com in the Address area of Microsoft Explorer or Netscape. Then tap Enter. You will now proceed to a marvelous “sound” site.
The top of your monitor screen should look similar to the image on the right.
Click-on Fred’s Media Universe and you will be linked to:
Move down this page, utilizing the elevator bar on the right, until you see the image on the right.
You will want to visit many of “Fred’s” areas. However, we’ll visit the MIDI FILES to “capture” a sound. So click-on the small square to the left of MIDI FILES.
At the top of the screen you will see:
What is a MIDI? MIDI stands for Musical Instrument Digital Interface. If you want to learn more about MIDI a nice site to visit is: http://www.midiworld.com. When you arrive at the site, click-on the MIDI Basics link at the bottom of the web page. This will give you a nice background in MIDI sound.
Move down the page until you see:
Let’s get some “class” and click-on Classical Music (see arrow above). You can choose one of the other groups if you desire. When you arrive at your selected web page, move down the Classical Music page, or the page of your choose. You will see a number of selections. We selected Classical Music for our musical masterpiece.
We’ll choose the bluedann.mid for the sound file. Later, we’ll insert this sound into our web page. When we left click-on bluedanu.mid a sound “player” screen will appear. What you see on your screen will vary in appearance, depending on what “player” you have installed. Ours looks like the one at the top of the next page. When the player has “loaded” the sound, you will hear it over your speakers or earphones.
After you have listened to your tune click-on the “X” in the upper right corner of the player (see arrow at right) to stop the player and end the tune. You’ll have to be careful as you listen to various tunes. If you keep clicking on tunes and not closing the player you can have a “lot of tunes” showing on the Task Bar at the bottom of the screen. So, as you choose more tunes, listen to them, and close each player until you find a tune you like.
When you have a song you like (in our case we chose the bluedanu.mid), carefully, again, move the cursor over the song you want to save until you again see the “little pointy hand”. When you see the hand, carefully click the right mouse button and a drop down menu will appear.
ove your cursor over Save Target As… and click-on Save Target As and you will see a normal Save As screen appear. Save this sound like you saved your animation and background.
Inserting a Background in your Web Page
In the status bar, at the bottom of the view screen, you will see the Microsoft FrontPage 2003 icon displayed in the task bar (see above). We will now return to the Microsoft FrontPage 2003 to insert the background, animation and sound we just captured and saved. So click-on the Microsoft FrontPage 2003 button. You will now return to Microsoft FrontPage 2003.
When the Microsoft FrontPage 2003 screen returns, make sure that you are on your web screen with your image and title. Your cursor should be flashing just below the text you typed- in earlier. If you do not see the cursor, move down the screen and click below the text. If the cursor appears to the right of the text, tap Enter to move the cursor down below the text.
Now it’s time to insert our background in our web page. Click-on Format in the Menu bar and then click-on Background.
The following screen will appear. Click-on the Browse button which is under Formatting on the right side of the menu (see the arrow).
Now you will see an image similar to the one below. Make sure you are on the drive or the folder where you saved all of your files. For the background, click-on the background you chose earlier (see arrow below). Then click-on Open.
You will return to the Page Properties screen where we began this process (under Format in the Menu bar).
Notice that the background you chose is now indicated in the Formatting - Background area.
WOW! What a difference!
A good time to Save your web page again.
Inserting an animation in a web page
Since we previously “saved the earth ( hee! hee!),” we’ll insert the earth in our web page! Sounds rather awesome!
Make sure that you can see your cursor flashing below the text. Inserting the animation is exactly the same as inserting your photograph.
Click-on Insert in the Menu Bar and then click-on Picture and then on From File.
When the following Picture menu appears, make sure that you are “on” your proper drive (A: or C:, etc.) click-on AuEarth and then click-on Insert. The earth will appear below the text in your web page!
Something seems to be wrong! The earth’s not rotating! There really is no problem; you just don’t see the animation effects in the Microsoft FrontPage. You have to go to the Microsoft Internet Explorer or Netscape to see these effects.
Save your file and then click-on the Browser button in the button bar (see image at right) and you will go back to Microsoft Explorer or Netscape. Now you see your background and the rotating earth.
Note: Sometimes your browser will not appear, but you’ll notice your browser button flashing-blue in the task bar at the bottom of the screen. If this occurs, simply click-on the flashing browser button and you’ll see your web page in your browser.
Now back to Microsoft FrontPage 2003 (click-on the FrontPage 2003 icon in the Task bar at the bottom of the screen as you did before – bottom Page 22) to insert the sound.
Inserting sound into the web page
The cursor should be flashing to the right of the earth. Tap Enter once to move the cursor below the earth.
Sound is a bit unique. We could put the sound in the “background” of the page and it would begin playing when the page is opened if we were using only Microsoft Internet Explorer. However, other browsers can’t “play” the sound when you do this. So we’ll insert the sound with a “link.” This is what web pages are all about: links.
Type-in something that would indicate that, if you clicked on it, you would hear a sound. We’re going to type in: Listen to the Blue Danube. After you type-in your text, tap Enter one time to move the cursor down.
Click in front of the text, hold down the left mouse button and drag the cursor over the text to highlight it (just like you did when you highlighted the web page title – see image below).
Now, with the text high lighted, click-on the Hyperlink button in the button bar.
The Insert Hyperlink screen will appear as shown at the top of the next page.
First ( 1. ), in the Look in area, make sure that you have selected the drive where your web page is saved (3 ½ Floppy (A:), C:, etc.).
Second ( 2. ), in the area below the Look in area, click-on the MIDI music file that you saved. It will turn blue.
Third ( 3. ), when you have selected the correct drive and file, then click-on OK.
After you click-on OK, and return to your web page, click-under your highlighted text link (to turn off the highlight). You will notice that the text you highlighted has now “turned blue” and is underlined. This is the universal “symbol” for a “hyperlink.” You are now “linked” to your sound. This is why it is so important that all of your images and sounds are in one location.
Save your webpage and then click-on the Browser button again. Move down your web page, when your page appears in the browser, and click-on your sound link. Sounds great!
You can also hyperlink to an object (like your picture or the rotating earth) the same way you linked to your text. All you have to do is to click-on any object and then click-on the hyperlink button. Then, follow the instructions you just completed above.
As indicated earlier, you can also have sound “play” as soon as your web page opens in a browser. Also, as indicated, this may not “work” in all browsers. However, if you want to do this – here’s how.
Click-on File in the Menu Bar and then click-on Properties.
The Page Properties menu screen below will appear.
Click-on the Browse button in the Page Properties menu screen in the Background sound area (see arrow at right).
The Background Sound menu screen at the top of the next page will appear.
Make sure that you select the drive on which you web page is saved in the Look in area. Then click-on your sound. Finally, click-on Open.
You will now return to your Page Properties menu screen.
Notice that your sound is now shown in the Background sound Location area.
Also note, below your sound file, that the Forever box has a check mark in it. This means your sound will play “forever” if you don’t change this selection. We clicked-on the check and it disappeared. We noticed that to the left of Forever that a zero appeared in the Loop area. This simply indicates that the music will play only one time and not play again (will not loop). You may “set” this Loop as you desire.
When you are finished, click OK
Links to other sites on the Internet
Now we’ll link, using the Internet, to a great small college in Virginia. Make sure that you can see your cursor below the sound link. If you cannot see your curser below the sound link, click-below the sound link and see if the flashing cursor appears. If it does not, tap the Enter key.
Now type-in something like: Visit an awesome place.
Highlight - Visit an awesome place. Click in front of Visit and awesome place, hold down the left mouse button and drag over the text you typed (just like with the sound), and click-on the link button again.
The Insert Hyperlink menu screen should then appear (similar to the one below). We’ll need to make a couple of “adjustments” to this menu screen because we want to “browse” the internet to find our awesome site.
When the above screen appears first click-on the Hyperlink button at the top of the menu screen (see image at right and the arrow and text above). A Text Help will appear indicating that this button will “Browse to the web.”
You will then be taken to the default page in your browser. When Microsoft Internet Explorer or Netscape appears, type-in the following web address – in the Address area:
Now tap the Enter key and you will “go” to the home web page for Lynchburg College.
When you see the Lynchburg College web site click-on the Front Page button at the bottom of your screen – in the task bar.
This will take you back to FrontPage 2003 and the Insert Hyperlink menu screen (below). Click-on the Browsed Pages button (see arrow below).
This “click” will change your menu screen to look something like the one above. Notice that in the Address area, at the bottom of the menu screen, that it indicates the web address to which you browsed.
To complete your hyperlink, click-on OK. You will return to your web page and Visit an awesome place will be linked to Lynchburg College. You’ll notice that the link to Visit an awesome place is now the default blue-underline for a hyperlink.
Once again, when you desire to “see” how your web page “really looks,” click-on the Preview in Browser button. A message that indicates that you must save your changes will appear. Click-on Yes and you will be taken to your browser.
Remember, sometimes the browser will not “load” when you do this. If this occurs, look in the task bar at the bottom of the screen and you will see your browser blinking blue. Click-on you flashing browser button and you will once again be taken to your web sit.
One more thing – HTML
So far you have been working in a program very similar to a word processor with some limitations. Actually, FrontPage 2003 has been “converting” your work into the Hypertext Markup Language (HTML). To “see” the computer program code you have created we’ll do two things.
First, go back to FrontPage 2003 again by clicking-on the FrontPage icon in the Task Bar at the bottom of the screen.
When you are in FrontPage you’ll notice, at the bottom of the screen, on the left side, some “tabs/buttons.” One of them indicates Code. Click-on the Code tab (see image on right). This will take you to a screen that shows you the HTML code you have created. Your screen should look something like the one below.
Wow! You created all of this computer programming code and most of you don’t know anything about programming. Neat program - FrontPage 2003.
Congratulations. You have now successfully completed a web page. Click-on the Design Button to move back to the “normal” design view.
One more really neat thing in FrontPage 2003, you can “see” this HTML code on your web page as you edit it.
To do this click-on View in the Menu bar, and then carefully go down the menu, you will see and choice Reveal Tags appear. Click-on it.
Your web page screen will “change a bit” and you will see HTML “things” called “tags” appear. Your web page will look similar to the one below. As you become more proficient and advanced, this can be a real help. “Old time HTML folks” had to create all of their web pages by coding them as you just saw in the HTML view. That was a task. But, every now and then, you might find these codes will assist you.
Some other neat new “things” in FrontPage 2003
If you desire to see your normal web page design screen, as well as the HTML code, as you are creating your web page, you can now see both in FrontPage 2003.
Look at the bottom of your design screen again. Notice that there is a button that indicates Split. Click-on the Split button. Your screen will now split into two distinct halves – the HTML code in the top half and the regular design view in the lower half (similar to the image below).
You not only see your HTML code in the top half of the screen, and your design page in the bottom half, but there is a cursor “flashing” at exactly the same place in both screens! Neat. In the image above, we clicked behind the word “option,” in the lower screen and the cursor in the HTML screen moved to the same place in the code (see arrows above). This is a real help if you are used to working in code, or design view.
Many times, when you are working in the design screen, it would be handy to have grid lines and a ruler to assist you in placing text and objects precisely in your web page. FrontPage 2003 now has this handy feature.
If you click-on View in the Menu Bar, then click Ruler and Grid the menu at the left will appear.
We clicked Show Ruler, Show Grid and Snap to Grid and, as we did, the ruler and grid appeared on our design screen, like the image below.
Notice that a ruler and grid lines have been added to the design web screen.
If you desire a larger or smaller grid, follow the instructions above – except click-on Configure to access the Page Options menu screen and the Ruler and Grid tab (as shown at the top of the next page).
Make any changes that you desire and click the OK button to confirm.
If you don’t want the grid and ruler, simply follow the instructions at the top of the last page and “click-off” the check marks for the grid and ruler.
Code Snippets and IntelliSense
There are some new and innovative “things” for those who use HTML code a lot – Code Snippets and IntelliSense. These two features allow you to “collect pieces” of HTML code, which you use a lot in creating your web pages. Once these “HTML snippets” are collected, you can insert them at any time. To use Code Snippets, click-on View in the Menu Bar and then click-on Page Options.
When the Page Options menu screen appears, click-on the Code Snippets tab (see image and arrow to the right).
You can highlight your favorite HTML code and add it to the Code Snippets list by using the Add button at the bottom of the menu.
IntelliSense is like the Auto Correct feature in Microsoft Word. The Help screen for IntelliSense is shown at the right.
By entering IntelliSense in the Microsoft FrontPage 2003 Help search, you will get a long list of ideas on how to use IntelliSense to complete HTML coding tasks that you use everyday.
Enhanced Table Features
When you use tables in FrontPage 2003 you will have a number of new and helpful features at your disposal.
To get an idea of these features, place your cursor somewhere in the design area of you web page and click the left mouse button. You will see a flashing mark – this is where a table would begin.
Then click-on Table in the Menu Bar and then click-on Layout Tables and Cells.
The Layout Tables and Cells Task Pane (that you see at the right) will appear.
Notice, all of the options in the Task Pane, are to assist you in designing a table. Everything is in “one place.”
Especially notice the “custom designed” tables in Table layout at the bottom of the Task Pane. Use the elevator bar on the right side of Table layout to see all of the custom tables that you can add to your web page.
Awesome! We would recommend that you only work with tables when you are familiar with them and FrontPage 2003.
Microsoft Office Tutorials
In addition to this tutorial, other Office tutorials are available at:
This site is updated frequently with tutorial revisions as well as tutorials from a number of collegiate institutions. Please feel free to visit and down load as you desire.
This has been an introduction into the basics of FrontPage 2003. If you have any questions about FrontPage 2003, or comments on this tutorial, please contact:
Thank you for your patience and good luck.
Now we’ll create our web site. You may want to take a break and relax before you begin.
Don’t forget to save your web page and close the file before you begin creating your web site.
Creating a Web Site
Using Microsoft FrontPage 2003 for
Created: 20 October 2003
Starting Microsoft FrontPage 2003
In this tutorial we’ll create a small web site using Microsoft FrontPage 2003. If you have not completed the tutorial: Creating a Web Page Using Microsoft FrontPage 2003 for Windows 2000/Me/XP you should do so prior to attempting this tutorial. The Creating a Web Page Tutorial explains how to create and edit a single web page; this knowledge is pretty essential prior to your attempting the web site tutorial.
In the previous tutorial it explains how to hyperlink or link to other web pages. The really neat thing about this tutorial is that it creates these links “automatically” for you.
To “start” the program, Double click on the FrontPage 2003 icon (looks like the image on the right), or click-on Start in the lower left corner of the screen, then click-on Programs, and then on Microsoft FrontPage. You should now be in Microsoft FrontPage 2003.
If you are in FrontPage 2003, you will see, in the upper left corner of the screen that you are in Microsoft FrontPage (it looks similar to the image at the right).
Take a few moments to go back to pages 1 and 2 of this tutorial - Creating a Web Page and Web Site Using Microsoft FrontPage 2003 for Windows 2000/Me/XP – Starting FrontPage 2003. Review what the screen should look like and re-familiarize yourself with the various buttons on the top of the screen.
If you still have your single web page on the screen, click-on File in the Menu bar, and then click-on Close. If you are prompted to Save your changes – click-on Yes.