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.
Building a Website at NAU Using MS FrontPage
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!
Pine Welcome Page
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.
you are authenticated and verified, you are ready to build your own website.
Click the Build My SubWeb! button.
Submit Build Request
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.
Publishing Your Website
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.
Open Site Dialog Box
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.
Connect to Pine Dialog Box
Creating Your Website Using FrontPage
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
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.
Renaming the Homepage
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.
Rename Dialog Box
Inserting a File
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
Insert a Picture from File
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.
Picture Dialog Box
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.
Save Embedded Files
you have saved the file, the embedded image will display in the Folder List.