Upload your website using Dreamweaver CS3

From SchoolsWiki
Jump to: navigation, search

Dreamweaver CS3 WebDAV Tutorial

This tutorial will guide your Dreamweaver CS3 WebDAV set up. It includes the fix link on Adobe web site that you will need to download and the steps to define your site on Dreamweaver CS3 that you need to specify in order to connect to your web site.

WebDAV is the required, method for web-authors to access Scoilnet web sites. Before you can connect to a site, you must be have your username and password.


Before You Begin

Web pages are files that live on a "server" computer. The files are never edited on the server itself. Instead, we use Dreamweaver to copy them to a folder on our local computer, then edit them and put them back to overwrite the original on the server.

If you have worked on the site before, perhaps in a different version or format, you should empty your current local folder to ensure you don't accidentally upload the older files. Move the files to a different folder if you want to save them.

Note: The steps below for Dreamweaver CS3 WebDAV connection are successfully tested on Windows XP operating system. Dreamweaver CS3 WebDAV Connection on Windows Vista OS has not been tested.


Obtaining a fix and replacing "NetIODav.dll" file:

Note: You must apply the fix in order to be able to connect using Dreamweaver CS3 WebDAV. Without the fix, you will not be able to connect even though you follow the later steps precisely.

Select the following link and follow the instruction on Adobe web site:

Adobe Dreamweaver CS3 WebDAV fix


To Connect to Your Remote Site

After you have finished with the fix on Adobe web site, please follow the instructions below:

  1. Open Dreamweaver CS3 application
  2. Select "Site" from the menu; then select "New Site..." from the drop down menu
    • See Figure below:


    ScreenShot DreamweaverCS3 1.png


    Note: The following will also allow you to manage new site and also edit existing sites that you already have them set up:

    1. Select "Site" from the menu; then select "Manage Sites..." from the drop down menu
    2. On the "Mange Sites" window, select "New..." button on the right, and select "Site"
    3. Or, if you need to edit existing site set up, you will select the site from the left panel window, and select "Edit..."
  3. On the "Site Definition" window, select "Advanced" tab
  4. On the left panel titled "Category," select "Local Info"
  5. On the right panel titled "Local Info," define each item as follows: (refer to the figure below)
    • You may choose to have it on your hard drive on the desktop or anywhere on your C:. This option is good when you only work at that computer and nowhere else. The easiest place to remember is to create a folder on your desktop.
    • You may also leave the default as is; however, please remember the path to get to your folder, in case you need to upload new files. This option is good when you only work at that computer and nowhere else.
    • You may also choose to save it on a removable storage, such as your thumb drive (flash drive), zip drive, i.e. This option is good when you need to do
    editing on many different computers, such as at work, at home, at conference, at your vacation, i.e.
    1. "Site Name:" -- please enter your site name of your school i.e. https://upload.scoilnet.ie/school1
    2. "Local root folder:" --You will now choose where you would like to have a local copy of your files/folders from the server. Select "Browse" to the local folder of your choice. See the following:
    3. "Default images folder:" -- Leave it blank
    4. "Links relative to:" -- Select "Document"
    5. "HTTP address:" – Change it to, "https://" Note that after you finish defining your site, when you edit, this field will be filled out automatically.
    6. "Case-sensitive links:" -- Leave it unchecked
    7. "Cache:" -- Check the box to enable it
    • Do not click "OK" yet Please proceed to the next step.


    ScreenShot DreamweaverCS3 2.png


  6. On the left panel titled "Category," select "Remote Info"
  7. On the right panel titled "Remote Info," click on and select "WebDAV" for "Access:"
    • See Figure below:

    ScreenShot DreamweaverCS3 3.png


    • Please follow the steps below to define your Remote WebDAV information: (refer to the figures below)
    1. "URL:" -- Type in your publishing URL i.e https ://upload.scoilnet.ie/school1
    2. "Login:" -- The login is identical to that of the admin account in the email system (i.e. school1)
    3. "Password:" -- Type in your Password>/li>
    4. "Save" option-- Check in the box if you do not wish to log in every time you make a connection
    5. ScreenShot DreamweaverCS3 4.png
      • option: Do check your connection if the Login and Password you specified can connect. The following window appear while Dreamweaver is trying to connect:

      ScreenShot DreamweaverCS3 5.png


      • If you see the following window, your connection is successfully established. Please select "OK" to close the pop-up window and proceed to step 7.6

      ScreenShot DreamweaverCS3 6.png


      • If you see the following window, your connection to the remote host cannot be established.

      ScreenShot DreamweaverCS3 7.png

      • MAKE SURE THAT YOU TYPE IN THE USERNAME AND PASSWORD CORRECTLY AND TEST AGAIN
    6. Maintain synchronization information" option-- check in the box
    7. Automatically upload files to server on save" option-- check in the box if you would like Dreamweaver to save and upload to the server when you save the file. If you do not select this option you will need to select "Put File(s)ScreenShot DreamweaverCS3 8.png in the "Files" panel to the right of Dreamweaver to upload your local file to the server (remote).
    8. "Enable file check in and check out" option-- check in the box if there are many people editing the files on your web site possibly at the same time. If not, leave this blank, as it will be less complicated to you.
      • You may leave the settings for the rest of the categories as default. Without changing any other settings, you should be able to connect.
    9. Select ScreenShot DreamweaverCS3 9.png
  • See Figure Below:

