![Page 1: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/1.jpg)
Microsoft FrontPage
Monday January 28, 2002
![Page 2: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/2.jpg)
The Basic FrontPage Setup
![Page 3: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/3.jpg)
Setting Page Properties
Right Click on the White space in the work area. Choose Page Properties.
![Page 4: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/4.jpg)
Page Properties
Change the Title
![Page 5: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/5.jpg)
Highlighting Text
![Page 6: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/6.jpg)
Changing Default Background/Font colors
You can add a background picture/colorChange the default font colors
![Page 7: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/7.jpg)
Fonts
You can change font color, size, shape or effect at any time.
![Page 8: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/8.jpg)
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 FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/9.jpg)
Inserting Pictures
To insert a picture that you have saved do the following:Insert/Picture/From File
![Page 10: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/10.jpg)
Inserting Pictures
Browse for your picture file.Choose the file name and click OK
![Page 11: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/11.jpg)
Resizing Images
You can Resize your images or move them around the page.
![Page 12: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/12.jpg)
Inserting Tables
To insert a table do the following:Table menu/Insert/Table
![Page 13: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/13.jpg)
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 FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/14.jpg)
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 FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/15.jpg)
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 FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/16.jpg)
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 FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/17.jpg)
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
![Page 18: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/18.jpg)
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 FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/19.jpg)
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 FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/20.jpg)
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 FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/21.jpg)
HTML CODE
![Page 22: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/22.jpg)
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 FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/23.jpg)
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
![Page 24: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/24.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
![Page 25: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/25.jpg)
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 26: Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup](https://reader035.vdocuments.mx/reader035/viewer/2022062219/551acc99550346b2288b599d/html5/thumbnails/26.jpg)
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/