| Double click on the FrontPage icon on your desktop.
It looks like this |
 |
| Or, if you don’t have a shortcut, click on the start
button, and select FrontPage from the menu that appears. |
 |
| Once FrontPage
starts, select File, New, Web |
 |
| Click once on Empty Web, then in the box marked “Specify
the location of the new web” type A:\your name |
 |
| It will take a few moments for your computer to create the
new web. When it is done your
screen will look like this. |
 |
| X out the new page and your screen will look like this. |
 |
| Click on the Navigation button in the left column.
Your screen will look like this. |
 |
| Follow the on screen prompt to create a Home Page.
The New Page icon is a small blank page located in the upper left
corner of your screen just under the word File. Your
screen will look like this. |
 |
| You are now going to add a child page under your home page.
Click once on your Home Page and then click once on the New Page
icon. Your screen will look
like this |
 |
| Click once on your Home page again and add two more child
pages in the same way you added the first child page. If you do this successfully your screen will look like this. |
 |
| Now you are going to rename your child pages to indicate
what information you are going to put on each of them.
1st. right click on New Page 1 you will get a menu that
looks like this. |
 |
| Click on Rename and you will notice that the name box in the
icon has turned blue and there is a blinking cursor in the box. Type the
name you want to give this page. I
chose Science, but you can choose any name you want, such as the name if
the group that this page is aimed at. To go to the next page use the tab
key. Now re-name the other
child pages you have created. Your
screen will look like this. |
 |
|
Hopefully, when you look at your folder list, which
is the white column, your new pages will have been renamed to the new
names you chose. If so,
congratulations! You can
click on any of the page icons and begin putting great stuff onto your
page.
If your new child pages were not re-named, you just
discovered why “Microsoft Works” is an oxymoron. In order to fix Bill
Gates’ mistake, you need to do the following:
Right click on the new_page_1.htm icon in the Folder List and type
in the name you gave it in the navigation view when you created it.
Mine is Science. It is VERY IMPORTANT that you keep the .htm
file extension at the end of the name.
If you don’t, you will have more difficulty.
Now rename the rest of your
new pages in the same way. When
you have successfully finished, your screen will look like this.
|
 |
| 2 Working with Text, Backgrounds, Images,
Hyperlinks |
|
Text
From this point on working in Front Page is VERY similar to working
in Word with a few minor differences.
To begin working on your home page, double click on your index
page. You will see your screen go to page view with the index page
visible. Just as you would in
Word, enter the following text.
“Welcome to My Page” centered, bold, size 6 (24), with the
Times New Roman font.
Click save and then open one of your child pages by
double clicking on it’s icon in the folder list column. Place some text
on each child page and save each of them.
|
|
Background
To change the background color, click on the word “Format” at
the top of the screen. Click
on Background, a menu will appear that looks like this.
|
 |
| Notice that to the right of the word background, half way
down the screen is a box with a white block and the word “Automatic”.
To the right of that box is a pull down menu that you can access by
clicking on the down arrow. Click on the arrow. A
color palette will appear. Your
screen will look like this. |
 |
| Click on one of the colors and then clock OK.
Your page will now have a background that is the color you chose.
Select colors that are easy on your eyes and that compliment the
text you have on the page. When
you have chosen a background click save.
Open each child page and chose a different background color.
Save each page as you finish with it.
To change the text color, proceed as if you were working in word. |
| Images
To insert a picture, also proceed as if you were working in word.
Without special steps pictures can be placed left justified,
centered, or right justified. Do
this the same as if you were working in text, in Word. |
| Hyperlinks
Hyperlinks are elements of your
web page that when you click on them something happens.
Typical hyperlink commands are, open a new page in your web, open
another web page outside your web, open an e-mail editor, connect you to a
file or page on your computer or network, or take you to a bookmark you
have placed in your web. |
| To create links use the hyperlink tool icon.
It is located on the tool bar towards the top of the screen.
It looks like a blue and green globe with a chain link at the
bottom. |
|
| When you click on the hyperlink icon the following screen
will appear. |
 |
| Here is what the parts of the hyperlink tool
box are: |
|
|
| We will create 3 types of hyperlinks, the first
will be to connect the pages in your web.
The second will be to a website outside your web, and the third
will be to create an e-mail link to you |
| 1 Links to other
pages within your web
On your index page, type the names of the other pages in your web.
Make them centered, bold, and size 2 (10pt).
Highlight the first word. In my example I am highlighting the word
Science in order to make a link to my science page. With the word highlighted, click on the hyperlink icon.
When you get the screen that looks like the one above, click on the
icon for the page named science.htm.
Notice that the URL: box changes to read “science.htm”
click OK. The word science is
still highlighted. Click
somewhere else on the page and you will see that science is now blue.
This indicates that it is a hyperlink.
To check the link click on the preview tab. |
 |
| When you click on the science hyperlink, the content of the
science page will appear on your screen.
However, notice that the page name at the top of the screen still
says index.htm. This is
because you are still working with the index page. |
|
| Create links to your other child pages and make sure you
save each page when finished. Next,
open each child page and create a BACK hyperlink that links the child page
back to the index page. Check
all hyperlinks in preview. Save each page as you finish. |
|
|
2 Hyperlinking
to an outside web page Insert
a picture from clip art onto your index page.
Remember that you can create a hyperlink from any element on a
page. You know how to use a
word as a link. For this next
exercise we will use a clip art picture.
Once you have inserted a picture click once on the
picture to select it. Next
click on the hyperlink icon on the tool bar just as you did for science.
If you know the URL of the site you want to link to
you can type it into the URL box
(see #2 in image above) this works for easy to remember URLs like www.ford.com
A better way for most of us is to do the following:
Open Internet explorer or Netscape, or whatever you
use for accessing the Internet. Navigate
to the page you want to make a link to.
For this exercise we will make a link to the CCSD Educational
Technology Web Page (an
excellent all purpose site). Type
the following URL http://www.ccsd.edu/EdTech
into your address bar.
Go back to FrontPage, select the picture you want to
be a hyperlink, click on the hyperlink tool icon and click on the globe to
the right of the URL box. See
above image. Internet
Explorer will open with a message that says:
Browse to the page or file you want to use, then return to
Microsoft FrontPage to continue...
Click the back button since the last page you had open is the page
you want to link to, and then return to FrontPage. Notice that the URL has been inserted into the URL box for
you. Click ok.
Use Preview to check your link.
Save.
|
|
| 3 E-Mail
Links Type the
following on your index page:
This page created and
maintained by (your name)
Last updated (today’s date)
E-Mail
Highlight E-Mail, Use the
hyperlink tool icon as before, click on the envelope icon (see image
above) enter your e-mail address when prompted.
For CCSD staff this is your first initial followed by up to 7
characters of your last name. Joe
Smith would be jsmith@ccsd.edu
Click Ok.
Save.
|
|