Information Technology Services

This tutorial will teach you how to build a website using MS FrontPage on the Pine server.  The Pine server is the only server at NAU with FrontPage extensions running on it.

If you are using different HTML editing software, the steps used to connect to the Pine server are different from the instructions in this tutorial. Click on the link below if you are using Dreamweaver. If your software is not listed then select Command Prompt FTP access for a general overview that may help you to connect to the web server using generic FTP or other unsupported software.

• DreamWeaver 8
• Command Prompt FTP access  

Open your browser and type http://pine.ucc.nau.edu into the address bar. This will take you to the Pine Welcome Page. Scroll down the page until you see Quick Links. Then click on the link, Build a Pine subweb now!

A page titled, Individual Website Self Subscription will open, and you will be asked to login with your NAU userID and password.

Once you have authenticated, you will be asked to agree to the NAU Network Acceptable Use Policy. After you read the policy, click on I Agree. 

Once you are authenticated and verified, you are ready to build your own website. Click the Build My SubWeb! button.

Next, you will be directed to check your email for the results of your request. The email you receive will include details about your website. Your new web page address will be http://pine.ucc.nau.edu/your_userID. As you scroll down the page you will see links to FrontPage tutorials.

Once you are in Microsoft FrontPage, click on the File menu, then click Open Site, and you will see a dialog box. At the bottom of the Open Site dialog box, in the textbox next to Site name: enter http://pine.ucc.nau.edu/your_userID as your site's name. For example if your userID is rec37, you would enter http://pine.ucc.nau.edu/rec37.

Next, click the Open button. The Connect to Pine dialog box opens. Enter your username in the following format: nau-students\your_userID, in the top textbox. Be sure to use the backslash between the domain name and your username. Now, enter your NAU password in the second textbox and click the OK button.

Once your username and password are authorized, your website work environment will appear. The Folder List, in the left column of the open window, lists the folders and files present in your website. The file labeled index.htm is the homepage of your website, and the right side of the window is your work space where you can add text, images and links. 

When working on your website, you can create new pages by clicking on the New Page icon found in the left column, next to the words, Folder List. Each time you do this, a new file is added to your folder list. The first one will be labeled, new_page_1.htm. You can rename the new_page_1.htm file by placing the mouse over it in the Folder List, and clicking the right button on your mouse. A pop-up menu will come up and from the menu, you can select rename, and then type the new name for the file. 

As an example, you will see a file named second_page.htm in the example below. Notice, a new tab above your workspace is labeled second_page.htm. You can now add text, links, images or whatever you choose, to your new web page. Notice that there is an astrisk next to second_page.htm, this means that the file has not been saved. Make sure that you go to File>Save As and save the file so that no information or hard work is lost.

Web servers, like Pine, use a public_html directory to automatically publish any website with an index.html or index.htm file. If you are not yet ready to publish your website, you can rename your homepage so it cannot be viewed by the public. Rename the index.htm file in the same manner as you renamed new_page_1.htm to second_page.htm. Once you have entered a new name for the index.htm file you will see a Confirm Rename dialog box asking whether you are sure you want to rename your homepage. Click the Yes button on the Confirm Rename dialog box.

You will see the Rename dialog box only if your homepage has links to other pages. When you click the Yes button in the dialog box, the hyperlinks will be updated so they link to the new filename. If you click the No button, they will no longer link to your homepage. However, when you are ready to publish your website, you will rename the homepage back to index.htm, save the changes, and all files in your website will link to your homepage once again.

You can insert an image file from your hard drive, a photo gallery, or even from a digital camera into the work space in FrontPage. First, click on the Insert menu, then Picture, then From File. Other image options are available on the pop-up menu such as Clip Art, Flash movie, or WordArt. Any of these can be inserted into your website.

The Picture dialog box will open and you can select the image file from the location where it's stored on your hard drive by highlighting it and clicking the Insert button.

Next, you will see the image inserted on your FrontPage workspace.

Notice, the image file is not yet in the Folder List since the picture doesn't save or upload to your website until you save the page. You can do this by opening the File menu and clicking on Save. You will see a Save Embedded Files dialog box. You can rename the file before it gets saved, or if you have multiple folders in your folder list, you can change the folder in which you want to save it, and then click the OK button.

Once you have saved the file, the embedded image will display in the Folder List.