Accessibility

Lesson Plan: A Family History

 

Introduction

This lesson plan was adapted from a plan originally published at the AskERIC Lesson Plan Collection by Peter Harames of Mills High School in Millbrae, NM. The original lesson plan can be found at:

 

http://askeric.org/cgi-bin/printlessons.cgi/Virtual/Lessons/Social_Studies/US_History/USH0009.html

 

Description

In this lesson students will create a simple web site about their family. The purpose of the lesson remains true to the original purpose of the lesson by:

 

"…getting students involved in an activity in which they can work closely with their family, identify their ancestors, appreciate their ethnic backgrounds, understand the concept of immigration, connect events in history with the movement of their ancestors, become more cognizant of their own unique individual makeup and its cultural origins, and develop a better understanding of the United States as a melting pot."

 

In addition to those goals, this project introduces students to some fundamental aspects of web design, including building a simple web site in Dreamweaver, linking within their site, and working with pictures and the drawing tools of Fireworks.

 

Since the final product will contain personal information about the student and their families, this project is not intended for publication to the Web. However, the project is small enough in size so that the students can easily store their completed work on a floppy disk so they can share it with their family.

 

Learning Objectives

At the end of the project students will have completed these tasks:

 

 

At the end of this project students will have learned the following fundamentals of web design with Macromedia products:

 

·        Dreamweaver

o       Developing a site structure

o       Laying out a simple page with tables

o       Applying page properties

o       Setting table and cell properties

o       Formatting text

o       Inserting images

o       Linking within a site (relative URLs)

o       Linking outside a site (absolute URLs)

 

·        Fireworks

o       Setting up a new document

o       Using basic drawing tools

o       Applying fill and stroke settings

o       Applying Live Effects

o       Editing digital photos

o       Exporting images

 

Materials

Computers with Dreamweaver and Fireworks installed (any version)

Internet access

3.5 inch floppy disk (1 per student)

Digital camera (optional)

Scanner (optional)

 

Estimated Time

Approximately 12-15 hours of class instruction plus homework.

 

Procedure

Students will prepare a three-page web site with associated graphics. Pages will include the following:

 

·        Home page:

o       A history of the student's family to include:

§         Student's place of birth

§         Parent's place of birth

§         Earliest immigrant's to the United States and their country of origin

§         What brought their ancestors to the U.S.

§         Examples of traditions or customs that the student's family retains from their ancestors

 

o       Photo of student (optional)

o       Photos of student's ancestors (optional)

o       Links to other pages

 

·        Family Tree page:

o       A graphical representation of the student's family tree

 

·        History of the nation where the family originated

o       Brief description of the country to include location, population, and size

o       Map of country

o       Flag of country

o       Brief history of the country

o       Cultural traditions of the country

 

Lesson Outline

Lesson 1

  1. Introduce students to the project
  2. Discuss the role of immigration in the history of the Untied States
  3. Discuss the individual immigration of student's families
  4. Provide homework assignment

 

Homework

Students are to interview their parent(s) to gain as much information about their family's background as possible. Students should find out the following information:

 

1.      Names of paternal and maternal grandparents if known

2.      Names of great-grandparents if known

3.      Students sketch a family tree going back as far as possible

4.      Country of origin of the grandparents and great-grandparents

5.      Discuss with parent(s) the role that their ancestor's country of origin had on their family. Examples of cultural influences include food, music, religion, coming of age ceremonies, dance, clothing, etc.

 

Note: The teacher should be sensitive to the fact that not all students will be able to obtain complete information about their family. In particular, students who come from an unstable family background may become upset if they are unable to complete the homework assignment. The teacher should be prepared to give an alternative assignment to any student who is uncomfortable with completing the homework portion of the project.

 

Lesson 2

  1. Discuss homework with students. Determine that all requirements have been met. Provide alternative assignments as necessary.
  2. Preparing a web site in Dreamweaver
    1. Creating a folder on the floppy disk
    2. Create a sub-folder for images
    3. Defining a new site in Dreamweaver (assign root folder to floppy disk)\
    4. Discuss file naming conventions
    5. Examine the Site window and its function
    6. Create new files in the Site window

 

Lesson 3

  1. Understanding the Design window in Dreamweaver
    1. Setting the window size
    2. The Property Inspector
    3. The Object panel (Insert panel in DW MX)
    4. The tag selector
    5. Formatting page properties
  2. Working with text
    1. Entering text
    2. Formatting text with the Property Inspector
    3. HTML restrictions when working with text
  3. Creating links to text
    1. Relative links
    2. Absolute links

 

Lesson 4

  1. Controlling page layouts
    1. Inserting tables
    2. Formatting tables
    3. Applying table properties
    4. Applying cell properties
    5. Nesting tables
  2. Working with background colors and images
  3. Deciding on a page layout scheme
  4. Testing in a browser

 

Lesson 5

  1. Apply header text to pages
  2. Type report on family background on home page
  3. Format text

 

Lesson 6

  1. Introduction to Fireworks
    1. Creating a new file
    2. Setting canvas size, color and resolution
  2. Exploring the Fireworks interface
    1. The Tools panel

                                                               i.      Drawing basic shapes--rectangles, circles, polygons

                                                             ii.      Selecting objects

                                                            iii.      Scaling objects

                                                           iv.      Changing stroke and fill properties

    1. Additional panels

                                                               i.      Fill and stroke panels

                                                             ii.      Effects panel

  1. Fireworks MX only--the Property Inspector

 

Lesson 7

  1. Drawing a family tree
    1. Combining basic shapes
    2. Grouping objects
    3. Working with the Text tool
  2. Exporting Fireworks files
    1. File formats for the Web
    2. The Export preview dialog box
    3. Saving images in a web site

 

Lesson 8

  1. Creating buttons in Fireworks
    1. The Button editor
    2. Creating simple rollovers
    3. Assigning links in Fireworks
    4. Export options
  2. Inserting Fireworks HTML in a Dreamweaver page

 

Lesson 9

  1. Gathering additional resources from the Web
  2. Locating appropriate source material for country reports
    1. Written information
    2. Pictures
  3. Creating an on-line bibliography

 

Lesson 10

  1. Editing photos in Fireworks
    1. Marquee tools
    2. Magic wand tool
    3. Re-sizing photos
    4. Exporting photos
  2. Inserting photos in Dreamweaver

 

Lesson 11-12

  1. Completing project
    1. Checking links in a browser
    2. Spell check
  2. Final review

 

Example

See this example of a completed student project.