E-Portfolio Guide
Home Up Generic Syllabus Dispositions Assessment Matrix Faculty Types of Writing Diversity Liability Insurance HOPE PROMISE Praxis I QCCs Announcements Links

FRONTPAGE 2002 (XP)
ELECTRONIC PORTFOLIOS

Getting Started

To start FrontPage:
  1. Click the Start button and select Programs
  2. From the Programs menu, select Microsoft Office 2002 (XP)
  3. Now select Microsoft FrontPage. FrontPage will now be loaded.

To open your electronic portfolio:

  1. File Menu ® Open Web. You will now see an "Open Web" dialog box.
  2. At the bottom of the dialog box in Web Name:, type:
    http://portfolios.valdosta.edu/username and click the Open button.
  3. You will now see a dialog box that wants your user name and your password. Type your user name and your password. NOTE: Be sure to uncheck the box that says "Remember my password" and then click the OK button.
  4. You will now see an Open Web dialog box for your electronic portfolio. Click the Open button. You web site will open.
  5. Maximize your screen and click on the Navigation button in the Views menu at the left of the screen. This shows you a hierarchical look at your complete web site.


General Tasks

To work/author a specific page in your web site:

  1. From Navigation view, double click on the page you want to work on.

To change the theme:

  1. Format Menu ® Themes and you will see the Themes dialog box
  2. You can click on theme names in the box at the left and it will show you at the right what the theme looks like. Under the Themes box, be sure that Vivid colors, Active graphics, and Background picture is selected.
  3. Select the theme you want and then at the top of the dialog box, check Apply Theme to either All Pages or to Selected Pages.
  4. Click OK button.

Adding pages to Web site:
  1. In Navigation View, click the New Page button on the toolbar OR File Menu ® New ® Page. The new page will appear as "child" pages (pages under the page you have selected in Navigation View).

Deleting a page from Web site:
  1. In Navigation View, right-click on the page you want to delete.
  2. From the menu that appears, select Delete.
    3.

To change the page title:
  1. In Navigation view, right-click a page in the hierarchy chart and select Rename from the menu that appears.
  2. Type a new name and press the Enter key. NOTE: Page titles are not restricted to 8 characters and can include spaces.
    3.

Add horizontal line
  1. Move the insertion point where you want the horizontal line added. Note: If the insertion point is at or near the end of a line, the horizontal line is added on the next line.
  2. On the Insert menu, choose Horizontal Line. The FrontPage Editor inserts a horizontal line. If a theme has been applied to the current page, the FrontPage Editor inserts a horizontal line based on that theme.

To view your page on the web:
  1. File Menu ® Preview in Browser. The Preview in Browser dialog box will appear.
  2. Select Microsoft Internet Explorer and click the Preview button. NOTE: If the page does not look "right," click the Refresh/Reload button.

To change your password:
  1. Tools Menu ® Server ® Change Password. The Change Password dialog box will appear.
    2.
  2. Type your old password and then you type your new password two times.


Working With Text

To insert Word files into a web page:

  1. Put your insertion point at the location on the page where you want the Word file to be inserted.
  2. Insert Menu ® File. The Select File dialog box will open.
  3. At the top of the dialog box in Look In, change to 3 ˝ Inch Floppy
  4. At the bottom of the dialog box in Files of Type, change to "All Files (*.*). You should now see all the files stored on the floppy disk.
    5.
  5. Highlight the Word file you want to insert and click the Open button. FrontPage will automatically convert the text, and then you can adjust the text size, color, or position on page. NOTE:
    It might be necessary to     delete some unwanted blank lines after the file has been inserted into your web page.

To change font

  1. Select text and click the down arrow on the Font list on the toolbar.
  2. Select font you want. NOTE: Remember that some fonts are better to use than others when creating web sites.

Good Fonts to Use in Web Site

Arial Times New Roman Arial Black
Comic Sans MS Impact Verdana
Webdings Georgia Trebuchet

To change font size

  1. Select text and click the down arrow on the Font Size list on the toolbar
  2. Select the size you want. NOTE: You have a limited choice of font sizes because HTML can only display certain sizes. These sizes corresponding to the 6 heading styles or sizes.

To change text color

  1. Select text and click the down arrow on the Font Color list on the toolbar.
  2. From the color lists given, select color desired.

Create a paragraph
bulletTo create a new paragraph on a new page, start typing on the page. FrontPage applies the Normal paragraph style by default.
bulletTo create a new paragraph with the same style as the current paragraph, position the insertion point at the end of the current paragraph, then press Enter key.
bulletTo divide the current paragraph, position the insertion point inside the paragraph, then press Enter key. FrontPage creates a new paragraph in the same style, starting with the text to the right of the insertion point.
bulletWhen you press the Enter key, FrontPage leaves extra white space

Create a new line without adding white space
bulletTo start a new line of text without adding white space, press SHIFT+ENTER. This inserts a line break. Because Web browsers do not add extra white space between lines separated by line breaks, your lines will be displayed more closely together.

Hyperlinks

Create hyperlink to page on the World Wide Web

  1. Select (highlight) the word or word that you want to be the hyperlink.
  2. Insert Menu ® Hyperlink OR click the Hyperlink button on the toolbar. The Create Hyperlink dialog box will appear.
    3.
  3. Near the bottom of the dialog box is URL. Type in the URL to any web page on the Internet and click OK.

