The following information was taken from Greg Kaminksi's ORTESOL '97 presentation,
"Class Photo: A Web Page Project". Note: This page was a PowerPoint presentation in its original form.

• Outline Overview
• How to Crop & Save your Picture
• To Format a Page for the Web
• How to "Map" Your Class Picture
• Uploading Pages and Pictures to your UNIX Directory

Purpose & Benefits

• Computer Applications Class
• Facilitates language learning
  • Meaningful conversation / writing activity
  • Students must communicate
• Helps class & students bond
  • Take responsibility & work as a team
  • Break from typical computer work
  • Results: clearly visible

Also....

• Introduces new software in a fun way
• Interest in WWW grows
• Improves computer navigation skills

Basic Necessities

• Digital camera
  • from $200
• Graphics program
  • Graphic Converter (about $35)
  • or Photoshop (about $200)
• Word processing program
  • text only

Also.....

• Web page editor
  • Claris Home Page ($55), etc.
  • or an image mapping program (WebMap) & "Fetch"
• Web browser
  • Netscape, 3 or 3 "Gold" (also an editor)

Student Response

• Highly enthusiastic
  • Pictures are a lot of fun.
• Adds a personal touch to a class with a computer focus.

Drawbacks

• Highly meticulous work
  • Every step, every letter- exact
  • Who corrects the mistakes?

Follow-up

• Student designed Web pages.
• Larger group? Whole language program?

For More Information

• Email: kaminski@lclark.edu
• Class page: www.lclark.edu/~kaminski/descrpt97.html ("Meet the Class")
• HTML Guide: www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html

Class Photo: Process

• Interview a partner
• Write about your partner.
  • background, hobbies, interests, family, future goals, etc.
  • Save in "text only" format.

Students Take Pictures

• Transfer pictures to computer
  • teacher or students
  • software provided with camera
  • save in "group" folders (easy to find later)

Finally.....

• Students crop pictures
• Students import text/pictures
  • into Web page editor (Claris Home Page)
• "Map" the class picture
• Upload files
  • to teacher's UNIX account

Return to top.

• 1. Before you begin, open our "ClassLab" Account.
• 2. Open the folder "Multimedia / Graphic Tools".
• 3. Open "Photoshop". (If it won't open, try again later. Be sure to quit all other programs you have open.)
• 4. Select "Open" (File menu).
• 5. Find your picture, and open it. (In "Class Pictures F97")
• 6. Select the "Cropping" Tool. (Click & hold the dotted box on the toolbar. Drag to select the last tool.)
• 7. Make a box around the part of the picture you want.
• 8. Select "Crop" (Image menu).
• 9. When you like your picture, select "Save As". Name it "Your first name.jpg" (Begin with a capital letter, and make the rest of your name lower case letters. No spaces. eg. "Greg.jpg")
• 10. Save it in your group folder in "Class Pictures".
• 11. When you are finished, "Quit".

Return to top.

• 1. Open your paper about your partner in MS Word. Delete everything at the top. Type your full name at the bottom. (by "my full name")
• 2. Select "Save As". In the Format menu at the bottom, select "Text Only".
• 3. Give it a new title: "Firstname" (your partner's name- no spaces) Save it in your group folder in "Class Pictures". (ClassLab Account)
• 4. Quit MS Word.

  From now on, you will work on your own page.

• 4. Open "Claris Home Page" (folder & program).
• 5. Select "Open". (File menu)
• 6. Find & open the file about you. (not your picture)
• 7. "Save" (into your group folder). Name it "Firstname" (your name-no spaces)
• 8. Center the cursor on the first line. Click on "Import Image".
• 9. Find your picture "____.jpg" (group folder) and "open".
• 10. Add a centered title below your picture. (your full name)
• 11. Make the title "Heading 1".
• 12. Add / delete returns as necessary to make nice paragraphs.
• 13. Double space at the end. Type "Return to Class Picture".
• 14. Select "Return to Class Picture". Click on "Link Editor". Type the following URL: http://lclark.edu/~kaminski/classpicturef97.html
• 15. Space down. Add a horizontal line.
• 16. Space down. Select "Address" (Format menu).
• 17. Type "Created by (your name)".
  "Created 9/29/97"
  "Expires 3/29/98"
• 18. Save
• 19. Click on "Document Options". You can change your background color and other items it you would like to. Experiment! If you want to go back to the original, click on "Default".

Return to top.

• 1. Select your class picture. (Click on it.)
• 2. Click on the button "Object Editor" (the wrench)
• 3. In the new window, click on "Image Map Edit"
• 4. With the "rectangle" tool, make a box around one student.
• 5. Type the URL for that student. (e.g. "Ahmed.html")
• 6. Repeat steps 4 & 5 for each person.
• 7. Close the Object Editor, & Save.

Return to top.

Using Claris Home Page (Netscape 3 Gold has a similar system.)

• 1. Open each student's Claris Home Page document (e.g. "Greg.html"), and the main class picture page.
• 2. Select "Remote - Remote Save" (File Menu).
• 3. Type your Server Name, User Name (your login), UNIX Password, and Remote Directory (Ask your Tech. Dept.). (The file name should already be listed.)
• 4. Select "Upload Image Files", and "OK".
• Note: Be sure to make a link from your home page or class page to the class picture.

Another method: Using "Fetch"

You can use "Fetch" to upload individual files into your UNIX account. When using Fetch, remember these points:

¥ Transfer a text file as "Text" format.
¥ Transfer a picture file as "Raw Data".

Return to Internet/Computer Writing Resources home page.

Created by: krauss@lclark.edu
Updated: 2/15/98