Library Schedule Search Contact Pace Need More Info News at Pace Apply Online Pace University

Dyson College of Arts and Sciences

MULTIMEDIA PROGRAMS AND SOFTWARE

Netscape Navigator Gold (Handout available in Computer Resource Center)
Netscape Communicator 4.0 with HTML Page Composer (See Guide below)
Front Page (available from Dyson)
Sound Recorder or Wave Sound (On most Pace computers)
Paint Shop Pro (See Guide below)

Using Netscape Page Composer (Sarah Burns, adapted by Jessica Shi)

CREATING A NEW PAGE

  1. Open Netscape Communicator.
    1. Click on the Netscape Communicator icon on your desk-top.
    2. (or) From the Start Menu click on Start then follow this path: Programs, Netscape Communicator, Netscape Composer (this directly opens Composer).
    The Netscape Communicator screen will appear.
  2. Open Netscape Composer
    1. Click on Communicator at the menu bar. Then select Page Composer at the pull down menu.
    2. (or) Click on the Page Composer icon (picture of paper and pen) on the bottom right hand corner of the Communicator screen.
    This will open up a blank page for you to start working on.
  3. Creating a Title for your Page
    1. Click on the Format pull-down menu, and select Page Colors and Properties.
    2. Click on the General tab and enter your page Title at the provided space. Usually this is a one-line description of the page, i.e., “Pace University Library-Instructional Services.”
    The title is what appears in the very top left of the Netscape screen when you are looking at the Web page.

OPENING A PRE-EXISTING PAGE TO EDIT

  1. Open Netscape Communicator
    1. Click on the Netscape Communicator icon on your desk-top.
    2. (or) From the Start menu click on Start then follow this path: Programs, Netscape Communicator, Netscape Composer (this directly opens Composer).
    The Netscape Communicator screen will appear.
  2. Open Netscape Composer
    1. Click on Communicator at the menu bar then select Page Composer at the pull down menu.
    2. (or) Click on the Page Composer icon (picture of paper and pen) on the bottom right hand corner of the Communicator screen.
  3. Opening an Existing Page (Saved in HTML or HTM format)
    1. Click on the Open button on the tool bar.
    2. Select the appropriate drive where you have saved your work.
    3. Browse for the file and then simply click on Open.
  4. Opening an Existing Page (Saved as a Microsoft Word or similar format)
    1. Open the file in its original format
    2. Select and then copy the text into a blank page in Composer.
  5. Opening a Page that Exists on the World Wide Web
    1. Click on the File pull-down menu. Then select Open Page.
    2. At the dialog box, type in the address of the page you want to edit.

EDITING AND FORMATTING A PAGE

  1. To Change the Background and Text Colors
    1. Click on the Format pull-down menu, select Page Colors and Properties.
    2. Click on the Colors and Background tab and make the appropriate changes.
  2. To Create an E-Mail Link
    1. Select the text which you would like to be the link.
    2. Click on the Link button on the tool bar.
    3. The Character Properties dialog box will open. Fill in the “Link to a Page Location or File” box with the email address in the following format: mailto:username@domain
  3. To Create a Link to Another Page on the Web
    1. Select the text which you would like to be the link.
    2. Click on the Link button on the tool bar.
    3. The Character Properties dialog box will open. Fill in the “Link to a Page Location or File” box with the appropriate URL, including the protocol, or example: http://library.pace.edu

NOTE: It is a good idea to put your name, e-mail address, and the last revised date on each page you maintain. People who search the Web for information will most likely find these items helpful when evaluating your page.

PUBLISHING A PAGE TO THE REMOTE WEB SERVER

Save your file to your local hard drive or to a floppy disk first.

