Tutorials

Creating and Editing Your Web Page with Microsoft Front Page

http://www.kpdsb.on.ca/kpdsb/lakewood/mcd.htme

Microsoft Front Page is referred to as a WYSIWYG (What You See Is What You Get) editor, because it allows you to see your page as it will appear on the Internet. This is very useful for anyone who has never made a web page before. It also has many advanced tools, if you really want to jazz things up.

When you first start making web pages, use the KISS principle – Keep It Simple, Stupid! If a page has too many bells and whistles, it will take too long to load and people will not want to wait around for it to load. Don’t add too many graphics, java applets, or animations. Keep it simple!

Title

In a web page, the title is the text in the blue bar at the top of the screen. With Front Page, it is quite easy to add a title. First, right-click the background of your web page (any blank space will do) and then click Page Properties. Now, simply type your title in the “Title” space and press ENTER.

Text

In Front Page, you enter text the same way as in Word, with just a few exceptions.

Headings: If you want to have a heading at the top of your page, I suggest you first type your heading, then press ENTER to give you a line break. By default, the font size is “normal”. Highlight the text you have typed and select a heading size. I would suggest either Heading 1 or Heading 2. For subheadings on a page, choose Heading 3 or heading 4. Headings 5 and 6 are much smaller, but are good if you want to have small text that maintains its small size in a document.

Normal text: Simply enter the text as you would in a word processor. If you want a line break, you have to make a choice: press ENTER to create a new paragraph, or press SHIFT+ENTER for a simple carriage return.

Formatting text: To format text, you use the same tools that you would use in a word processor to center, italicize, underline, etc.

Note: don’t use too many different fonts in a web page. Stick to the basics (KISS), because not all computer users will have the same fonts installed on their computer that you might have installed on yours.

Colours

Background:  To change the background colour on your page, click on Format, then Background and choose the colour you want for your background.

Text: If you want to change the colour of your text (the words) on your page, click on Format, then Font, and choose the colour you want for your text.

Pictures

If you want to add a picture to a web page, click Insert, Picture, From file (you could insert clipart if you want, but this way you can add your own pictures), then navigate to wherever the pictures are saved. Choose the picture you want and it will be inserted in your page.

If you want to change the picture you have on your web page, first click on the picture you want to get rid of, then press delete. To add a new picture, follow the procedure above.

If you want to have your picture centered on your page, do it the same way you would center text on the page (click “Center” on the toolbar).

Adding Links

To add a link, type the text that you want for a link and highlight it. Now click Insert, Hyperlink and type the URL of the site in the URL space.

If you want a picture to be a link, click on the picture and follow the same procedure as with a text link.

Tables

Tables are extremely useful in web pages. They can be used as you use tables in a word processor document, for showing tabular data. In a web page, they can also serve another purpose. Remember the Lakewood web page? I used tables to organize the information and to allow me to have information in neat columns.  Tables don’t have to be use to format a whole page. They can be used to organize information in simple columns. For this purpose, tables can allow a web page to be a neater way to organize information than a word processor document.

To insert a table, click Table, Insert, Table, and then choose the size of your table. At this point, you can also choose whether or not you want to have borders on your table or not.

Back