web template

Biology 103
Fall, 2001
available at http://serendipstudio.org/biology/b103/f01/webprep.html

INFORMATION FOR WEB PROJECTS

To facilitate posting web projects, they will need to be turned in in an electronic form prepared for posting, as well as in hard copy. The material below is intended to make it as easy as possible to go from a standard word processing document (to be turned in as hard copy) to an HTML document ready for posting. If you are used to preparing web documents in some other way (or have friends encouraging you to do so), please see note at end.

Step 1
Write your paper as you normally would, with a numbered list of web references (URL, and name of site) at the end, and with citations to that list shown in the text as numbers within parentheses. Print for hard copy. An example is shown below:

Information about Biology 103

Paul Grobstein
Biology 103 has a course home page (1), from which other resources related to the course can be reached. The course home page is located on Serendip, a World Wide Web server which provides additional resources in the areas of biology, neurobiology and behavior, and complex systems (2).
Among the available course resources on Serendip is a forum area (3), where students write weekly comments on material of the course. Each week's comments are moved to their own file, which can be reached by clicking on a topic list at the end of the course home page (1).

WWW Sources
1) http://serendipstudio.org/biology/b103/f01; Biology 103 home page, on the Serendip web site
2) http://serendipstudio.org; Serendip, the server home page.
3) http://serendipstudio.org/biology/b103/forum/newforum/bio103f01-read.html; Biology 103 forum area, on the Serendip web site

Step 2
Use the template shown below to prepare a new word processing document with the needed HTML markup tags. The easiest way to do this is to copy the template in its entirety from your web browser and paste it into a new word processing document. Line breaks are ignored in HTML documents, so don't worry if the pasted form looks somewhat different from what you copied.

<html>
<head><title>YOUR TITLE</title></head>
<body bgcolor=#ffffff>
<a href="/biology/b103/f01">Biology 103</a><br>
<a href="/biology/b103/f01/web1/index.html"> 2001 First Web Report</a><br>
On <a href="/">Serendip</a><p>
<center><h2>YOUR TITLE </h2> <h3>YOUR NAME</h3></center>
YOUR TEXT. REMEMBER TO SEPARATE PARAGRAPHS WITH <P>. WEB REFERENCES GO IN A NUMBERED LIST AT THE END (SEE BELOW). TO CITE A WEB REFERENCE IN THE TEXT, USE THE FOLLOWING AT EACH NEEDED LOCATION: <a href="#YOUR REFERENCE NUMBER">(YOUR REFERENCE NUMBER)</a>.
<h3>WWW Sources</h3>
<a name="1">1)</a><a href="URL OF YOUR FIRST WEB REFERENCE">NAME OF YOUR FIRST WEB REFERENCE SITE</a>, COMMENTS ABOUT IT <p>
<a name="2">2)</a><a href="URL OF YOUR SECOND WEB REFERENCE">NAME OF YOUR SECOND WEB REFERENCE SITE</a>, COMMENTS ABOUT IT <p>
<a name="3">3)</a><a href="URL OF YOUR THIRD WEB REFERENCE">NAME OF YOUR THIRD WEB REFERENCE SITE</a>, COMMENTS ABOUT IT <p>
ETC (AS NECESSARY)
</body>

</html>

Step 3
You should now cut and paste from your original document (the one from which you make the hard copy), replacing necessary parts of the new HTML document (the capitalized, bold-faced parts) with appropriate parts of your hard copy document. Be sure to make needed changes for each place in the text where you make a citation with a number in parentheses, and for each item in your reference list. Also remember to put in <p> to separate paragraphs. The needed changes are described on the template. In addition to line breaks, empty lines and long sequences of spaces are ignored in HTML documents, so you can add or remove these in any way you want to make your document easier to work with. For the example above, the result of cutting, pasting, and additionally modifying is shown below:

<html>
<head><title>Biology 103</title></head>
<body bgcolor=#ffffff>

<a href="/biology/b103/f01">Biology 103</a><br>
<a href="/biology/b103/f01/web1/index.html"> 2001 First Web Report</a><br> On <a href="/">Serendip</a><p>
<center><h2>BIOLOGY 103 </h2> <h3>Paul Grobstein</h3></center>
Biology 103 has a course home page <a href="#1">(1)</a>, from which other resources related to the course can be reached. The course home page is located on Serendip, a World Wide Web server which provides additional resources in the areas of biology, neurobiology and behavior, and complex systems <a href="#2">(2)</a>. <p>
Among the available course resources on Serendip is a forum area <a href="#3">3</a>, where students write weekly comments on material of the course. Each week's comments are moved to their own file, which can be reached by clicking on a topic list at the end of the course home page <a href="1">1</a>.
<p> <h3>WWW Sources</h3>
<a name="1">1)</a><a href="/biology/b103/f01">Biology 103 home page</a>, on the Serendip web site <p>
<a name="2">2)</a><a href="">Serendip</a>, the server home page. <p>
<a name="3">3)</a><a href="/biology/b103/forum/newforum/bio103f01-read.html">Biology 103 forum area</a>, on the Serendip web site<p>
</body>

</html>

Step 4 Save your HTML document as "text only", naming it with your last name followed by .html (yourlastname.html). Now check your HTML document by opening it using the WWW browser on your computer ("Open Page in Navigator" under File using Netscape). In the browser, your HTML document should look and act pretty much like the example below. The built in links to material on Serendip (the block of text in the upper left hand corner) may not work (they will later if you've cut and pasted properly), but the page should look as you want it (proof read it) and the links to your refernces as well as those from your references to other websites should work properly. If not, edit your HTML document, save it, and reload it in your browser. Send the checked HTML document to me as an attachment to an email message at pgrobste@brynmawr.edu (bring the hard copy to class).

Biology 103 Biology 103
2001 First Web Report
On Serendip

INFORMATION ABOUT BIOLOGY 202

Paul Grobstein
Biology 103 has a course home page (1), from which other resources related to the course can be reached. The course home page is located on Serendip, a World Wide Web server which provides additional resources in the areas of biology, neurobiology and behavior, and complex systems (2).
Among the available course resources on Serendip is a forum area (3), where students write weekly comments on material of the course. Each week's comments are moved to their own file, which can be reached by clicking on a topic list at the end of the course home page (1).

WWW Sources
1)Biology 103 home page, on the Serendip web site.
2)Serendip, the server home page.
3)Biology 103 forum area, on the Serendip web site.

ENDNOTE. If you have experience with web-authoring, you are welcome to supplement the above by adding images and/or other links within the text. Please do not, however, leave out or alter either the first seven lines of the template or the last three. If you already have experience with a web-authoring program, and can appropriately insert the needed ten lines, you are welcome to submit, for your electronic version, a file prepared with that program (you will still need to submit a readable, hard copy version). If are not already familiar with a web-authoring program, I strongly advise you (against, perhaps, the advice of friends) not to try and learn to use one for purposes of this assignment. Using the template will be easier and faster than spending time learning to use any particular web-authoring program. If you pay attention and try and figure out why the template is organized as it is, you will also better acquire more generally useful web-authoring skills. See A Hands-On, Interactive Approach to HTML, and links from there, for additional help in this regard.

| Biology 103 | Course Forum Area | Biology | Serendip Home |

Send us your comments at Serendip