Vegetative Morphology and Character Laboratory

Obtaining specimen

On the walk try to find either the leaf shape or the margin/apice type assigned to you.

Scanning

  1. Place the specimen on the scanner
  2. In the computer laboratory on A204-29 open up from the Programs menu HP DeskScan II: HP DeskScan II
  3. Scan in the specimen at 100%. If the file size is too large for your floppy disk, then reduce the image.
  4. Save as a TIF file to your floppy disk. Use the first eight characters of your shape name for the file name.

Image Editing

  1. Open PhotoStudio: PhotoStudio 2.0.
  2. Open your TIF file.
  3. From the transform menu select resample.
  4. Multiply the width of your image in pixels by the height in pixels. If the result is more than 70,000 pixels, then reduce your image size to be less than 70,000 pixels. Images of 200 x 150 or 250 x 250 are, for example, less than 70,000 pixels. WRITE DOWN the final width and height of your image in pixels.
  5. Save the image as a JPEG at a quality setting of 90 on your floppy disk. Use the first eight characters of the shape name for the file name. For example, for a orbicular leaf the file name would be orbicula.

Creating the Web Page

  1. Open notepad from the Programs:Accessories menu
  2. Save the file to your floppy disk using the first eight letters of your shape name and the extension .html along with quotes. For example an ovate shape would be "ovate.html"
  3. In the note pad type the following:

<html>
<head>
<title>Ovate</title>
</head>
<body>
<p>
<img src="ovate.jpg" alt="ovate" width="200" height="150" />
<br />
ovate
</p>
<p>
Collected by: (your name)
</p>
<p>
<a href="http://www.comfsm.fm/~dleeling/botany.html">Botany Course Home Page
</a>
</p>
</body
</html>

  1. Note that you will change the image file name, the alt, the width, and the height to match your specimen. The alt tag is the text that is displayed when the user rolls their mouse over the picture. The second instance of ovate is the plain text displayed on the page.
  2. Save the notepad file.
  3. Open up the Floppy a Drive windows explorer.
  4. Double click on the notepad file you created with the .html extension.

HTML tag information

<html> open html file
<head> open file header
<title> file title</title>( the slash always means "close operation")
</head> close file header
<body>open text body of file
<p>start new Paragraph</p>
<img src="ovate.jpg" alt="ovate" width="200" height="150" /> load an image with alternate text property set to value in quotes and with the specified width and height. Note the "close operation" slash is included in the tag.
<br /> line BReak or line feed without starting a new paragraph. Also closes itself.
</p> close paragraph
<p>
<a href="http://www.comfsm.fm/~dleeling/botany.html"> hyperlink to another web site or page
Botany Course Home Page hyperlink text
</a> close hyperlink
</p>
</body> close body
</html> close html file

Other tags:

<hr />Horizontal Rule (line)
<h1>heading level one</h1>
<h2>heading level two</h2>

Botany home page
Lee Ling home
COM-FSM home page