Tips for Using Dreamweaver

Date: Monday, May 2, 2005

Sites

Dreamweaver provides a way for you to manage websites on more than one location. For example, it manages a website that you might place on Euler and keeps a local copy of the site on your own machine.

MyWeb is a service provided by Pacific University to all students. It allows students to have public web pages on the Internet.

Today we will cover how to create a site in Dreamweaver, keep a copy of the site on Euler, and also upload it onto MyWeb

Creating a Site

The steps to do this are as follows:

  1. Select the Site menu item and click on Manage Sites
  2. Click on New and choose Site
  3. Give your site a name (e.g. MySite) and click Next
  4. Select no I do not want to use server technology and click Next
  5. Select "Edit local copies on my machine....", then click on the folder icon.
  6. Select your Sites folder on Euler, click on the New Folder button and create a new folder "DreamweaverSite", and select choose. Click Next.
  7. Select FTP from the drop down box, and in the next box type "MyWeb.pacificu.edu". Leave the next box blank, and in the following two boxes type in your PuNet ID and the password you use for MyMail. Click Test Connection, and if it connects successfully, click Next.
  8. On the next screen, select No, do not enable check in and check out. Click Next.
  9. Click Done.
  10. Click Done.

You have now created your site that will store your website on both Euler and MyWeb. Currently there are no pages on your site. So, let's add them.

On the File toolbar on the right, make sure that your new site is selected in the drop down menu. Click on the "connect to remote host" toolbar icon (it looks like two blue plugs).

You will see a list of files stored in your MyWeb directory. If you have never used MyWeb before then this will be empty.

Saving Files to your Site

  1. Create a web page and save it in your local sites folder. This is the DreamweaverSite you created in your Sites folder on Euler.
  2. We now want to put this file onto MyWeb. In Dreamweaver, on the open page you want to upload onto MyWeb, click on the file management toolbar icon (up and down arrows) and select "Put". This will upload this page onto MyWeb, and the file should appear in the file list on the right hand side.
  3. To test that this worked correctly, open up a web browser and go to "myweb.pacificu.edu/PUNetId/filename.htm". Your page should appear.

Clickable Image Maps

Problem: You are to create a Web page that allows children the ability to learn the name of each state and its associated capital. This will be done using clickable image maps on the client-side.
  1. Open Dreamweaver and start with a basic page. Save this page in your Sites folder under the name imagemaps.html.
  2. Find a graphic of the United States that fits easily on the screen and is not labeled in any way. Insert this image onto your page.
  3. Search for dreamweaver image maps online.
  4. Follow the directions for creating a clickable image map that displays the state and capital for Washington, Oregon, and California.

Rollovers

  1. Capture the two graphics and .
  2. Search for the phrase rollovers in Dreamweaver online.
  3. Create a rollover with the two graphics such that the original graphic is the black and white image and the rollover is the red graphic.
  4. Clicking on the rollover should take the user to www.cs.pacificu.edu.