www.clubs.psu.edu | ORGS | LINKS | SPECS | NEWS | Contact us

General | Tutorials | CGI | DFS info | Upgrade info
General | FrontPage | Secure FTP
Info | New site | Update

This page may be out of date

The Student Activity Server has been renamed to the Penn State Student Organizations Web Service and is under new management. These Web pages may be out of date and will be moved to the new site in the near future. Please read http://www.clubs.psu.edu/info/ for information about the new service.

Beginners Guide to Using FrontPage with the Club Server

Creating a new site

Prerequisites: At this point you should have Microsoft FrontPage installed on the computer you are using, and be connected to the Internet. This tutorial uses FrontPage 2000, although earlier versions may be used.

This tutorial will lead you through the steps needed to create a very basic web site on the Clubs Server using MS FrontPage for Windows. After that, we leave it up to you to learn other features of FrontPage and web development from other sources. It is indended to demonstrate how to build a basic two page site from scratch and prepare to upload it to the Student Activity Server.

Because this tutorial asks you to delete pages from the current web site, we strongly urge you to back up all pages you wish to keep prior to using this tutorial. If you have pages online you wish to keep, use the FrontPage Beginners Guide: Updating an Existing Site.

Customize this page!

Userid: (example: abc123)
Directory: http://www.clubs.psu.edu//
  1. Start FrontPage

  2. Create a new web project. In FrontPage, this is called a "Web". Do this with "File" -> "New" -> "Web..."

  3. Make an empty web project, without any premade pages. Choose "Empty Web". For this example we will use the location "c:\temp\clubs_example" for the web. You may wish to choose another location better suited for you, such as "c:\temp\<your group directory>". Select the location of your new Web on your hard drive under "Options" on the right side of the screen as shown below.

  4. Next create some text to be seen on your home page.

  5. Now save what you have as index.html. Choose "File" -> "Save As...".

    TIP: The name index.html is special for it shows up as the home page for the directory.

    Then type "index.html" in the "File name:" box, and then press "Save".

    Now you should see the page index.html in the folder list.

  6. Now let's create a second page to help understand hyperlinks. Click the right button in the Folder List to get a menu. Then select "New Page".

  7. We are going to keep this simple, so select "Normal Page" and press "OK".

  8. Now lets add some text to this new page.

  9. Now lets save it as second_page.html. We do this from "File" -> "Save As..." as we did before for index.html.

    Then type "second_page.html" in the "File name:" box this time.

  10. Now that second_page.html is saved, let's add a link. We shall type some text that we want to link. Then highlight it by clicking with the left button and dragging the mouse over the words "page 1". You should now see a black box around these words.

  11. Next create the hyperlink by clicking on the highlighted words with the right mouse button. You should get a menu. Select "Hyperlink" from this menu.

  12. Select "index.html" as the page to link to, and press "OK".

    The linked text should now look blue and underlined.

  13. Now save your new changes to second_page.html

  14. Now let's make a link back to second_page.html from the home page. Double-click index.html in the Folder List to switch to editing it. Then add some more text and highlight "page two".

  15. Right click the highlighted words and select "Hyperlink" from the menu as before. In the next window, select "second_page.html" for the target of this link.

    Your home page, index.html, should now look like this.

  16. Save the changes to index.html. "File" -> "Save".

  17. Now it is time to publish your two page site to the server. Read our Secure FTP tutorial on how to do this. In addition to Secure FTP, there are other ways to upload if you are interested.

If you have any questions, visit the FrontPage FAQ.

Last modified . Student Activity Server Committee