Digital Portfolios: Step FIVE
Publishing Your Site

|| A. Acquire a Free Tripod l Web Account|| B. Set Up Remote Site || C. Publish Using Dreamweaver ||
|| D. Publish Using Internet Explorer ||
 C. PUBLISH USING DREAMWEAVER

Under Development: These instructions need to be edited.


Figure 5C-1


Figure 5C-2



Figure 5C-3

TO CONNECT

First, make sure your computer is connected to the Internet.

This is automatic at school where you are always on the Network. If at home and using a modem, you will have to dial-up and connect as you usually do.

Once you are on the Internet,

  • Make certain your FILES box is open with the SITE tab selected
  • Click on the CONNECT icon (Figure 5C-1)

 

 

Your Site Files view should then look like Figure 5C-2. The default view is REMOTE VIEW

 

Notice you can click on the arrow next to REMOTE VIEW and change from to LOCAL VIEW.

 

 

 

EXPAND DW TO FULL FTP VIEW

Once Dreamweaver is connected:

  • Click on the Expand icon (Figure 5C-3)

Dreamweaver then "expands" to an FTP application that allows you to drag and drop.

The result should look similar to Figure 5C-4 below

 

 

Figure 5C-4
TO FTP (upload)

1. Right click on public_html and select NEW FOLDER from the drop down box (Figure 5C-5)

  • name the folder (in the example below, I name it "portfolio")

2. In the remote window, select the folder you just created ( "portfolio" in the example)

3. In the local window, select all files you wish to upload (you can select multiple files by holding down the control button) (Figure 5C-6)

4. Drag and drop files from your local window to your remote window. If you see a window that asks if you want to include Dependent Files, say "Yes."

The result should look similar to Figure 5C-7 below.

 


Figure 5C-5


Figure 5C-6


Figure 5C-7
VIEW IN WEB BROWSER (URL)

1. Open your Web Browser (Netscape or Internet Explorer).

2. In the address box, key in:

http://student.mcdaniel.edu/~username/folder/page.htm

where:

  • username stands for your username (such as sak000)
  • "folder" stands for the name of your folder (such as portfolio)
  • "page" stands for the name of your page (such as home.htm)

For example, for the files in the above illustration, I would key in:

http://student.mcdaniel.edu/~sak000/portfolio/home.htm

Note: You do NOT include"public_html" in the URL

EASY STUMBLES

Make certain you do not upload files outside of the folder public_html.

EVERY file and sub folder you publish to the Web must be inside public_html.
The folder "public_html" does not appear in the URL. It is a part of the publishing path, but it is not a part of the URL location.

The tilde ("~" top left of keyboard) must be placed in front of the username for the URL to work.

    • You use the tilde for the URL in the browser (Netscape or IE)
    • You do NOT use the tilde when FTPing.
Your Web pages will NOT work if you have a space in a folder or file name. Remember, do NOT use spaces in your file names.

NOTE: Folders and sub folders are "between the slashes" in the URL. For instance, the URL for "report_01.htm" inside the folder docs_report would be:

http://student.mcdaniel.edu/~sak000/portfolio/docs_report/report_01.htm

Problems? Questions? Go to the Discussion Forum in the Blackboard class and ask.