If you'll remember, in the Microsoft Creating a Single Web Page tutorial, we browsed on the Internet and found nice, colorful, backgrounds to replace the white default background in the web page. 

Now, in Microsoft FrontPage 2003, we have the neat option to have a "Theme" background throughout our web site.  The theme uses the same color scheme for each web page its buttons and links (you can change them page by page later if you desire). 

Now let’s go back to the Navigation View in FrontPage 2003 and “name” our web pages.  We’ll be doing the following process frequently, so it’s good to make sure that you understand the process of moving from one program to another.  At the bottom of your screen there is an area which shows/indicates what programs are active. This is called the Task Bar.  Since we are using FrontPage 2003, as well as a browser [in our case we’re using Microsoft Internet Explorer].  Your Task Bar should look similar to the one below.

Now, in Design View, click-on the browser button in the button bar.  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, if this is important to you.  Your initial view of your Home Page (index.htm) should look like the image below

You now have the beginning of a small web site.  Before we attempt to look at it, we need to do a very important task.  Remember the words below the Home Page - where we indicated that we would come back to naming the pages?  We need to “tell” FrontPage “what” we want to “see” on our web pages - in our web site.  To do this we first have to follow the instructions below the Home Page.  They tell us to select Shared Borders in the Format menu. 

We’ll create a small personal web site to get you started.  You should be in Navigation View. 

First, left click-on the Home Page in the middle of the screen.  Prior to your click, it will appear as a light yellow icon, when you click-on it, the page will turn blue.  This indicates to FrontPage which page you desire to work on.  In this case we’ll add, and automatically link, three additional pages below our main home page. 

If you haven’t already, you’ll notice that there is no “Save” option under File in the Menu Bar.  Nor is there a little “Save diskette” in the button bar.  They are both “grayed out” – indicating that you can’t use them.  One of the neat things in FrontPage 2003 is that it automatically saves your web site as you make each change.  To prove this, click-on File in the Menu Bar and then click-on Exit.  FrontPage 2003 will close.  Now open FrontPage as you did at the beginning of this tutorial.  When FrontPage appears, SURPRISE!  Your web site appears – just like you left it! 

To create a web site, click-on File in the Menu bar and then click-on New. 

Note:  If you are a FrontPage 98, 2000 or XP/2002 user, the new Office 2003 graphics displays are very different to from those that you are used to seeing.  In every module of Office 2003 there is now a new “Task Pane” on the right of the screen.  Once you get used to using the task pane – especially since it has similarities in all of the Office 2003 programs, we think you’ll really like it.  So, for you “old FrontPage hands,” here we “go”- with the new graphic features.

After you click-on New, the New Task Bar on the right will appear on the right side of your screen.

Place your cursor over the small yellow folder with an “earth” on it or on the text One page Web site...  You will notice that the words One page Web site… are now underlined in blue.  You will also notice that your cursor will change to the “small pointy hand” hyperlink icon. 

Click-on One page Web site and the image will appear.


The Web Site Templates menu screen will appear.  It will not look exactly like this.  You will need to do a couple of simple things to create a “place on your hard disk (C:)” for your web pages. 

First ( 1. ) , make sure that the upper left icon “One Page Web” is highlighted.  If it is not, click-on it. 

Second ( 2. ), in the “white area” under Options – Specify the location of the new web:  type-in the following:  c:webtest.  Your Web Site Templates menu screen should look like the one above.  When it does, click-on OK. 

When you click-on OK, several things will happen.  It will appear that your screen will “pause” for a moment and then “blink.”  You will notice several important things.

First, if you look at the upper left corner of your screen you will see that the web site c:webtest has been created. 
 
Next, notice that your screen looks something like the image below.

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.

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.

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.