ScreenShot DreamweaverCS3 10.png

"Local View": The "Local View" is the location where we have previously selected to save the files that Dreamweaver will be uploading/downloading to our server ("Remote View")

"Remote View": The "Remote Web Site" is the location on the hosting server. The files that are accessed on the remote server, not on the local, is what we see live on the internet.

After your connection is established successfully, on the "Files" panel to the right, you will see your site in "Local View" without any files or folders in it.

See Figure to the Right:
ScreenShot DreamweaverCS3 11.png

First, you will want to "Get File(s)" or download all of the files and folders from your remote site (our web server) to your local site (where you chose to save it locally earlier in step 5.2). However, if you have limited space on your local drive, you may not want to download the entire site. You only need to get only certain files/folders from remote server to your local drive.


To download the entire site from remote site, "Remote View," to local site, "Local View":

Please refer to the above figure.

  • On the "Local view", select your site, titled "Site - YourSiteName". It will be highlighted.
  • Select "Get File(s)" ScreenShot DreamweaverCS3 12.png on the "Files" Panel

Note: Dreamweaver will attempt to download all of the files from the server. When it finishes, you may see that some files cannot be completed with the Get operation. You may select "Details" in the following window to view the files. Scroll to the end, you will see the list of the files. Variations of .htaccess files, such as .htaccess2 and .htaccess are normal that they cannot be downloaded.

  • Select "Close" ScreenShot DreamweaverCS3 13.png

At this point, you will see the same files and folders as your "Remote view" in your "Local view." Click ScreenShot DreamweaverCS3 14.png next to the "Local view" to switch back and forth between the 2 views.

To download from remote site:

  • Click ScreenShot DreamweaverCS3 14.png next to the "Local view" to switch to "Remote view" if needed
  • Browse through your remote site and select the file/folder that you would like to "Get"/download

to your local view. You may hold "Ctrl" key to select multiple unordered files. You may also use "Shift" key to select multiple files in a row.

  • Select "Get File(s)" ScreenShot DreamweaverCS3 15.png button
  • Switch to the "Local view" to view and double click the file on the "Local view" to edit the file.

To upload to remote site:

  • Click ScreenShot DreamweaverCS3 14.png next to the "Remote view" to switch to "Local view" if needed
  • Browse through your local site and select the file/folder that you would like to "Put"/upload to your remote view. You may hold "Ctrl" key to select multiple

files. You may also use "Shift" key to select multiple files in a row.

  • Select "Put File(s)" ScreenShot DreamweaverCS3 16.png button
  • Select "Yes" ScreenShot DreamweaverCS3 17.png when asked if you would like to "Put dependent files?".

See Figure Below:

ScreenShot DreamweaverCS3 18.png