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
- Place the specimen on the scanner
- In the computer laboratory on A204-29 open up from the Programs menu HP DeskScan II: HP
DeskScan II
- Scan in the specimen at 100%. If the file size is too large for your floppy disk, then
reduce the image.
- Save as a TIF file to your floppy disk. Use the first eight characters of your shape
name for the file name.
Image Editing
- Open PhotoStudio: PhotoStudio 2.0.
- Open your TIF file.
- From the transform menu select resample.
- 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.
- 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
- Open notepad from the Programs:Accessories menu
- 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"
- 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>
- 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.
- Save the notepad file.
- Open up the Floppy a Drive windows explorer.
- 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