Technology How To

Getting Started
This handout assumes all of the following:

• The user has Adobe Dreamweaver CS3 or higher installed on his/her computer.

• The user has established a WFU personal web page (See handout “Web Pages at
WFU.”)

• The user has a local copy of their web page on his/her computer. (Stored in
Userdata folder)

Rollover Images
A rollover image is a technique using JavaScript that lets you change a page element (usually a graphic image) when the user rolls the mouse over something on the page (like a line of text or a graphic image). For this example, the two rollover images will be the same, with only minor differences (ie. darker or lighter). When a user moves the mouse across an image, the image changes by exchanging the two rollover image files.

Creating a Rollover Image

• Before inserting the Rollover Image into Dreamweaver, open up your first image in MS
PhotoEditor or some other image-editing program.

• In MS PhotoEditor, click on the Image menu and select Balance. In the balance window
adjust the Brightness, Contrast and Gamma.

• Once you get the desired effect, use Save As to save the image under a new name. This
new image will be your Rollover Image.

• Close MS Photo Editor a return to Dreamweaver.

Inserting a Rollover Image

• In Dreamweaver, click Insert > Image Objects > Rollover Image. A window will pop
up.

• Insert an Image Name (This is not a filename, just a name for the Rollover Effect.)

• Use the Browse buttons to select the Original Image and the Rollover Image. (Use
the samples provided on our web site or by the instructor)

• Insert Alternative text for accessibility.

• Insert a link URL for the Rollover Image.

• To preview how your mouseover will work in a Web browser, press the F12 key and a
Netscape Navigator window will pop up with the document in it. Move your mouse across
the image and watch it change. Click the image to test the link.

Creating an Image Map
Image maps are single images or clusters of images that have been defined so that the use can click on different areas and be linked to different destinations.

• To create an image map in Dreamweaver, you’ll first need an image.

• Insert the image into your page and click the image to select it.

• Expand the Property window using the “twistie” in the lower right corner of the window.
This opens the image-mapping window.

• There are four buttons along the left-hand side of the window, a pointer and three
shapes.

• The pointer allows you to move “hot spots” (links within the image map) around, and resize
them. The rectangle allows you to draw rectangular hot spots; the circle creates circular
ones; and the freehand tool allows you to trace irregular shapes. (Note: to end a freehand
shape, double click on the last point.)

• To remove a hot spot, select it with the pointer tool and hit the delete key.

• If you wish to make these hot spots link to files within your Web site, all you have to do is
type the filename into the Link field. Remember to put “http://” in front of the web address
in the Link field for external sites.

Inserting Flash Text
The Flash text object lets you create and insert a Flash file that contains just text. This allows you to create a small, vector-graphic object with the designer fonts and the text of your choice.
Note: You must save your document before inserting a Flash button or text object.

• Choose Insert > Media > Flash Text. The Insert Flash Text dialog box appears.

• Select a font from the Font pop-up menu. This menu lists all TrueType fonts currently
loaded on your system.

• Enter a font size in the Size field; these are point sizes.

• Specify style attributes like bold or italic, and text alignment by clicking the appropriate
style buttons.

• In the Color field, set the color of the text by using the color picker or entering a Web
hexadecimal value.

• In the Rollover Color field, set the color that appears when the pointer rolls over the
Flash text object. Use the color picker or enter a Web hexadecimal value.

• Enter the text you want in the Text field. To see the font style displayed in the Text
field, select Show Font.

• If you want to associate a link with the Flash text object, enter a document-relative or
absolute link in the Link field. In the Save As field, enter a name for the file. You can use
the default file name (for example, text1.swf), or type in a new name. If the file contains a
document-relative link, you must save the file to the same directory as the current HTML
document.

• Click Apply or OK to insert the Flash text in the Document window. If you click Apply,
the dialog box remains open, and you can preview the text in your document.

Inserting Flash Buttons
Flash buttons work like flash text and allow for the easy creation of buttons for a web page. To insert a flash button, click Insert > Media > Flash Button. Select a button from the Style list, fill in the button text and link destination, and change any other available options.

What is Zotero?
Zotero is a free Firefox addon that gathers, manages, and can create a bibliography of sources. Zotero allows you to attach PDFs, notes and images to your citations, organize them into collections for different projects, and create bibliographies using MS Word. Most users find it easier to use than EndNote. Like all Firefox plugins, Zotero automatically updates itself periodically to work with new online sources and new bibliographic styles.

Getting Zotero

1. Go to http://www.zotero.org/

2. Click the red “Download” button

3. Click “Install Now” and follow the instructions.

4. Restart the Firefox web browser. (You’ll see a small Zotero button at the bottom of your Firefox window.)

Note: If you see the message “Firefox prevented this site from asking you to install software on your computer,” click “Edit Options,” then “Allow” and “Close.”Follow steps 1-3 again to download and install Zotero.

On the WFU Standard Software Load, Zotero files are stored in C:Userdata/Firefox/Zotero

Starting Zotero
Click on the Zotero button at the bottom of a Firefox browser window. This will open a Zotero window in the bottom half of the browser window.

Collecting References

From the ZSR Library Catalog

From Your Search Results Lists
Go to the library catalog at http://zsr.wfu.edu and conduct your search. From your list of results page you can save all titles on each page by simply clicking the folder icon next to the URL in your web browser.
When you click it a quick list of the titles on the page will pop up and you can choose the titles you want to download into Zotero or just select all titles.

