Learn more about the transition to EEE Canvas »
Skip to Global Navigation | Skip to Contents
You're not logged in Secure Sign In

Use WebsiteManager
This is an archived document, which may contain out-dated information
Archived documents are still available, but are no longer updated and may contain out-dated information. The EEE team generally cannot provide additional assistance with these topics.

General Information


About Macromedia Dreamweaver

Macromedia Dreamweaver is a widely used HTML editing tool. Its simple interface allows anyone to create professional looking webpages without having to know HTML code.

The WYSIWYG (What You See Is What You Get) interface allows you to see how your webpage will look like even before you publish it. For those familiar with HTML, Dreamweaver allows you to hand code your webpage as well.

Dreamweaver enables the user to utilize tools that make creating and maintaining websites as easy as copying and pasting.

Manufacturer Information: Macromedia Dreamweaver

Getting Macromedia Dreamweaver Software

Information on purchasing Dreamweaver or using it for free.

Training & Assistance

For information & assistance using Adobe Dreamweaver, the Center for Engaged Instruction (CEI) staff are available to undergraduate instructors & teaching assistants by appointment.

Using Dreamweaver on EEE

Getting Started: What you'll need

Connect to EEE

Dreamweaver allows you to work on a webpage on your computer and upload it to your EEE web space once it has been completed.

  • Use the Navigation Bar at the top of your screen.
  • Locate: Site
  • Click on: New Site
  • The Site must be defined. Answer each of the following prompts:
    1. What would you like to name your site?
    2. Do you want to use server technology?
      • You may use any technology you want, however if you are unfamiliar with them, we suggest using "No" of this option.
    3. How do you want to work with your files during development?
      • We suggest that you use the first option.
      • "Edit local copies on my machine."
      • A destination where your files are located is chosen for you. This is where all documents are saved. PLEASE WORK WITHIN THIS FOLDER.
    4. How do you want to connect to the remote server?
      • Via SFTP (Secure File Transfer Protocol)
      • Your Login-in information is given to you when you use AdvancedWebspace on EEE.
      • Here is an example of what it should look like:
        site definition sharing files screenshot. How do you connect to a remote server?: SFTP.  What is the hostname of SFTP address of your Web server?: eee.uci.edu .  What folder on the server do you want to store your files in?: public_html/ .  What is your SFTP Login:  What is your SFTP Password:
    5. The last definition enables you to check-in and check-out files if more then one person has access to your web page. You may choose which you prefer.

Download files

To get files from the web to your computer, use these settings:

  • Location: ClassSite
  • View: Remote View
  • Highlight the file you want to download and use the down arrow to download it onto your machine.
Remember that the file is automatically placed in the defined destination folder.

Upload files

To put files onto the web from your computer, use these settings:

  • Location: ClassSite (C:\DestintationFolder)
  • View: Local View
  • Highlight the file you want to upload and use the up arrow to upload it onto the web site.
    screenshot of upload interface
  • NOTE:
    • You must be connected to the remote site when you are ready to get files or put files in your work areas.
    • Click on: so that it looks like this:


Web Tutorials

The following are resources located outside of UCI.

Suggested Reading

The following are resources located outside of UCI.