FrontPage 2002 & 2003

Opening your website through FrontPage

1. If you are not on-campus, you will need to run VPN software to establish a secure connection.
2. Go to Start > All Programs > Microsoft FrontPage.
3. If you have never used FrontPage before, it will open to a blank page. If you have used FrontPage before, it will try to open the last project you worked on. You can cancel out of any login prompts.
4. Go to File > Open Web.
5. Type in your McCombs website URL and click Open.
6. Your website will open in the Folder List. If your Folder List is not open on the left side of the screen, go to View > Folder List and click on Folder List to turn it on.
7. Once you see all of your files, you can double-click on a file to open it in the Normal view.

Editing your website with HTML

If you prefer to work directly in HTML instead of in the WYSIWYG interface, you can switch to HTML/Code view.

1. In FrontPage, double-click on your file to open it.
2. Your page will open in WYSIWYG view.
3. At the bottom of the page click Code (FrontPage 2003) or HTML (FrontPage 2002).
4. You can now edit your HTML as you normally would. FrontPage likes to insert its own HTML tags, so you may to do a bit of editing to get rid of FrontPage add-ons.

The Default Page

You can create as many pages as you want.  However, the main page of your website is indicated with a house icon next to the file name.  In addition, it must be named one of the following:

1. Index.htm
2. Index.html
3. Index.asp
4. Default.htm
5. Default.html
6. Default.asp

Single Spacing

The default spacing in FrontPage (and web development in general) is pressing the Enter key to get double-spacing.  However, if you want to single-space, press Shift and Enter.

 

Hyperlinks

You can create a hyperlink by going to the Insert menu and choosing Hyperlink.  You can also click the toolbar icon with a globe and chain link.  Either of these actions opens the Insert Hyperlink box.  You can choose to link to a page within your site or to an external URL.  The keyboard shortcut for inserting a hyperlink is Ctrl and K.

 

Working with Images

Inserting Images

To insert images into your site, place the cursor where you want the picture to be inserted.  Go to the Insert menu, then select Picture.  In the expanded menu, select From File.  When you save the page, you will be prompted to save these picture files to your site.   

Changing The ALT Tag Of An Image

Right click on the image, and choose Picture Properties.  Click on the General tab.  Under the Alternative Representations section, make sure the checkbox next to Text is checked, and then type in a description in the text box. 

 

Resizing Pictures

To resize a picture, click on it once to make the little resize boxes appear in each corner.  Drag a box to resize the picture.  After the picture is resized, a context box (see image, right) appears in the bottom right of the image.  Click on the context box, and in the menu that appears, choose Resample Picture To Match Size.

Context Box

 

 

HINT: If you want to maintain the width-to-height proportion (which is generally recommended with photos), then drag a corner.

HINT: Generally, you only want to make photos smaller.  Increasing a photo’s size by dragging a corner will often distort the pixels of the photo, and make it appear blocky. 

Previewing the site in a Browser

You will want to make sure that your web pages look correct and that all your links work.  You can easily see what the current page will look like in a web browser.  Go to the File menu, and then choose Preview in Browser.  Select the size window you want to view.  Generally, 800 x 600 is a good view. 

HINT: The keyboard shortcut for viewing in an 800 x 600 window is F12.