Home

Slavery in America
at the Time of the Civil War

Introduction

Lesson 4
How can we share and present our research by making web pages?


Objective:
Students will learn to create simple html pages as a vehicle for presenting the Inspiration web.

Materials:
-- Computer with Internet connection, Inspiration software and simple word processor such as simple text or notepad.
-- Projector to project website and Inspiration demo.

Procedures:
1. Open word processor.
2. Open the Inspiration web.
3. Export the web as an html page and save it in a folder.
4. Using these informational sites, teach the creation of a simple html page.
http://goodellgroup.com/tutorial/
http://lynda.com/hexh.html
The tutorial can be worked through by students independently or together using the projector. Not all lessons in the tutorial are necessary for a simple html lesson.

Create and name one simple html page that becomes a template for the students.
Sample template page could look like this:
(NOTE: the text in red is the area that the students will replace with their own information.)
<html>
<head>
<title>My Civil War Period Slavery Study
</title>
<!-- Begin teachnet-lab Analytics--> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-6027698-2']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- End teachnet-lab Analytics--> </head>
<body>
<br>My Civil War Period Slavery Study
<br>
<br> Type your name here
<br>Type your class here
<br>Type the date here
<p align="center"><font size="+1" face="verdana" color="#0077JJ">This study of slavery was done using three sources of information.
<br>
Primary: Type your primary source here. <br>
Secondary: Type your secondary source here. <br>
My responses: Type your response to the project here.
</font></p><font size="+1" face="verdana" color="#0077JJ">
<p>"From 1936 to 1938, over 2,300 former slaves from across the American South were interviewed by writers and journalists under the aegis of the Works Progress Administration. These former slaves, most born in the last years of the slave regime or during the Civil War, provided first-hand accounts of their experiences on plantations, in cities, and on small farms."
<br>
<a href="http://xroads.virginia.edu/~hyper/wpa/wpahome.html">The Interviews</a>
</p>
<p>These interviews are <a href= "http://lcweb2.loc.gov/ammem/snhtml/snhome.html">in the collection of the Library of Congress.</a>
<p>I read the transcribed interview with Type the name of your person here. </p>
<p>It can be found at: Type the URL of the person's interview you read here.</a><br>
</p>
<p><a href="person.html">Click here to go to my Inspiration web.</a> </p>
</font></body>
</html>

As noted above, refer to the Library of Congress collection and the URL for the Slave Narratives. Create a simple text link to the page with the Inspiration web. On that page create a simple link back to the student’s main page.

Allow the students to change the font color, size and style to personalize the html page.

See student webpages in the student work section.

Optional discussion: Why do people create web pages? Why do people share research and information? How do we give create to people for sharing their information after we read/use it? What is plagiarism? Refer to this URL for a discussion on plagiarism:
http://georgetown.edu/honor/plagiarism.html
Refer to this URL for examples of how to cite sources:
http://geocities.com/EnchantedForest/Tower/6766/bibliography

Assessment: Can students create two html pages, one main one and one page of the Inspiration web? Can the students create links so the user can navigate to the web and back to the main page?

Lesson 1
Lesson 2
Lesson 3
Lesson 4
Student Work
Resources