Create hyperlink to page inside current FrontPage web
  1. Select text or image that will identify the hyperlink.
  2. On the Insert menu choose Hyperlink, or click the Hyperlink button on the toolbar.
  3. In the Create Hyperlink dialog box, click a page or file in the list to make it the target of the hyperlink.
  4. Click OK.


Clipart and Pictures

The process of adding an image (picture) to your web site always involves two steps:

bulletThe image is added to a Web page.
bulletThe image or picture is saved as part of the current Web site (called embedded).
bulletWhen you save a web page to which you have inserted an image, you will be presented with a Save Embedded Files dialog box.
bulletRename the file if desired by right-clicking the file name and selecting Rename. Remember to include the file extension name (.gif or .jpeg).
bulletAlways be sure that under Folder you see Images (folder that holds all of these types of files in the Web site).

Inserting clip art from Clipart Gallery:

  1. Click an insert point on the page where you want the picture.
  2. Insert Menu ® Picture ® Clipart. The Insert Clip Art Task Pane will open on the right side of your screen.
  3. In the Search In: drop-down list, be sure all collections are selected.
    4.
  4. In the Results Should Be: drop-down list, select the type of clips you are looking for.
  5. Type in a keyword to search in Search text: box and all clip art that meets that search will appear in the Task Pane.
  6. Double-click on the clipart you want. It will be inserted at your cursor in FrontPage.
  7. Once the clipart has been inserted, you can resize it or change its position on the page.

Inserting a picture from file (for example, a pictured you scanned and saved):

  1. Insert Menu ® Picture ® From File. You will see the Picture dialog box.
  2. Click the Select a File from Your computer in lower-right corner of the Picture dialog box.
  3. In the Select File dialog box, navigate to the 3 ˝ Floppy and double click the file to insert the image.

Adding Border to Image
  1. Right click image and from menu select Image Properties
  2. Click Appearance tab in Image Properties dialog box.
  3. In Border Thickness text box, type the thickness (in pixels) of image border.
  4. Click OK.

Resize an image
  1. Click the image to select it. When an image is selected, size handles display at each of its corners and sides.
  2. To resize the image, do one of the following:
bulletClick the left mouse button and drag a size handle. When the image is the size you want, release the mouse button. If you drag a corner handle, the image is resized proportionally and the aspect ratio of the image is preserved. If you drag a side handle, the image will be distorted.
bulletOn the Edit menu, choose Image Properties. In the Appearance tab, select Specify Size in the Size section. You can adjust the image dimensions by pixels or a percentage. To proportionally change the image dimensions, select the Keep Aspect Ratio option before changing the Height and Width values. Keeping the image aspect ratio prevents image distortion.


PowerPoint

Inserting a PowerPoint presentation into a web page is a 3 step process: (Step1) You must save your PowerPoint presentation in a special way. (Step 2) you must copy into the folder list of your web site a folder and a file that was created when you saved PowerPoint in the special way. (Step 3) Create a hyperlink on your web page to your PowerPoint presentation.

STEP 1: Saving your PowerPoint presentation:
  1. Open your PowerPoint presentation and open File menu and select Save As Web Page
  2. At the dialog box that appears, be sure that you are saving this to your floppy disk. Click the Publish button that appears in the dialog box and you will see the dialog box shown below

bulletIn the top portion of the dialog box, indicate whether you want to publish the entire PowerPoint presentation or indicate which slides you do want to publish. The top section also has a box that you check if you want your speaker notes to show. Not checking the box means that the speaker notes for each slide will NOT be published.
bulletIn the middle section of the dialog box, indicate what browser support you want—the usual selection is either the second or the third choice in the list.
bulletIn the last section of the dialog box, be sure that in the File Name: box that you indicate drive A and the name of the PowerPoint presentation (for example: A:/PowerPoint 1.htm.
bulletClick the Publish button at the bottom of the dialog box. It will take a few minutes for the program to save your PowerPoint presentation correctly on your floppy disk.

STEP 2: Copy Folder and File into Folder List of Your Web Site

3. After your PowerPoint presentation has been published for use on the web (on your floppy disk), you should see a folder named the same as your PowerPoint presentation and a .htm file also named the same as your PowerPoint presentation (see below). These two items must be COPIED and put into your web folder on the file server. Select this folder and file and from the Edit menu, select COPY.

4. In FrontPage, be sure your Folder List is open and select (highlight) the top level (see below) and from Edit menu select PASTE. The necessary files will be imported to your web site.

Step 3: Create HyperLink on Web Page to Your PowerPoint

5. Go to the web page that you want to display your PowerPoint presentation. Underline the text that will be the hyperlink to the PowerPoint presentation and click the Hyperlink button. You will see a dialog box similar to the one shown below:

6. Select (highlight) the .htm file that you copied to your web site and click the OK button. This creates a hyperlink to the PowerPoint presentation. When your web viewers click this hyperlink, they will see your PowerPoint presentation.

Click here to print the E-Portfolio Guide

Special thanks to Dr. Carolyn Cox for allowing the posting of her FrontPage 2002 (XP) E-Portfolio guide on this website.

This page last updated 08/27/03


Top of Page