Computer Training

Microsoft FrontPage 2003

Before Connecting

The first thing to create is a new folder(s) on your hard drive and rename it the same name as the department folder on the web server. This folder will become your local web directory.

Connecting to the Server

1. Start the PowerTerm FTP program.
2. Click on the menu "Settings" and then "Options". Under the label, "General" remove the checkmark from "Keep Version No. of VMS File Name" and then click on OK.
3. Click on the button "Connect" and enter the following information: Host Name: academic.scranton.edu User Name: your email username Password: your default UIS pin.
4. Under the label "Directory," type the location and name used for your Local folder. For example, C:/Helpdesk, C:/Wml, or C:/Admissions.
5. In the box "Remote", type the web folders location on the server. For example: NY:[WEB.DEPARTMENT.WML].
6. Click on the button Connect and the button will open a new windowpane displaying the files on your pc and the web server.

Transferring Remote and Local Files

1. The left windowpane is the Local Directory, which displays everything in the “WML” folder on your hard drive (client).
2. The right windowpane is the Remote Directory, which displays the contents of WML folder on the server.
3. To transfer (download) files from the server (Remote) locate the desired file or folder.
4. Click on the transfer arrow ‹– pointing to the Local Directory to transfer (copy) the files from the server.
5. To upload (replace) files to the server the procedure is reversed. Important: In order to maintain the correct links, files or images must be transferred to the same named folder on the opposite side.

For example

An image in the image folder on the client side named “crest" must be transferred inside the image folder on the remote side if the updated web page was saved with the image inside the folder "images".

Absolute links vs. Relative links

An absolute link is used for external linking outside your department folder or to a web page on the Internet. For example, a hyperlink to an external web page outside your directory, Goggle – http://www.google.com/ , University of Scranton - (http://www.scranton.edu)

A relative link is a link to a file, image, or folder within your department directory. For example, linking from the directory folder "wml" to another web page (news.html) the link would not require adding the complete URL addresses. The difference in linking becomes self-evident as you gain more experience in web editing.

Differences between .shtml and .html

A webpage with the extension .shtml for our purposes means that the webpage page uses a "#include tag" to import an .html web page inside the .shtml page. The .shtml page is a template used to import and position consistent navigation menus, style sheets, and graphics within that page. The include tag imports places the .html webpage page inside the template. Only our webmaster is authorized to edit web pages with the .shtml extension