WRHS - Web Design Class Projects

Fall 2006

 

The Final Project:

The assignment was to create a research quality web site on a topic that students in grades 6 – 9 might be assigned by a teacher.  These sites should provide a depth and quality of information that would make them a viable research resource for 6th – 9th grade students.  The design considerations were left open.  Students were to use whatever design elements/skills they learned to create a design that supported their content.

 

1st Hour

6th  Hour

7th Hour

TMB 

TJF 

KLL 

RAL 

DWM 

JAM 

SDS 

LRS 

EMH 

 

 

SCE  

KAH  

ACH  

BLM  

ZEP  

KGP  

DFP  

CNS  

CLS  

KAS  

PJT  

MCB  

WAK   

MRB  

ZDB  

KLB 

AAB 

BFC 

KNF 

SEWG 

CMH 

ELH 

KMJ 

BJM 

SAMN 

MAR 

MTR 

RJW

 

 

Dreamweaver /Paint Shop Pro Site: 

Combining the learning of web site construction and web graphics.

 

1st Hour

6th  Hour

7th Hour

TMB 

TJF 

KLL 

RAL 

DWM 

JAM 

SDS 

LRS 

EMH 

 

 

SCE  

KAH  

ACH  

BLM  

ZEP  

KGP  

DFP  

CNS  

CLS  

KAS  

PJT  

MCB  

WAK   

MRB  

ZDB  

KLB 

AAB 

BFC 

KNF 

SEWG 

CMH 

ELH 

KMJ 

BJM 

SAMN 

MAR 

MTR 

RJW

 

HTML Tables:  The simplest of the simple tables in HTML.  Students were given the 4 pics to put in a simple 2 by 2 table.  Not rocket science but enough of tables in HTML.  All the files should look the same.  This was just an exercise in getting the contents into the cells.  In this case the contents were simply images.

 

1st Hour

6th  Hour

7th Hour

TMB 

TJF 

KLL 

RAL 

DWM 

JAM 

SDS 

LRS 

EMH 

 

 

SCE  

KAH  

ACH  

BLM  

ZEP  

KGP  

DFP  

CNS  

CLS  

KAS  

PJT  

MCB  

WAK   

MRB  

ZDB  

KLB 

AAB 

BFC 

KNF 

SEWG 

CMH 

ELH 

KMJ 

BJM 

SAMN 

MAR 

MTR 

RJW

 

Coding 2 HTM file.  Students demonstrate the ability to: Use <blockquote> after the <body> tag, put the itle in the browser bar, and use the tags to create the Marquee (optional), Horizontal rule, Relative links      (link to your cwg_coding1.htm), Font color, Font size, Font face, Align left,Align Right, Center, align images and create horizontal and vertical space around images.

.

 

1st Hour

6th  Hour

7th Hour

TMB 

TJF 

KLL 

RAL 

DWM 

JAM 

SDS 

LRS 

EMH 

 

 

SCE  

KAH  

ACH  

BLM  

ZEP  

KGP  

DFP  

CNS  

CLS  

KAS  

PJT  

MCB  

WAK   

MRB  

ZDB  

KLB 

AAB 

BFC 

KNF 

SEWG 

CMH 

ELH 

KMJ 

BJM 

SAMN 

MAR 

MTR 

RJW

 

 

Coding 1 HTM file.  Students demonstrate the ability to: create a new notepad file using the tags learned so far: 4 basic tag sets, Break, Paragraph, Background color or background picture, Insert an image, Heading, Text (in body tag), Create a Link, Change the color of a link Mail link, Italics & Bold.

 

1st Hour

6th  Hour

7th Hour

TMB 

TJF 

KLL 

RAL 

DWM 

JAM 

SDS 

LRS 

EMH 

 

 

SCE  

KAH  

ACH   

BLM  

ZEP  

KGP  

DFP  

CNS  

CLS  

KAS  

PJT  

MCB  

WAK   

MRB  

ZDB  

KLB 

AAB 

BFC 

KNF 

SEWG 

CMH 

ELH 

KMJ 

BJM 

SAMN 

MAR 

MTR 

RJW

 

 

MS Word Project – Use Microsoft Word to make a basic web page.  There are 3 purposes to this activity.  One is to explore the strengths and weaknesses of MS Word as a tool for creating a quick and easy web page.  The second is to experiment with basic design.  The third is to experiment with HTML friendly design concepts.

 

The E-Mail links are bogus on purpose.

 

1st Hour

6th  Hour

7th Hour

TMB 

TJF 

KLL 

RAL 

DWM 

JAM 

SDS 

LRS 

EMH 

 

 

SCE  

KAH   

ACH   

BLM   

ZEP   

KGP   

DFP   

JWP   

CNS   

CLS   

KAS   

PJT   

MCB   

WAK   

MRB  

ZDB  

KLB  

AAB  

BFC  

KNF  

SEWG  

CMH  

ELH  

KMJ  

BJM  

SAMN  

MAR  

MTR  

RJW