WRHS - Web Design Class Projects

Fall 2005

Dreamweaver /Paint Shop Pro Site:

Combining the learning of web site construction and web graphics.

1^st Hour	2^nd Hour	7^th Hour
SPB MJB GDC JAC DAC MDC MJD CZD KDF RRM BCM TMP DTS ERV BKW	JRB JPB RCA KAL ZTN AEO ACP CYR ARR OAS JPS KMS JRW POW JK1	EBB NLB ZJC RCD LRK MJO JTP JGS SDS SRS CYS CGS MWS CMS BMT APZ

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.

1^st Hour	2^nd Hour	7^th Hour
SPB MJB GDC JAC DAC MDC MJD CZD KDF RRM BCM TMP DTS ERV BKW	JRB JPB RCA KAL ZTN AEO ACP CYR ARR OAS JPS KMS JRW POW JK1	EBB NLB ZJC RCD LRK MJO JTP JGS SDS SRS CYS CGS MWS CMS BMT APZ

HTML1: Students were given a text file with all the text for a html file but none of the tags. They were also given an image of what the web page is supposed to look like and a picture to put in the file. Their job is to put in the proper html tags to make the text and the image appear correctly on the web. This isn’t an exercise in creativity, the job is to use specific tags to arrive at a specific look.

1^st Hour	2^nd Hour	7^th Hour
SPB MJB GDC JAC DAC MDC MJD CZD KDF RRM BCM TMP DTS ERV BKW	JRB JPB RCA KAL ZTN AEO ACP CYR ARR OAS JPS KMS JRW POW JK1	EBB NLB ZJC RCD LRK MJO JTP JGS SDS SRS CYS CGS MWS CMS BMT APZ

Web Monkey #4…This takes the Web Monkey 3 file and adds an unordered list, aligned images, a horizontal rule, a title in the browser bar and maybe even a marquee.

1^st Hour	2^nd Hour	7^th Hour
SPB MJB GDC JAC DAC MDC MJD CZD KDF RRM BCM TMP DTS ERV BKW	JRB JPB RCA JRG KAL ZTN AEO ACP CYR ARR OAS JPS KMS JRW POW JK1	EBB NLB ZJC RCD LRK MJO JTP JGS SDS SRS CYS CGS MWS CMS BMT APZ

Web Monkey #3…This takes the Web Monkey 2 file and enhances it with block quotes, line breaks and aligning text skills.

1^st Hour	2^nd Hour	7^th Hour
SPB MJB GDC JAC DAC MDC MJD CZD KDF RRM BCM TMP DTS ERV BKW	JRB JPB RCA JRG KAL ZTN AEO ACP CYR ARR OAS JPS KMS JRW POW JK1	EBB NLB ZJC RCD LRK MJO JTP JGS SDS SRS CYS CGS MWS CMS BMT APZ

Web Monkey #2…This takes the Web Monkey 1 file and adds the bold/italics, font color and font size tags. It also adds a lovely background image and introduces the file management issues raised when you associate images with web pages.

1^st Hour	2^nd Hour	7^th Hour
SPB MJB GDC JAC DAC MDC MJD CZD KDF RRM BCM TMP DTS ERV BKW	JRB JPB RCA JRG KAL ZTN AEO ACP CYR ARR OAS JPS KMS JRW POW JK1	EBB NLB ZJC RCD LRK MJO JTP JGS SDS SRS CYS CGS MWS CMS BMT APZ

Web Monkey #1…The very basics of HTML. The eight required tags (4 sets) plus the headlines, links, mailto & paragraph tags.

1^st Hour	2^nd Hour	7^th Hour
SPB MJB GDC JAC DAC MDC MJD CZD KDF RRM BCM TMP DTS ERV BKW	JRB JPB RCA JRG KAL ZTN AEO ACP CYR ARR OAS JPS KMS JRW POW JK1	EBB NLB ZJC RCD LRK MJO JTP JGS SDS SRS CYS CGS MWS CMS BMT APZ

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.

1^st Hour	2^nd Hour	7^th Hour
SPB MJB GDC JAC DAC MDC MJD CZD KDF RRM BCM TMP DTS ERV BKW	JRB JPB RCA JRG KAL ZTN AEO ACP CYR ARR OAS JPS KMS JRW POW JK1	EBB NLB ZJC RCD LRK MJO JTP JGS SDS SRS CYS CGS MWS CMS BMT APZ