Top Banner
Microsoft FrontPage
25

Microsoft Front Page

May 18, 2015

Download

Education

Darren Cannell

A quick front page tutorial
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Microsoft Front Page

Microsoft FrontPage

Page 2: Microsoft Front Page

The Basic FrontPage Setup

Page 3: Microsoft Front Page

Setting Page Properties

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

Page 4: Microsoft Front Page

Page Properties

Change the Title

Page 5: Microsoft Front Page

Highlighting Text

Page 6: Microsoft Front Page

Changing Default Background/Font colors

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

Page 7: Microsoft Front Page

Fonts

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

Page 8: Microsoft Front Page

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.

Page 9: Microsoft Front Page

Inserting Pictures

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

Page 10: Microsoft Front Page

Inserting Pictures

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

Page 11: Microsoft Front Page

Resizing Images

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

Page 12: Microsoft Front Page

Inserting Tables

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

Page 13: Microsoft Front Page

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.

Page 14: Microsoft Front Page

Inserting bullets

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

Page 15: Microsoft Front Page

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.

Page 16: Microsoft Front Page

Inserting Hyperlinks

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

Page 17: Microsoft Front Page

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: myfolder/web3.htm

Page 18: Microsoft Front Page

Inserting a link to an Email Address

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

Page 19: Microsoft Front Page

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.

Page 20: Microsoft Front Page

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.

Page 21: Microsoft Front Page

HTML CODE

Page 22: Microsoft Front Page

Saving your web page

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

Page 23: Microsoft Front Page

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

Page 24: Microsoft Front Page

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.

Page 25: Microsoft Front Page

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/