Microsoft Front Page
-
Upload
darren-cannell -
Category
Education
-
view
2.226 -
download
1
description
Transcript of Microsoft Front Page
![Page 1: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/html5/thumbnails/1.jpg)
Microsoft FrontPage
![Page 2: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/html5/thumbnails/2.jpg)
The Basic FrontPage Setup
![Page 3: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/html5/thumbnails/3.jpg)
Setting Page Properties
Right Click on the White space in the work area. Choose Page Properties.
![Page 4: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/html5/thumbnails/4.jpg)
Page Properties
Change the Title
![Page 5: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/html5/thumbnails/5.jpg)
Highlighting Text
![Page 6: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/html5/thumbnails/6.jpg)
Changing Default Background/Font colors
You can add a background picture/colorChange the default font colors
![Page 7: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/html5/thumbnails/7.jpg)
Fonts
You can change font color, size, shape or effect at any time.
![Page 8: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/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 Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/html5/thumbnails/9.jpg)
Inserting Pictures
To insert a picture that you have saved do the following:Insert/Picture/From File
![Page 10: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/html5/thumbnails/10.jpg)
Inserting Pictures
Browse for your picture file.Choose the file name and click OK
![Page 11: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/html5/thumbnails/11.jpg)
Resizing Images
You can Resize your images or move them around the page.
![Page 12: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/html5/thumbnails/12.jpg)
Inserting Tables
To insert a table do the following:Table menu/Insert/Table
![Page 13: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/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 Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/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 Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/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 Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/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 Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/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: myfolder/web3.htm
![Page 18: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/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 Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/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 Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/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 Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/html5/thumbnails/21.jpg)
HTML CODE
![Page 22: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/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 Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/html5/thumbnails/23.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 24: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/html5/thumbnails/24.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 25: Microsoft Front Page](https://reader035.fdocuments.net/reader035/viewer/2022062405/5559b16fd8b42aa4288b540f/html5/thumbnails/25.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/