Computer Training

SharePoint Designer 2007

Before Connecting

The first thing to create is a new folder 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.
   1. Click on the transfer arrow ‹– pointing to the Local Directory to transfer (copy) the files from the server.
4. 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/.

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.

Example 1
Absolute linking - refers to an external link that contains an exact URL such as: (http://matrix.scranton.edu).

Example 2
Relative linking - used when linking is relative to the current document.

Differences between .shtml and .html

The University of Scranton’s web pages are built on a template that consists of two web pages that utilize two different extensions. The template .shtml was created to provide a consistent look and navigation throughout the University’s web presence by importing and positioning consistent navigation menus, style sheets, and graphics. Only our webmaster is authorized to edit web pages with the .shtml extension because changes in the template are reflected throughout the campus website.

The template (.shtml) also contains a #include statement that imports an .html webpage page inside the template allowing the assigned editor to add, delete, or update content.