Configuring Dreamweaver MX 2004 to Publish Web Sites with SSL
 

To help protect users of the Rutgers Network, The Office of Information Technology (OIT) encrypts e-mail, Telnet access, FTP, and other file access through technology called SSL.

SSL encrypts and protects everything sent between two computers. When used with e-mail it protects passwords and message contents from being intercepted while en route between a computer and an e-mail server. The technology is similar to the type used by online retail outlets to protect credit card numbers and other personal information from electronic "eavesdropping" during transactions. So using SSL does not encrypt data while it resides on a computer, just while it is in transit. That includes file for Web sites.

With SSL, Macromedia's Dreamweaver MX 2004 SFTP program can securely publish Web sites to RCI accounts . However, the FTP program included in Dreamweaver 3.0/4.0x will not work with SSL. An easy-to-use alternative to publish Web pages using those previous verisons is Samba.

Note: Intermediate knowledge of Dreamweaver is presumed to get the most benefit from this document.

Using Dreamweaver's Siteless File Editing with Your Web Site


A new site management feature in Dreamweaver MX 2004 is siteless file editing, through which an SFTP connection to an RCI account can be established without having to first set up a Dreamweaver site, like in versions 3.0 and 4.0x. Using this feature, files and code can be edited directly on the remote server. The connection will automatically open each time Dreamweaver is started.

Use these steps to create a siteless connection to an RCI account:
  1. Choose Site then Manage Sites:




  2. Click the New button and select FTP & RDS Server:



  3. Click OK to acknowledge the dialog box stating that sitewide operations like link checking or site reports cannot be performed when using siteless file editing. You may wish to check the box to not display the message in the future:



  4. Complete the fields in the Configure Server dialog box for RCI. Make sure the Use Secure FTP box is checked, then click OK. Note that Dreamweaver will save the password by default. OIT recommends unchecking the password Save box for security reasons. Complete the fields with the following:
    • For Name, type rci.rutgers.edu
    • Select FTP for Access type
    • Enter rci.rutgers.edu for the FTP host
    • The host directory will contain the Web pages are to be published; it is usually public_html
    • Enter the Rutgers NetID (username) in all lower-case letters as the Login name, along with the Rutgers password. Note the password, as with all access to Rutgers applications, is case-sensitive.
    • Click to select Use Secure FTP (SFTP)
    • Enter the path to the host directory as the URL prefix:




  5. Click OK to complete the setup. The name of the FTP server connection to RCI should appear in the Manage Sites panel:



  6. Click the Done button to complete the setup and to connect to the server. A dialog box will prompt for the Rutgers password. Again, OIT strongly recommends NOT saving the password for security reasons:




    A window docked on the right side of the screen should open, displaying the contents of the public_html folder:




Saving Pages Directly to an RCI Account

With the connection open to the public_html folder in Dreamweaver:
  1. Click on File then select Save to Remote Server:




    The Save File dialog box will open. Website should be the default in the Save in field:




  2. Double-click the location of the website in the large window, such as rci.rutgers.edu for RCI accounts, to open the public_html folder. Then click on Save:




  3. The page has been saved to the RCI public_html folder.

    Note: Dreamweaver may open a dialog box asking whether to update links in the site or whether to overwrite a file with the same name. Choose accordingly. Accepting the update can save time and effort, but be careful not to overwrite a file if someone else is also working on the same website.


  4. Exiting Dreamweaver will also close the connection to the server.

Good Web page development practices call for testing Web pages in several browsers, such as Internet Explorer, Netscape/Mozilla, Safari or Opera to make sure they view properly. Try viewing the newly published Web pages in a browser by using Dreamweaver preview selection under the File menu, pressing F12, or by independently starting a Web browser and typing in the URL, such as http://www.rci.rutgers.edu/~your_NetID/your_file_title.html.