uwebstudent web service
Using Dreamweaver

umail
uweb
ustorage
ulists


Macromedia Dreamweaver is a web development program created by the makers of the popular Creative Suite 3. It features a WYSIWYG (what you see is what you get) layout view, code view, easy management of web sites, and the ability to automatically publish your site to a host server.

overview of dreamweaver layout

Dreamweaver is available in a number of Instructional Computing Labs. Alternately, you can download a free trial version at the Adobe product site. Launch the Setup program to install the package and then return here to begin configuration.



Workspace Setup

When launching Dreamweaver you'll be prompted to chose what design view to use. Specify Designer layout for now.

Workspace Setup

After you've done this click OK.



Create Project

Dreamweaver is a robust web development program that can work on a multitude of web content. For the purposes of creating a website that can be uploaded to U-Web, select Dreamweaver Site located towards the bottom of the center column.

 

Deamweaver template page



Site Definition

Dreamweaver prompts you to name your project. The project will store you files and folders that will mirror the directory structure of your files on uweb once uploaded. The name for this project is uweb site but you can choose your unique name for your projects. The HTTP Address is http://www.ucsb.edu/~[UCSBnetID]

Once you've done this you can click Next.



Server Technology

You're asked if you want to use server technology. Select No.

Once you've done this you can again click Next.



Server Information

On this screen you are asked if you want to edit files locally then upload or directly edit files on the server. Editing files locally then uploading the finished product is the more stable method to employ.

You'll be prompted to create a root folder in which your projects files are stored locally. You can change it if you like, but the default folder should be fine.

Click Next when you're done here.



Connect to Server

Each method to connect to a remote server has its individual options on configuration. To connect to the uweb server select FTP for your connection type.

Connection Type: FTP
Hostname: uweb.ucsb.edu
Directory: uweb
FTP Login: UCSBnetID
FTP Password: UCSBnetID password
Save: [checked]
Use Secure FTP: [checked]

Remember to Test Connection to make sure your UCSBnetID and password were entered correctly.

After you've done this click Next.



Sharing Files

Here you're prompted to enable or disable checking in and checking out files. Select No.

Once you've done this you can again click Next.


Project Summary

At this point you can check over the settings for your project.

Once you're satisfied click Done. Dreamweaver is now configured for use with your U-Web account.



Publishing your Web Site

Once you've developed your web site it'll be saved to the local computer. To access it from your web browser you'll need to publish it to the U-Web servers.

There are a number of ways to do this within Dreamweaver, but the simplest is to mouse over to

File -> Save to Remote Server...

You'll be prompted to select the U-Web site configuration you just provided above. Once selected, you'll see a familar file browser with which you can select where you want to save your U-Web site pages.

this page was last modified March 19 2008