This tutorial was obtained from http://nbrick33.tripod.com/frontpagetut.htm
Other online tutorials are available at:
Tutorial on Creating Web Pages with FrontPage Editor
http://www.siec.k12.in.us/~west/online/website
Front Page Tutorial
http://www.learningspace.org/tech/FrontPage/index.htm
Getting Started with FrontPage 98 PowerPoint Version
TO CREATE A NEW FRONTPAGE WEB ON A FLOPPY DISK
1. Launch Microsoft FrontPage Explorer
2. Select Create a New Web - OK.
3. Area 1 - Select One Page Web
4. Area 2 - Type your Last Name - Click the Change Button
5. In the field provided type A: - OK.
6. Answer YES to Convert the Floppy Disk into a FrontPage Web.
TO OPEN AN EXISTING WEB STORED ON A FLOPPY DISK
1. Launch FrontPage Explorer
2. In the Getting Started Window click More Webs Button
3. Select the disk location - type in A:\ then click List Webs Button.
4. Click on the name of your front Page Web - OK.
CREATING A TEMPLATE
1. In FrontPage Editor Click File - New - Normal.doc
2. A new white page will open up.
3. Add all the components for your template
- Choose a background color or image.
- Choose text and hyperlink colors that go well with the background.
- Include a heading that identifies the web site.
- Graphics
- Shared Borders - Include navigational links, which will be used to
point visitors back to your homepage and your organizations Homepage.
4. Click File - Save
5. Save this file as template.htm
HOW TO USE YOUR TEMPLATE
1. Open the template.htm file in FrontPage Editor
2. Add the new content for this page.
3. Click File - Save As - Give your page an appropriate concise file
name.
4. Click OK.
5. Click Format Menu - Background - General TAB
6. In the Title field give your new web page a unique title - OK.
TO PREVIEW YOUR WEB PAGE
1. Use the Preview Tab at the bottom of FrontPage Editor
OR
2. Click File - Preview In Browser - Choose Browser Name - Preview.
TO CHANGE THE BACKGROUND COLOR OF A PAGE
1. Format Menu - Background
2. To Choose a Solid Background Color from the drop down list.
You can also adjust the Default Text Color
3. Select OK.
TO SET AN IMAGE BACKGROUND
1. Select Background Image
2. Select the Browse Button.
3. Select the Clip Art Button (bottom of window).
4. Select an Image from the Microsoft ClipArt Gallery - Insert - OK.
TO SET AN IMAGE BACKGROUND SAVED FROM THE INTERNET
1. Select Background Image. (See above diagram)
2. Select the Browse Button.
3. Select a file from your computer by clicking here.
4. Use the Look in box to locate saved background file.
5. Click on the Background file you want to insert- Click OK
- OK.
ADDING TEXT TO YOUR WEB PAGE
Using text in FrontPage is much like using text in any word processor.
However, there are a few differences that can confuse beginners.
1. Double spacing is the default. To force a single spacing you must
press Control + Enter at the end of each line.
2. The program allows you to select from a series of fonts; however,
they may not always display correctly on another computer that does not
have that font. Work with common Fonts.
3. Wrapping text around graphics will take some practice and formatting.
Change Style Change Font Font Size Bold, Italic, Underline Text Color alignment left, center, right create numbered or bulleted lists Indent push text the left or right
INSERTING CLIPART
1. In the FrontPage Editor, click the page where you want to insert
the clip art.
2. On the Insert menu - choose Clipart. This opens the Microsoft Clip
Gallery.
3. In the Clip Gallery select an image or picture -Insert.
TO INSERT AN IMAGE - SAVED FROM THE INTERNET
1. In the FrontPage Editor, click the page where you want to insert
the image.
2. On the Insert menu - choose Image.
3. In the Image dialog box, click the From File button.
4. Use the Look In box to locate the saved image.
5. Click on the image you want to insert, -OK.
Some people who surf the Internet choose not to view images to save
downloading time. FrontPage Editor automatically adds the name and
the size of the image as a text alternative for these people. But you can
make the information about your graphic more descriptive by following these
simple steps:
1. Place your mouse on top of the image and right click the image one
time.
2. Drag your arrow down to Image Properties
3. In the Alternative Representations Text Field type the text that
you want to appear to describe your image.
EDITING IMAGES WITH THE IMAGE TOOLBAR
1. Click on the image to select it.
2. Use the toolbar below to make changes to the image.
Create Image Maps Transparent Background Crop the image Restore Rotate
TO CREATE A THUMBNAIL IMAGE
A thumbnail image is a small version of an image on a page that contains
a hyperlink to a full-size version of the same image.
1. In the FrontPage Editor, select the image.
2. On the Tools menu, choose AutoThumbnail.
3. FrontPage creates the thumbnail image, inserts it in the place of
the larger image, and creates a
hyperlink to the full-sized image from
the thumbnail image.
MOVING BETWEEN WEB PAGES/FILES
1. Click the Window Menu - Choose a Filename.
OR
2. Use the back and Forward arrows on the Toolbar.
ADDING TABLES
Tables are most commonly used to arrange text and graphics on your
screen. HTML does not allow having columns. Tables allow you to create
a column effect, which also allows you to have text beside an image/graphic.
4. Click the Table menu - Insert Table.
5. Type the number of columns and rows.
6. Select a border size. (0" will remove the borders/gridlines.)
7. Specify width (100 % spans across whole page, 50% half page)
EDITING TABLES
1. The Cursor must be blinking inside the table.
2. Click the Table Menu - Table Properties.
3. Make the necessary changes.
4. Use the Help Button to get an explanation of the different options
available.
CREATING HYPERLINKS
1. In the FrontPage Editor, select text that will identify the hyperlink.
2. Click the Insert Menu - choose Hyperlink.
3. In the Create Hyperlink dialog box,
- Click a page or file to make it the target of the hyperlink.
- Type in a WWW Address to link to an Internet site.
- Type in an e-mail address to link to e-mail.
- Use the drop down list to stop at a preset bookmark.
(see the next page to set a bookmark.)
TO CREATE A BOOKMARK
1. In the FrontPage Editor, select text.
2. On the Edit menu, choose Bookmark.
3. In the Bookmark Name field, enter the name of the bookmark, or accept
the name that FrontPage suggests. You can include spaces in the bookmark
name.
4. Click OK.
TO ADD SOUND (AS A HYPERLINK)
4. In the FrontPage Editor, select text/image that will play the sound.
5. Click the Insert Menu - choose Hyperlink.
6. In the Create Hyperlink dialog box, click the button create a link
to a file on my computer.
7. Use the Look In box to locate the saved sound file.
8. Click on the file you want to insert, -OK.
TO ADD SOUND TO PLAY IN THE BACKGROUND OF A WEB PAGE
1. In FrontPage Editor, Click the File menu - Page Properties.
2. In the General tab, in the Background Sound section, Click
Browse to open the Background Sound dialog box.
3. Choose a file from the current FrontPage web, your file system,
the World Wide Web, or click Clip Art to choose a sound from the
Microsoft Clip Gallery.
4. In the Loop field, enter the number of times to repeat the
background sound. To play the sound continuously, select Forever.
5. Click OK.