(NOTE: the University's Web server can not read through folder names on a Windows 95 machine. Save your HTML documents either on a floppy disk, or directly on your C:/ drive, but not in a subfolder such as My Documents).

  1. To Upload the Page to the University's Web page Server
    1. Go to http://support.pace.edu/WEBEDIT (case sensitive) Enter your username and password. Click the Manage Web Documents button.
    2. Use the Browse. . . button to browse the hard drive or floppy drive on which you saved your file. Select the appropriate file name and click the Open button.
    3. The name of the file you selected should appear in the text box. Click the Send File button. Follow the designated link to see the uploaded file in your directory.
    4. The address for your Web pages will follow this format: http://webpage.pace.edu/HOMEDIRECTORY/filename.html
For example if Sarah Burns saved her main page on a floppy disk as main.html, then uploaded it to her Web space following the above steps, the address she would give somebody so they could access her main page would be:
http://webpage.pace.edu/SBURNS/main.html

NOTE: You must follow the same process to upload any graphic or image files that you have put into your documents.

Notes on Paint Shop Pro (Jeanine Meyer)

Paint Shop Pro is a popular product for creating and manipulating images. Images are stored in a variety of formats, indicated by the file types of the files. (File types are indicated by the extension (the 3 or 4 letters after the period). Web pages use gif and jpg or jpeg files for images. The Word program uses bmp files for images to be incorporated in the word document, which is itself a doc file). One particular use of Paint Shop Pro is to take an image in one file type and produce the corresponding version in another file type. Another common use is to crop an image, perhaps one you downloaded from a Website by clicking on the right mouse button. Here are some instructions for doing specific things with Paint Shop Pro.

General notes

In many situations in Paint Shop Pro (and with other tools), there are default settings of critical attributes. If the default is what you want, this can be easy and efficient. However, if something is not what you want, you will not get the desired effect. In these cases, the system does not give you a message: you need to change XXX. For example, the size of a line or a the stroke of a brush may be set initially at 1 when, in most cases, that is just too narrow.

Starting Paint Shop Pro

  • Click on the icon or find Paint Shop Pro from the Program list. It may be by itself or under Multimedia Tools or Accessories or something else.
  • When you do start the program, windows may pop up with messages and Tips. Keep going by pressing the indicated button or buttons. They may be labeled ‘close’, ‘start’, etc. Paint Shop Pro is shareware. If you get a message that the license has expired, you need to purchase the product or let the people in charge of the lab know they need to do something.
  • You will get to the main Paint Shop Pro window. There is a toolbar at the top with a sequence of terms to click for pull-down menus. The first one is File. Below this toolbar are more rows of buttons. There may also be a ‘toolbox’ of buttons at the side. There are different versions of Paint Shop Pro with slightly different looks. Moreover, someone before you may have altered the look of the screen. Look it over.
  • If you do not see a button or group of buttons that you had seen at some prior point, click on View to get a pull-down menu. You will see at the bottom a list: toolbar, tool palette, color palette, style bar, status bar. If the button next to any one is blank, click to turn it on and make that particular collection of buttons appear. Alternatively, if the screen becomes too cluttered, you can selectively and temporarily remove these sets of buttons.

The name of the button, that is, the tool, will appear when you move the mouse to place the cursor on top of the button.

The Color palette contains a spectrum (rainbow) of possible colors along with two overlapping squares indicating the current foreground and background color. This palette changes with the number of colors accessible for the current image. Generally speaking, you will draw with the foreground color. See below on choosing a color for drawing.

Converting an image to a new file type (Saving)

Let us say you need to convert an image file from the file type that it is to a particular one needed by some program. You need to know the name of the image you want to convert AND what file type you want (need) to produce. One example would be that you have a file of type bmp and want to use it in a Web document. For this you need an image of file type gif or jpg.

  • Start Paint Shop Pro and
  • Click on File to get a pull-down menu of options. One of them is Open.
  • Click on Open. Find your file in the usual way for Windows programs. The image will appear.
  • Now click on File again and choose the option Save As.
  • You will get a Window with choices. You will see the option: Save as File type. If you click on the down arrow next to the slot, you will get a list of options. Click on the one you want. For the gif file type, there are subtypes. If you are preparing images for Web pages and want the image to be interlaced, that is, start with a rough picture and then gradually become more detailed, then pick the interlaced form.
  • For a gif file, you can also click on Options and specify what is called a transparent color. This is used to produce a picture without a background, one that appears to float on top of the page.
  • If you are going in the opposite direction, that is, from a Web image to one that you are using in a Word document, you should click on BMP.
  • You exit Paint Shop Pro by clicking on File and then Exit.

Cropping an image

The situation we describe here is that you want to use a portion of an image, not the whole thing.

  • Proceed as above to start Paint Shop Pro and Open the image file.
  • Locate among the buttons the one with a rectangle with a dotted outline (this is the button icon). This is the selection tool. Click once ‘to acquire the tool’ and then
  • Move to the image. When the cursor indicating position moves over the image, it will change to a cross hair next to a rectangle. This is the pattern for all the tools.
  • What you do now is perform a ‘click-and-drag’ operation to select an area.
    • Determine the upper left-hand corner of what you want. Press the left-hand mouse button down.
    • Then move the mouse down and to the right. You will see the dotted outline of a rectangular shape.
    • When you lift up your finger from the mouse button, the outline will stay. This is ‘the selection’. If it is not exactly what you want, simple do it again. That is, move to the new upper-left corner, press down, drag, and release.
  • Now click on the Edit pull-down menu.
  • Click on Copy. (This puts the selected area in what is called the Windows Clipboard. You can actually move to any Windows application at this point and paste the selection into another file. We will proceed here to describe making a new image in Paint Shop Pro.)
  • Now click on Edit and Paste.
  • A small window opens up to ask if you want this as a new image or a new selection. Click on new image. (See below for a description of how to paste something in the same image.) You now have two images ‘open’ in Paint Shop Pro. You may have worked with multiple documents in a word processing program.
  • You will need to click on File, and then Save As, to give the new file a name. When you save, be sure and set the file type to what you need.

Creating a new image

You can use Paint Shop Pro to make original drawings. This could include logos or headings with different colors and different font styles for the letters.

  • You start by starting Paint Shop Pro.
  • Click on File and then New. A window will appear with options for width and height, background color, and image type.
    • Width and height refer to the width and height of the image! The units are what are called pixels, which stands for picture elements.
    • The background color defines the background for the new image. The choices include black, white, green, red, and blue. You can also specify the background to be the color currently indicated as the background or the foreground over by the side of the screen. The foreground is in a square on top of the background.
    • Image type does NOT refer to the file types mentioned above. The choices here are the number of colors in the new image. The choices are 2 colors, 16 colors, 256 shades of gray, 256 colors, or 16.7 million colors.
    • The choices here determine the size of the image. You can accept any or all of the default settings that appear when the New Image window is displayed. When you have set what you want, click on OK. (You should also try clicking on the Help option. This will include a way to get step-by-step instructions.)

The following instructions will help you make (simple) drawings. The first few times you do these steps, they will seem laborious, but after a small amount of practice. You can also use any of them to draw on top of an image you obtain from somewhere else. Yes, you can draw mustaches and blacken out teeth and these are recommended as good exercises.

Drawing

To draw, you use a drawing tool. These include shape, line, and (single) brush. You can use these immediately, or change the color for drawing first. If you do not choose a color, you will draw in the foreground color for all the drawing tools.

Drawing with a brush

Drawing with a brush allows you to make a free hand type of drawing.

  • Click on the single brush. A set of options appears for Brush type, Size, Shape, and Paper Texture. You can reset any of these options or begin drawing.
  • The options for Brush type are Pen, Pencil, Marker, Crayon, Chalk, and Charcoal. Set the type by clicking on it. Pen is a good choice.
  • Size refers to the thickness of the line. Use the up and down, scroll-type controls. Experiment.
  • To draw, use the mouse to move the cursor to the image. It will change to a brush. Press down on the mouse button, move the mouse and release the button to draw.
  • NOTE: you can go to Edit and click on Undo to remove the last thing drawn. This means that it does make sense to draw in small strokes.
  • NOTE: you can clear the whole image by going to Edit and clicking on Clear.

Picking a color for drawing

To change colors, you have two options.

  • Click on the square holding the current foreground color. A palette of colors will appear. You can pick a new color and then click OK. This resets the foreground color.
  • Move the cursor over the spectrum of colors. You will notice that the cursor changes to an eyedropper. (This eyedropper can also be used to pick up colors from an image.) Click on the color you want. This will change the foreground to the indicated color.

Drawing a line

You can draw one or more straight line segments.

  • Click on the line icon.
  • An option window appears in which you can set the size of the line. The default setting may be 1, which is probably too narrow. Use the arrows to set it to whatever works. The setting 10 is a good start.
  • Move to the image. The cursor will change to a cross hair next to a short line.
  • Press down the mouse button when the cursor is at the place you want for one end of the line segment.
  • Drag the mouse.
  • When you release the mouse button, a line segment will appear.
  • If you want a set of connected line segments, press down, drag, release but do not move the mouse. Press down again and now move the mouse.

Drawing a shape: circle, rectangle, oval

You can draw several different standard shapes. To do this

  • Click on the shape icon. This is a rectangle with solid lines, not dashes, for an outline and it is called Shapes.
  • A set of options will appear.
  • Line indicates the size of the outlining line. Experiment. The values 3-8 are generally okay.
  • Shape gives you the options: rectangle, square, circle, oval.
  • Style gives you the choice of outline or filled.
  • You now move the cursor to the image. It will change to a cross hair next to a rectangle. It is a rectangle even if you made another choice of shape. Click and drag to make the shape. When you are done, the shape you have indicated will appear.

Duplicating part of a picture

You can use the selection tool, and copy-and-paste, to duplicate part of a picture in the same picture. See above on cropping.

  • Use the selection tool (the dotted outline rectangle) to make a selection.
  • Use Edit/Copy to copy this selection to the Clipboard.
  • Use Edit/Paste.
  • Choose the option Paste new selection. You will now have a new (second) copy of this selection. The cursor will change shape. You can move this new selection around by pressing down and moving the mouse. The selection will stay where you drop it (by releasing the mouse).

Placing text on an image

Paint Shop Pro provides a Text tool for putting text in an image. Note: after you have placed the text, you cannot go back and change it as you would in a word processing program. To insert text:

  • Change the foreground color to what you want by clicking on the square Or clicking in the spectrum of colors.
  • Click on the Text Tool. This is the button (icon) labeled A.
  • Moving over to the image, the cursor will change to a cross hair and the letter A. Click on the image.
  • The window for adding text will appear. You can set several options:
    • Choose a font for the text
    • Choose from regular, bold, italic, bold italic.
    • You can choose other options. Use the HELP feature.
    • To write in the foreground color, make sure Floating is selected. (See HELP to explain what happens when Floating is not selected-it can achieve the effect of making the letters form a cutaway pattern in an existing image.)
    • Write your text in the window.
    • Click on okay.
  • Your text is now in a floating (moveable) selection on the image. The cursor changes to a cross. You can move the text around.
  • To position the text, click on the RIGHT mouse button.

Undo, Erase(r), Clear

What do you do if you need to change something you have done There are several possibilities.

  • Click on Edit and then Undo. This removes the most recent action. If you have made a drawing with separate lines or strokes of a brush, then only the last will be removed.
  • Use the eraser tool to erase part of the last addition to the image. Click on the eraser icon. A new window will open up defining the shape and size of the eraser. Think of the eraser as drawing with the background color. Note: eraser works only on the last addition.
  • Click on Edit and then Clear to clear everything from the image. You may need to do this several times.
  • Click on File and then Close. You will be asked if you want to save the current image. If you are doing this because you are dissatisfied with it, click on No.

Paint Shop Pro has a great many features. You do not need to know all or even many to begin doing productive work and you can gain skills by experimenting and using HELP.

TABLE OF CONTENTS



                                         
green_ball green_ball green_ball

[Home][About Dyson][Mission][University Core Curriculum][Undergraduate Programs][Graduate
Programs
][Academic Resources]
[
Special Programs][Academic Programs][Centers][Institutes][Facilities][Dyson Student Projects][Calendar of Upcoming Dyson Events]