Microsoft FrontPage

Monday January 28, 2002

The Basic FrontPage Setup

Setting Page Properties

Right Click on the White space in the work area. Choose Page Properties.

Page Properties

Change the Title

Highlighting Text

Changing Default Background/Font colors

You can add a background picture/colorChange the default font colors

Fonts

You can change font color, size, shape or effect at any time.

Bold/Italics/Underline

You can change Bold/Italics/Underline by highlighting the appropriate text and clicking the B, I or U buttons on the toolbar.

Inserting Pictures

To insert a picture that you have saved do the following:Insert/Picture/From File

Inserting Pictures

Browse for your picture file.Choose the file name and click OK

Resizing Images

You can Resize your images or move them around the page.

Inserting Tables

To insert a table do the following:Table menu/Insert/Table

Setting Number of tables columns and thickness of

cells. Rows are those which run horizontallyColumns are those which run verticallyCells are the rectangular shaped boxes inside the table.Cell Padding is the thickness of the lines around the cellsTo have an invisible table choose 0 for border and cell padding.

Inserting bullets

Highlight the appropriate textGo to the FORMAT menu and choose Bullets and NumberingChoose the bullets you would like to use.

Inserting Hyperlinks

Hyperlinks are used to link your website to another page or website address. If you have ever clicked on a picture or words and they have taken you to another page, that is a hyperlink.

Inserting Hyperlinks

Highlight the text or picture you want to have linked to another page.Go to the Insert menu and choose Hyperlink.

Inserting Hyperlinks

Type in the URL or web address and press ok. You should see that the words you highlighted are underlined. This means it is linked.Run your mouse cursor over the hyperlink and notice that the URL shows up at the bottom of the FrontPage window.Remember you can put a link to another web page you make. You simply need to know your folder name in the St.Edward web folder. For example: www.scs.sk.ca/edw/grade1/web3.htm

Inserting a link to an Email Address

Very much like adding a hyperlink, highlight the appropriate text or image.Go to Insert/Hyperlink

Inserting a link to an Email Address

Click on the ENVELOPE button and type in the appropriate email address.Press OKNow you will see that moving your mouse over that link will show the email address at the bottom of the FrontPage window.

HTML CODE

You will need to check the HTML Code to make sure your images are showing the proper folderIt looks somewhat scary but if you look closely it makes sense.All Code is surrounded by < > IF you see <b> it means that bold text will begin there.If you see </b> it means that bold text is ended.Image code beings with <imgBe very careful with the Image code. Make sure it shows the right folder in front of the picture name.

HTML CODE

Saving your web page

FILE/SAVE ASHints: use all lowercase lettersDo not put spaces in your titleMake the title name as short as possible

What your diskette may look like.

You should have a folder called images. Make sure to save ALL of your pictures into that folder. You will then know that your HTML code should read something like this: images/filename.jpg

What your folder may look like after you save your

web pageNotice that on your diskette you have htm files and a folder.Htm files are web page files

Things you may want to stay away from

You many not want to use themes. It is sometimes difficult to manage the files.You may not want to make a frames page. Try one after you are comfortable with FrontPage.

Links

For FrontPage tutorials go to: qarbon.com choose viewletlibrary and choose Web Design from the list. Choose FrontPage 2000 and from the list provided choose the tutorial you would like to follow.

For animated Gif’s here are some good web sites: http://www.animfactory.com/

http://www.webdeveloper.com/animations/

http://www.animation-station.com/index.html

http://hotwired.lycos.com/webmonkey/