Publishing your ePortfolio at SFSU

Your personal webspace is automatically set up when you register at SFSU.

There are many ways to upload your ePortfolio to SFSU. Below are step by step instructions for three different software tools: Fetch, Filezilla, and Dreamweaver.

Back to top

Using Fetch with a Macintosh computer

After you have created your ePortfolio, you can use Fetch with your Macintosh to upload your files to your webspace at SFSU by following these steps:

1. Launch the Fetch application from your applications folder or desktop;
2. Fetch should display a “New Connection” window on start, if not you can go to the File Menu to select “New Connection”;
3. Enter Hostname: userwww.sfsu.edu;
4. Enter Username: type your email user name (everything before the @sfsu.edu);
5. Select the “SFTP” option under the “Connect using” pop-up. This will allow you to connect with a secure connect to your SFSU account;
6. Enter Password: type your email user password for SFSU;
7. Enter Initial folder: type “public_html/”, this will ensure that your portfolio is placed in your SFSU web folder;
8. Click the Connect button and you should be connected to your account;



Your connection window should look like this:





9. After connecting to your SFSU user account, a window will open that lists the files that are currently in your web folder (public_html);
10. To upload a folder of files, click the “Put” icon in the toolbar;
11. Navigate to your "eportfolio" folder and click the “Put” button to upload your files.

TIP: Click here for additional help with Fetch.

Back to top

Using Filezilla with a Windows Computer

After you have created your ePortfolio, you can use Filezilla with your Windows Computer to upload your files to your webspace at SFSU by following these steps:

1. Launch the Filezilla application from your applications folder or desktop;
2. By default Filezilla’s application window is very confusing. Use the "View" menu to control Filezilla's windows and toolbars. Be sure that the "Quick Connect Bar" option is checked in the "View" menu;





3. Use the "Quick Connect Bar", a toolbar that starts with the "Address" field;
4. Enter Address: userwww.sfsu.edu;
5. Enter User: type your email user name (everything before the @sfsu.edu);
6. Enter Password: type your email user password for SFSU;
7. Click the Quickconnect button and you should be connected to your account.



Click the toolbar buttons to control how Filezilla looks:





8. Use the left list view to navigate your local computer files to find your "eportfolio" folder;
9. Use the right list view to navigate your SFSU web space. Be sure that you navigate to your "public_html" folder. This folder holds all your web pages;
10. Drag your "eportfolio" folder from your local computer files listing to the "public_html" folder located in the list view of your SFSU web space.
    

TIP: Here is a link for additional help with Filezilla.

Back to top

Using Macromedia Dreamweaver

Follow this simple web-based tutorial for getting started with dreamweaver.

1. If you have a Start Page appear when starting Dreamweaver, click “Create New Dreamweaver Site”
2. If not Click “Site” on the menu bar and select “New Site” Name your site and enter in the URL: http://userwww.sfsu.edu/~username (where username is your SFSU login name). Click Next
3. Select “No, I do not want to use a server technology” is selected and click “Next”.
4. Select “Edit local copies on my machine, then upload to server when ready”. Store the files in the directory where you extracted the original template and click “Next”.
5. Fill in the next window with the following information:



Connect with : FTP
Hostname : userwww.sfsu.edu
FTP login : SFSU username
FTP password : SFSU password

Click “Test Connection” to ensure it works.
Click “Next”



6. Select “No, do not enable check in and check out” and click “Next”.
7. Review your information and click “Done”
8. On the right side within the Files Window (if it is not shown Select “Window” in the menu bar and click “Files”) select “Local View” from the right pull-down menu. Double click on the file you would like to work with and save when finished.
   
   
   To upload you go to the Files Window, click connect. Select the file(s) you would like to upload and select the “Put” or “Upload” button.
   
   
9. A window will pop up asking if you want to “Put Dependent Files”, select “Yes”

TIP: For uploading instructions and other Dreamweaver tutorials click here

Quick Guide

Click here for a printable pdf of the following information.

Back to top