FrontPage XP Tutorials

| opening your web site | making a blank page | making regular hyperlinks | making bookmarks | finding, copying, pasting images | saving a Word document as a web page | inserting a PowerPoint presentation into FrontPage | how to cite a basic web site | inserting horizontal lines |

Back to top

Opening your web site:
  • Open Internet Explorer.
  • Type in "student" in the address bar. This will take you to the student web server main page.
  • Find students in the menu, click on that and find your grade. Then find your teacher and click. This should bring you to the list of student pages.
  • Find yours and click. Then enter your user name and password.
  • Your index page should now be showing in the browser window. In the row of icons at the top, click on the "edit" icon (looks like the FrontPage symbol).
  • You will have to enter your user name and password one more time, but now you can edit and save your work to the student web server.


Making a blank page:
  • Be sure you are in the Folders View (see the tabs on the left).
  • Click on the little blank page icon in the tool bar at the top of the page (white, looks like a blank piece of paper). A new page called new_page_1.htm will be created for you.
  • You need to rename this page. Think of a name that is short. If you must use two words, put an underscore (shift+hyphen) between the words, not spaces. Also, use only lower case letters, not capitals. DO NOT forget to add the file extension, .htm after the name. Otherwise, you will not have created a web page.
  • Then, change to page view and save your web site. You may now edit this new page in the page view by double clicking on the file name in your folder list.
  • Remember, an asterisk in your tab means the page needs to be saved.


  • Hyperlinks are managed in the "Create Hyperlink" dialogue box. Get this by clicking on the hyperlink button in the tool bar at the top of the window. You will learn to make three different types of hyperlinks.
  • To a different page in your web: simply click on the page file in the list in the Create Hyperlink dialogue box. Always choose the file without the pencil (which simply indicates that the file is currently open and being edited). Instead, click on the file listed below the folders lists. The page url is automatically put in the url line. Save your work and check hyperlinks in the browser. If you use preview to check links, be sure to go back to Normal view to edit.  
  • To a url on the internet: The safest way is to have your browser open. Left click in the address bar of the site you want to link to. It will turn blue. Use Control C to copy. Then, back in your Create Hyperlink dialogue box, highlight the default http:// that is there so you copy over it and use Control V to paste. (Paste the copied url into the address bar).
  • To an email address: After you've typed Email me on the page and have highlighted it and have clicked on the hyperlink button, choose the little icon near the url line that looks like an envelope. (Or in XP, to the right, there is an email button. Click that).  This will open a little box that asks you to type an email address. You must create the email link this way. After you do that and close that little window, the url line will read mailto: and then email address will follow. (The mailto: goes in automatically. Without it, your email link will not work).


How to make a bookmark (hyperlink to something on the same page)

