I also enjoyed working with the students on their Portfolio in the Web Design Unit. The students enjoyed creating the personal website challenge because it allowed them to be creative both in the design and the content of their website. They understood more about how CSS enhanced their web pages because they felt comfortable with HTML. The product was varied due to different ranges of abilities but all of the final projects were high quality.
ECS Lesson Plan
Objectives: Upon completion of this project, you should
be able to:
Define a Web site
Plan a Web site.
Create an electronic portfolio as a Web site.
Create Web pages
Define Web page layouts
Work with text and text formats
Work with images
Work with hyperlinks
Planning the Portfolio
- List item
On a sheet of
paper, make a list of the items you plan to include in your electronic
portfolio. (As you complete your
portfolio, you will design one or more Web pages for each item on your
list.) Make sure each item you list
relates to the portfolio theme. For
example, a student preparing an electronic portfolio for a world history
class listed the following items:Rainforests of
Brazil Final EssayBrazil Essay
Notes and ResearchMap of ThailandAfrican History
You need to
include (2) projects with links to each quarter. You will also want to include the
following information with each portfolio item:Date the item
was completedDescription of
the item Your reflection
on the item: how you created it,
challenges you had, and so on
On a separate
sheet of paper, sketch a home page that clearly defines the entire
portfolio and shows how the home page provides access (called a link) to
the portfolio items you listed in step 1.
A portfolio home page includes the following:Your nameThe purpose of
this portfolio and it intended audienceYour list of
portfolio items (hyperlinks)
You will also
want to include the following information to personalize you home page:A link to Mt.
Hebron school website and your personal e-mail link.Graphic
elements that enhance the appearance of the portfolio.
Sketch a brief
flowchart that defines the hierarchy of the portfolio and shows how the
home page will link to the four additional Web pages. On the flowchart you can show how, or
if, the pages link to one another, as shown in the diagram below:
Please see the Electronic Portfolio Rubric