When you click OK your titles will be downloaded into Zotero. To access them, just click the Zotero icon at the bottom of your browser. You may need to alter author formats, title, capitalization and other items in the record to be sure it works properly with the citation output manager.

From an individual record in the catalog:
You can bring in titles from our catalog one record at a time. From the catalog record click the blue book icon at the end of the URL. This will add just that single title into Zotero.

Library Databases
Many of our Library databases including Ebsco, Proquest, Web of Science, JSTOR and many others allow you to add items to Zotero directly from your results list.

After you conduct a search and are on a results page you will see the yellow folder icon after the URL. If you click on it you will be given the option to add all the titles on the page or select the ones you want. After you check off the boxes and click OK your titles will be added to Zotero. Again, you may need to double-check formats, etc. on individual records to be sure they are accurate.

Web Sites
There are some web sites where you can get articles directly into Zotero. When on an article from NYtimes.com, for example, you will see a small newspaper icon after your URL and if you click that - the article will be downloaded into Zotero. Other sites where this is possible include: washingtonpost.com and time.com.

On pages where you do not see the icon in the URL bar, you can click the Create New Item from Page icon in Zotero to get a quick start on adding that page to Zotero. You may then need to edit the Zotero record to add all of the relevant information.

Zotero can’t automatically capture citation info from some web pages, but you can still add them to your Zotero library.Click the Zotero button at the bottom of your browser to access Zotero’s controls. Click either the chain link button to save a link to the page, or the camera button to save a “snapshot.” A snapshot is a copy of the page saved to your local computer. It includes the page’s text and images, so if the page is removed later you’ll still be able to refer to it.

Creating a Bibliography from Selected Items

To export selected items in Zotero to a bibliography in MS Word:

1. Click on the items you want to export.

2. Hold the ctrl key to select multiple items.

3. Choose Create Bibliography from Selected Items

a. Select the desired citation style.

b. Select Save as RTF to create an MS Word file (or Save to Clipboard to paste
in an existing document.)

4. In the window that opens, select Save on Desktop and name the file.

Creating a Bibliography from a Collection

To export a collection in Zotero to bibliography in MS Word:

1. Right click on the collection you want to export.

2. Hold the ctrl key to select multiple items.

3. Choose Create Bibliography from Collection

a. Select the desired citation style.

b. Select Save as RTF to create an MS Word file (or Save to Clipboard to paste
in an existing document.)

4. In the window that opens, select Save on Desktop. The file will be named after the collection, or you can give the file a new name.

Getting the Microsoft Word Citation Plugin
Download and install the Microsoft Word citation plugin to facilitate citing items from a Zotero library in a paper.

1. The plugin can be found by clicking the link to:
Integration with Microsoft Word and OpenOffice on the Zotero homepage
Or by going directly to:
http://www.zotero.org/download/integration/Zotero-Word-Plugin-Installer-1.0b3.exe

Steps for adding and using the Zotero plugin.

1. Go to http://www.zotero.org/download/integration/Zotero-Word-Plugin-Installer-1.0b3.exe
2. Save the file to your desktop (should take just a few seconds).
3. Open the file and click through the installation.
4. Once it is finished you can delete the file from your desktop.

To make the extension work in Word, both Firefox and Word have to be open

1. Open your paper in Word.
2. In your paper, put the cursor where you want the parenthetical citation to go.
3. Click on the “Add-Ins” tab:
4. You should have a bar that looks like this:
(This is what you just installed!)
5. Click the “r.’z” box:
6. Then you can browse through your Zotero citations and pick the right one. This will enter the parenthetical citation at the right place.
7. After you are done citing everything, click on the “insert bibliography button”:
This should add the works cited for all the citations you have made.
8. As with any automated bibliography software, you should always look over your citations to make sure that they look accurate and aren’t missing anything. If you need a refresher for APA, you can find one on the library website here: http://zsr.wfu.edu/research/guides/apa.html

Moving citations between Zotero and EndNote
While Zotero can create bibliographies in 15-20 different citation styles, EndNote version X1 includes over 2900 styles. Zotero also lacks EndNote’s capacity to edit existing styles and create custom ones. Both programs can read and write a standard citation file format called RIS.

Zotero to EndNote
To save your Zotero library for importing into EndNote, click the Zotero button that looks like a gear and choose Export Library. Choose RIS as the file type and pick a filename. In EndNote, click File and then Import. Click the Choose File button and select the file you just exported from Zotero. Set Import Option to Reference Manager (RIS) and click Import.

EndNote to Zotero
To export your EndNote library for use in Zotero, click File and then Export. Set the output style to RefMan (RIS) Export and save it as a text file. In Zotero, click the button that looks like a gear and choose Import. Just double-click the file you exported from EndNote. The new references will be added to a collection named “Imported” followed by the date and time.

Using Both EndNote and Zotero
If you use Endnote and Zotero, you need to change the default settings in Zotero so that you are not prevented from doing a direct export to Endnote.
1. Open the Zoreto Window
2. Click on the gear icon in the Left Panel and choose Preferences.
3. Uncheck the box that says “Use Zotero for downloading Endnote Files”.

Troubleshooting
If you are having chronic problems getting Zotero to work across multiple sites, try disabling all Firefox add-ons except Zotero. To do this, open the Tools menu, click “Add-ons”, and click “Disable” for every add-on, and then restart Firefox. If this solves the problem, re-enable the add-ons one-by-one until you find the conflict, and then post the name of the add-on that was causing the issue to the forums.