Let's say you want  to make a link back to the top of your page. Here's how you do it.

  1. First, highlight a word or words in the heading or title of the page (which would be at the top of your page).
  2. Then, go to "Insert" (your top menu) and select "Bookmark."
  3. A dialogue box should come up that shows the word or words you have selected. If these words are correct, then click "Okay."
  4. What you have done is to identify a target (bookmark) where your hyperlink will go. You can tell you have done this when the words have a dotted line under them. This line does not show up on your page when published.
  5. Next, you need to create a hyperlink. So, at the bottom of the page (or wherever it's most logical), type a key word or phrase, like "Top," or "To Top of Page" or "Back to Top."
  6. Then, highlight (select) this key word or phrase and click on the hyperlink icon (in your toolbar at the top of your page).
  7. With the hyperlink dialogue box open, look to the right to see a button marked "bookmark." Click this button to reveal the list there. Select the bookmark (or target) you had identified earlier. You will see that in the URL line, those words will appear after a # sign. This is what you want.
  8. Then click okay.
  9. Now, save your page and then view it in preview to see if your new bookmark works. Click on the hyperlink and you should go to the top of the page.
  10. Good Job. (If it didn't work, reread these directions and try again. It's really pretty simple).


Finding, copying, and pasting graphics into your web page:

Search the web for free web graphics, buttons, backgrounds, etc. Make sure that what you want to copy is free and has no copyright restrictions on it. After you've found what you want, it's a very simple process.

  • Check to see if the graphic has a larger version than the thumbnail (or the regular size). You want to copy the best form of the graphic. Thumbnails cannot be enlarged effectively on your web page.
  • Right click on the graphic you want, click paste, then toggle back to your open web page.
  • Highlight your images folder (word Images will turn blue), then with your cursor on Images, right click and paste.
  • A little icon that shows the process of copying should appear on your screen.

To place an image, you can click on the image in the images folder and drag it onto the page. Or, you can use the little icon in the toolbar that looks like a postcard (mountains and a sun). Be sure your curser is blinking on the page where you want the image to go before you click on this icon. Then you can browse the images folder to find the image you want.

To use a background, go to Format, Background and check the little box at the top for background picture. Then browse the images folder to find the background you want.


Remember, all images must be put in the images folder.


How to save a Word document as a web page and copy it into FrontPage.
  • Be sure your Word document does not contain tables or other extensive formatting. Even bulleted lists may present a problem if you want to edit in FrontPage.
  • Save your Word doc. as a web page. Go to Save As and change the file type to web page. Or under file choose Save as Web page (XP version).
  • Close the document.
  • Open my computer (on your desktop) and find the file in its original drive. Copy the file.
  • In FrontPage, click once on the main level of your web page (ex: a:\myweb). Then paste the Word document. Or, if you want it to go into a folder, click on that folder once to turn the letters blue and then right click and paste the Word file into that folder.
  • Next, find the new page in the folders list. It will look different from the others. It will look more like a Word file.  Right click on it and to get an "open with" option. Choose FrontPage (even if it looks like it's already selected, click on it). Then the page will open and the page icon should look like all your other FP pages.
  • Save the page by clicking on the disk icon.
  • You may now link to this page, insert hyperlinks, format the text and background. Be aware that you may be limited in the editing that you can do with this page because Word files come with all kinds of imbedded code.

You can also copy small blocks of text from Word directly onto an existing  web page. It would be best to copy something that is only single spaced in Word. And again, you could experience formatting trouble going from Word to FrontPage. You'll just have to try and see what works.


How to put a PowerPoint slide show into your FrontPage web:
  • Open the PowerPoint file from your disk (in PowerPoint) and Save As htm/html on a disk or on the hard drive. Give the file a short name with no spaces or an underscore for the space if you need one.
  • On the C drive, find the htm file as well as the default folder that is created (it will be the same name as your htm file, only the word "files" will be added).
  • In FrontPage, create a new folder and name it a different, but relevant name (no spaces in folder names). Creating a new folder: in Folders view, click on the top line of your web page (the line that give the directory location of your web files, like http://, etc.) in order to direct the folder to the main hierarchy. Then, go to File, and click New, then Folder. Back in Page View, save your web.
  • Next, back in the C drive (or on the floppy), hold down control and select both of the files you need, the htm file and the folder with the related files. Copy both and paste them into the new folder you made in FrontPage.
  • Make your link to the htm file within the folder. (In the hyperlink dialogue window, double click on the folder to open it to find the htm page).


How to cite a web site

This is the basic citation format for a web page:

Author(s). Name of Page. Date of Posting/Revision. Name of institution/organization affiliated with the site.  Date of Access <electronic address>.


Inserting horizontal lines/formatting
  • Simply go to Insert menu and click Horizontal line. Be sure your cursor is placed on the page where you want the line before you insert it. Right click on the line once it's on your page to get the line properties. You can change color and thickness here.







[chalkboard] [students' pages] [welcome to Cyber English]
Site Contents] [cyber discussion]
[semester one calendar]
 [semester two calendar]
[Ms Haag's CyberEnglish9]

E-Mail Me

2001, 2002, 2003, 2004, 2005 Dawn Hogue
All rights reserved

About using or linking to this site