Psychology 205: Personality Assessment
Step-by-step instructions for creating a simple data-gathering form in Dreamweaver
- Install Dreamweaver on your own Windows system and create your form.
- If you have not already done so, install Keyserver (the network software
that check to make sure no more than the legal number of copies of a given
program are running simultaneously on the HC network) is installed on
your system. From the Start tab, select Settings, Control Panel, Add/Remove
Programs, and Network Install (if this tab is not visible, make sure your
system is fully connected to the College network). Scroll down to Standard
Software and select Keyserver Client 5.1, then click the Install button.
- Install Dreamweaver in the same way (Start, Settings, Control Panel,
Add/Remove Programs, Network Install, scroll to Optional Software and
Utilities and select Macromedia Dreamweaver 4.0 [keyed]), then click Install.
- Load Dreamweaver and save the blank file as, e.g., p205.survey1.html
on a disk or directory where you will be putting your work for this course
- Type some introductory text describing the survey and instructing
subjects on its completion, informed consent, etc., such as
Survey of Instant Messenger Use
Department of Psychology
Thank you for agreeing to participate in this survey concerning instant
messaging. Your participation is voluntary, and you may decide at
any time not to complete the survey. Your responses will not be quoted
or otherwise used in a way that would identify you. If you have questions
or concerns about this survey, or if you would like to receive news
of the study's results, email email@example.com
- On a blank line after the instructions, create the form into
which data will be entered using Dreamweaver's Insert, Form
- A red-hyphen-bounded rectangle appears in the text area. All parts
of your survey requiring user input must be typed here.
- The FormName window appears ate the top of the screen. In the Action
window, paste http://cgi.haverford.edu/acc/gather/gather513,
then click back in the red rectangle.
- Use Dreamweaver's Insert Form Objects menu to insert
a Hidden Field. A yellow icon appears, as does a HiddenField
window at the top of the screen. Where you see "HiddenField,"
type "FORM_NAME," and in the Value widow type the name of
your survey, e.g., "p205.survey1."
- Click to the right of the yellow icon just created, and again use
the Insert Form Objects menu to insert a Hidden Field.
In the "HiddenField " window type "FORM_OWNER,"
and in the Value Window type your full College email address, e.g.
- Enter (or paste) the contents of your survey, along with any pictures
or links necessary for its completion.
- Select the correct form element for each part of your survey from
Dreamweaver's Insert Form Objects menu.
- Text Fields are used for open-ended responses, e.g.,
age, personal opinions, or stories in response to pictures. When
you insert a text field, a small square opens in your form window
and a Dreamweaver pop-up window allows you to name the text field.
Use a short, informative name for the variable represented by
the text field, and consider starting this name with a number,
so the data collected will be ordered in the same way the questions
appear in your form (e.g., "001age").
- Radio Buttons are used for forced-choice items with few
alternatives, e.g., sex, party affiliation, level of agreement
or disagreement with a survey statement. A circle appears in your
form, and a Dreamweaver pop-up window allows you to name the variable
and value represented by this button. Be sure each alternative
has the same RadioButton name (e.g., "002sex")
and that each has a different CheckedValue specified
(e.g., "male," "female").
- Check Boxes are used for multiple-choice items where
the subject may select as many as apply, e.g., computer
operating systems used. A small square appears in your form, and
a Dreamweaver pop-up window allows you to name the variable and
value represented by this box. If you assign each alternative
the same CheckBox name and a different CheckedValue,
all values checked by a given subject will appear in the same
- List/Menus (pull-down lists) are use for forced-choice
items with many alternatives (e.g., college major, birth-state).
A rectangle with a down-arrow at its right appears in your form.
Assign a name to the ListMenu variable, and specify whether
you wish the alternatives to appear in a one-option menu or a
multiple-option list. Use the ListValues button to specify what
text should appear for each alternative and what value to enter
into the form data when each is selected.
- On a blank line at the end of the survey, use Dreamweaver's Insert
Form Objects menu to insert a Button. By Default this will be named
- Test that your form looks the way you wish it to and that it in
fact submits data to the Gather server by previewing it in your browser
using the globe icon at the top of the main Dreamweaver window (or
the keyboard shortcut <F12>). The first time you do this you
will be asked to specify your browser (Internet Explorer or Netscape).
- Save this file and FTP it to www.students.haverford.edu.
- If you do not already have FTP Explorer on your PC, you can download
it from the Add/Remove Control Panel on your Windows PC connected to the
- Under the Start menu on your PC, click Settings, then open Control Panels
and Add/Remove Programs. You should see the Network Install tab at the
upper left. Scroll down the list of available programs to "Optional
Software and Utilities,"select "FTP Explorer, and proceed with
installation to your PC.
- Start the FTP Explorer application. From the Start menu select Programs
and then FTP Explorer.
You get a connect menu. Fill in the fields as follows:
- Profile Name: HC Web Server (or make up your own)
- Host Address: ftp.haverford.edu
- Port: Leave the default, 21
- Login: your email username, e.g. juser
- Password: your Eudora email password
- Initial Path: /web/username (replace "username" with your
You can click the Save button to add this setup to the popup menu
of profile names for future use. When you're done, click Connect.
- Select ASCII file transfer (if it isn't the default), open the folder
with your survey (and any associated pictures or locally-linked resources),
and drag these to your webspace on ftp.haverford.edu
- Retrieve your data from the Haverford Gather server.
- Your file should now load into a Web browser as, e.g., http://www.students.haverford.edu/jdoe/p205.survey1.html.
Load the file and test it by completing all the items and clicking Submit.
It's a good idea to do this several times, selecting different alternatives,
to be sure each item works correctly and sends data to the proper variable
- Connect to the Gather server at . You will see the Access Data Collections
by Owner Name window. Enter your email username (e.g., "jdoe")
and click the NewRequestListForms button. You will see a pulldown menu
of data sets created under your username on the Gather survey. Select
the one just created (e.g., "p205.survey1.html"), type your
email password in the Enter Password window and click Display. Wait until
the table of data has loaded. Note that the default output format is "TableY,"
which displays each subject as a column and each variable as a row. To
see the data in more standard social science spreadsheet form, with variables
as columns and subjects as rows, select TableX display. To load the data
into your browser's Excel interface select "tab (open Excel)"
and, when the data have loaded, use the browser's File, Save As command
to save your data in an appropriate folder on your PC. I suggest giving
the data the same name as your form, perhaps adding the number of subjects
(or "test" if you have only sample data) to distinguish this
from later versions. Be sure to "Save as type" Microsoft Excel
Workbook if you plan to process the data in Excel (and/or import these
data to Statistica later).
- Examine the data closely for errors of formatting, missing data, multiple
submissions, etc., and delete any practice data you submitted before moving
on to data analysis.