simple design

Setting Up a Local and Remote Site using Macromedia Dreamweaver
by Christopher L. Shearer, Kat Belk, and L. L. Grable
revised for Dreamweaver v7.0 by Bethany Hudnutt

 

Note that for this tutorial you must have Dreamweaver v7.0 or higher. For file transfer with a lesser version you must use WinSCP. To determine if you have version 7.0 of dreamweaver or higher on a PC using Windows, go to the Help menu -> About Dreamweaver. A screen will appear. Click on the screen and it will tell you the version.

Upon completition of this tutorial, you will know the procedures to set up a local site using Dreamweaver. At the end of this session, participants should be able to:

  • Exhibit a basic understanding of Dreamweaver v7.0
  • Set up a local site
  • Set up a remote site
  • Add content into a newly created page

Note that these intructions are for Windows XP users.

1. To keep your files organized, create a new folder on your desktop (you can move the folder later to a flash disk or elsewhere located on your computer) entitled 'website' or something similar. To do this right click on the desktop and select New -> Folder. This will create your root folder where you will store your pages.
2. Open Dreamweaver. Create a new document or open an existing one and save it in the folder you created with the file name index.html. This file will serve as the home page of your site.

3. Now you are ready to name your site. Make sure Dreamweaver is active.

  • Choose Site--> Manage Sites and a new window will open.
  • Choose New and another window will open.
  • Click on the 'Advanced' tab at the top of the window.
  • Enter a name for your site in Site Name
  • In the Local Root Folder text box, browse for the folder you created in step two by clicking on the image of the folder next to the text box.
  • Make sure Refresh Local File List Automatically is selected with a check
  • Enter your HTTP Address. For example if you want your website located on your webspace at NCSU put your address as: http://www4.ncsu.edu/~userid where userid is your unity ID.
  • Make sure the check appears in the box beside Enable Cache. This will ensure that we can use additional items later in our construction.
  • Click OK.
  • Click Done.

local info site picture


4. Your site view will now appear on the 'Files' tab to the right of the screen. If the 'Files' tab does not appear, select the Window menu -> Files and it should now appear.

Picture of Your Site Management Window

5. Your index.html file will show up in the Local Folder. From here, double click on it, and you can begin adding to your home page. When you make additional pages, they will show up in this list also.

Remember--you must get information from your webmaster/school Internet coodinator to publish your site to the web.
Setting Up Remote Site using Macromedia Dreamweaver
 

Upon completion of this tutorial, you will know the procedures to set up a remote site using
Dreamweaver 7. At the end of this session, participants should be able to:

  • Exhibit a basic understanding of FTP
  • Set up a remote site
  • Transfer files from the local to remote site

1. Open your local site--Site--->Manage Sites; Click on your local site and then click the 'Edit' button.

 

2. In the Site window, click the 'Advanced' tab if it is not already selected.

3. In the left column, click on Remote Info ; Choose FTP from the drop down menu.

 

4. Insert the following information:

FTP Host: ssh.ncsu.edu

Host Directory: /afs/unity/users/x/userid/www/
where x = first name initial and userid = your unity userid. (Note that this applies to those who have NCSU userid's only. If you do not have a unity userid then you will need to contact your local system administrator to determine if you have server space on your webspace and the proper path for the host directory.)

Login: unity userid

Password: unity password

Use Secure FTP (SFTP): check this box

Click OK.

remote info picture

 
6. Click on the CONNECT button (the little plugs).

7. In the Files tab window to the right of your screen, you can select 'Remote view' from the drop down menu to view the files on the remote site or 'Local view' to view the files on your local machine.

If you'd like to view both the remote listing and the local listing of files at the same time, click the button.