Tutorial: Using Sharepoint Designer to Manage Your Site

One way to easily edit web sites on the Marshall University web server is by using Microsoft Sharepoint Designer.

This is the tool that has evolved out of what used to be Frontpage,  so users familiar with past versions of the Frontpage application should feel at home using Sharepoint Designer.

Sharepoint designer is available as part of the Microsoft Office 2007 Suite available for Faculy/Staff machines, and It may already be on your system (Start>All Programs>Microsoft Office>Microsoft Office Sharepoint Designer) but if not, the UCS Help Desk should be able to install it for you.

Once you have Sharepoint Designer installed, follow  these steps to edit your site:

1. Map a network drive to your web directory on the Marshall University web server.
a.     You do this by going to  [Start>Computer]  and
b.     clicking “Map Network Drive” in the upper right hand corner.
c.      Select an appropriate drive letter (any open drive is fine)
d.     In the “Folder” box, type \marshall.eduwww{your directory}
e.     If you’re not using a public computer, you may want to check the “Reconnect at logon” box
f.      Click “Finish”

g.       You will be asked for your username and password – enter these   as “MARSHALLusername” and “password” where indicated.
h.      If all goes well, you should now have a new drive letter in Windows Explorer showing the content of your web directory.

2. Next, Launch Sharepoint Designer [Start>All Programs>Microsoft Office>Microsoft Office Sharepoint Designer]
a.      From the Sharepoint Designer Menu, select “File>Import>Import Site Wizard”
b.     This should bring up the “Import Website” Wizard.
c.      In the Import Website Wizard, beneath the “How do you want to get the files?” question, Select the “HTTP” radio button
d.     In the “Website Location” input box, after the ‘http://’, type: www.marshall.edu/{your directory}
e.     Click next, and wait a moment as Sharepoint Designer communicates with the server.
f.      Next, you’ll be asked to specify a location for a local copy of your website.   Uncheck the “Add to current website” check box if it’s selected, and type “C:Local Copy of Web Directory” in the “Local Copy Location” input box.   This will tell Sharepoint to create a new directory on the C: drive of your computer, name it “Local Copy of Web Directory”, and copy all of the files from your web server directory to this new directory on your computer.   (Note that you can name your local directory whatever you’d like).
g.      Click next, and on the “Set Import Limits” page, make sure that none of the check boxes are selected, so that Sharepoint knows to get all of the data.   Click next again, and then click Finish.    You should get a notification that the site you are importing was created in Front Page – click “Yes” when you see this notice.    It may take some time for the site to import.   Once the import is complete, you will see all the files from your webserver on your local computer.
h.     At the bottom of the list of files in the “Web Site” pane, you’ll see the words “Remote Web Site” – click those words.   This will take you to the “Remote Web Site” view.   At the top of this view is a “Remote Web Site Properties” link.   Click this button.
i.        In the “Remote Web Site Properties” wizard, under “Remote Web server type”, select the “File System” radio button,  and type in or browse to the drive letter that you used for the mapped directory in step 1.  Click “Ok”.
j.       You should now see both a local and remote view of the files.   The first time you do this, all files will show as “out of sync” because Sharepoint hasn’t compared them.   You’ll know they’re showing as out of sync, because they will have a “?” beside the file name.   Select the “Synchronize” button at the bottom, and then click “Publish Web site”.

3. From here on, whenever you make a change to a file in your “Local Web Site” pane, it will show as out of sync with the server.  When you’re done making changes, selecting “Synchronize” and then clicking “Publish Web site” will publish your changes.