Cut to the Chase!

6 Steps to Creating your Faculty Web Site Using FLC Templates

1. Build a file folder structure within your WWW 
2. Select and Save a Template
3. Launch Front Page and open your template
4. Set Page Attributes
5. Add Text, Photos, and Links
6. Save and Test

1.  Build a file folder structure within your WWW 

Remember, your home page must live at the root of your WWW folder.  If you are going to put each class on its own page you’ll need a folder for each class

Even if you do not have a separate page for each class, you may want to organize documents related to classes in class folders. You will not need to create an images folder since Front Page will automatically one for you. 

To add folders to your WWW folder:

• Right click on Start and scroll to Explore
• Highlight your www folder on your M:\ drive
• Right click on a blank space in the panel on the right side of your screen
• Scroll to New - Folder
• A folder named "New Folder" will appear with the words "New Folder" highlighted
• Type a name for your folder
• Press enter to accept the name
• Repeat these steps for each folder you wish to create

RETURN TO TOP

2.  Select and Save a Template

To simplify building your site we have provided a few templates for you to use.  You have a choice of 5 different templates to use for your home (default.htm) page.  You may also choose the “secondary pages” template for creating pages other than your default page.  

When you have decided upon a template:

• Right click on the homepage template and choose "save target as".  
• A "Save As" window will open,
• In the "Save In" box use the drop down arrow to find your "M" drive. 
• Locate and double click on your "WWW" folder.  
• In the "File name" box, type "default".
• Click "Save".
• If a "Download complete" window opens - choose "Close". 
• Save your page 2 template to M:\WWW using same steps as above. 
• In the "File name" box, type a name for your second webpage.

RETURN TO TOP

3.  Launch Front Page and open your template

• To launch Front Page, go to Start - All Programs - Microsoft Office - Microsoft Office FrontPage
• FrontPage will open with a new blank page.
• Close this page.  (your screen will be blank - only the menu bar will be available.)
• Go to File -  Open Site
• In the dialogue box that opens, (much like the 'find file' box), navigate to your M: drive using the drop down menu near the top of the window.
• Select your www folder
• Click Open (note: the site name area will be blank - this is okay.)
• If you get a pop-up window stating that FrontPage needs to add information to your folder click Yes.
• On the left of the FrontPage window you will now see the folder structure you created and the templates you've saved.

RETURN TO TOP

4.  Set Page Attributes: Title, Page Description, and Keywords (metatags)

• Right click on a blank area of your pag
• Scroll to Page Propertie
• Enter a Title, Page Description, and keywords
• Click OK to save your changes
  

RETURN TO TOP

5.  Add Text, Photos, Links, and Modify Cell Properties

Add Text                

• Highlight the template text in the area you wish to customize and begin typing your own information.
• If you already have the information in a digital format, (word doc. Etc.) you can copy and paste it onto the highlighted area of the template.
• Open the document that contains the text you want to add to your website.
• Select the text you want to copy and go to Edit - Copy
• Close or minimize the document.
• Go to the FrontPage Template view.
• Highlight the template text you wish to replace and go to Edit - Paste.

 Add Photos

• Select the image you want to add
• Copy the image into the folder you created in your WWW folder called Images
• Optimize the image for web viewing using Microsoft Office Picture Manager. (Located in: Start - All Programs - Microsoft Office - Microsoft Office Tools - Microsoft Office Picture Manager).
• To open the image for editing with Microsoft Office Picture Manager right click on the file and scroll to “open with” and choose Microsoft Office Picture Manager.
• With the image opened in Picture Manager:
• Go to Edit Pictures on the menu bar
• Check Crop if there are parts of the image you want to get rid of.
• Click Back to Edit Pictures (located at bottom right of screen)
• Check resize
• Check Back to Edit Pictures again
• Check Custom width x height
• In the first box (for width) enter a number no larger than 200.
• The second box (for height) will adjust automatically to keep your proportions the same.
• Click on Compress Pictures under Change Picture Size
• Under Compress For select web
• Click save and close picture manager.
• Copy and paste images from your images folder directly to your page.
• After adding your image, right click and scroll to image properties and add text describing the image.  This is for ADA usability.  More tips to make your site ADA accessible.

Add Links

This step should be completed after you have created all of your pages.  Create the links on your default page, then copy them to all of your other pages.  You may also want to include, on the secondary pages, an additional "return to faculty home page" link to return browsers to your default page.

RETURN TO TOP

6.  Save and Test

Save

Remember that you are working with templates and will need to save your files according to your web site plan.  

• Your home page must be called default.htm and must reside in the root of your www folder on your m:/ drive.
• All subsequent pages should be saved in whatever folder structure you have devised.  (i.e. an Intro to Biology 101 syllabus page would be saved in the “intro to biology” folder.)

• While entering items on your page you can do a quick preview of how it will look by clicking the preview icon in the lower left portion of the FrontPage screen.

Test 

Test your links periodically, especially if you have links to pages outside your  personal site as web pages often move or expire and you do not want "dead" links on your site.