GDES 45 Main Page


Links
Get a copy of the syllabus Log in to Angel for grades, etc. Instructions for Creating a text banner image in photoshop
Get Beta test paper handout Get a copy of the blank Beta Test Sheet. CSS Tutorial at w3schools.com
Scanning Tips Web Hosting Forms
Webmonkey W3 schools Think Vitamin(web articles)
Sample CSS Page Layouts Findings From the Web Design Survey
by ALA STAFF
Link to video lectures

Projects and Homework

Fall 2008
Day Subject for the Day Due Next Time
Day 1 Introductions.
Look at work.
Structure of the internet.
Terms.
Basic page
Tags:html, head, title, body, h1

Read Ch. 1, 2 and 3 in Learning Web Design.

Day 2

Finish history and structure of the internet.
Look at work.
More terms
The Phases of Production.

  • Flowcharts
  • Inspiration


Logical/Physical tags

Tags:h1, em, b, i, strong, u, small, big, blockquote, pre, font, hr,div, center.

Link to online video lectures

Make sure you have done the reading from last week, Ch. 1, 2 and 3 in Learning Web Design.

Assignment 1:
Begin 1 basic web page with 6 different facts, opinions, or bits of information from the week 1 reading Ch 1-3 in Learning Web Design. Try to take 2 items from each chapter. Use the tags we went over last week, today and next week(html, head, body, h1, p, br, etc.) Next week we will talk about more formatting. Due in 2 weeks. check out Ch. 4 and 5 in Learning Web Design for help.
Day 3
Sept. 22

Look at designs.

Do's and Don'ts from Learning Web Design.

Finish tags from last week:font, lists, etc.

Links, paths.

Classic Color Schemes from Color Wheel Pro

World's Worst Website

Online color scheme planner

Read Ch.4 and Ch.5 in Learning Web Design

Continue Assignment 1

    Make sure and use the following required tags and attributes in Assignment 1.
  1. br
  2. blockquote
  3. hr
  4. strong
  5. background-color
  6. a list

To turn in, print out the code on 1 page, and print the page from a browser separately. On the page you print from the code, circle or highlite an example of where you used each of the required tags. Read Ch. 4 and 5 in Learning Web Design for help.

Day 4

Intro Assignment 2

Finish list and font tags, Links, and paths.

Talk about Building Usable Web Sites from Learning Web Design(2nd Edition).

Begin images:
Image file formats for the web.
Image tag and attributes.
src, height, width, alt, align, vspace, hspace., Scanning.

Assignment 1 Due

Read pages 1-22 in The Prinicipals of Beautiful Web Design

Begin Assignment 2.

Ch. 4-7 in Learning Web Design can help with assignment 2.

Day 5
Oct. 6

Finish Building Usable Web Sites from Learning Web Design(2nd Edition) review.

Continue Assignment 2.
Chapters 4-7 in Learning Web Design can help with Assignment 2.

Day 6
Oct. 13
Intro Assignment 3.
Look at assignment 2.

Start Tables

Assignment 2 due:
To turn in, you will give me the files in class, and print out the code on paper. On the page you print from the code, circle or highlight one example of where you used each of the required tags. Also, bring in the actual code(like on a flash drive)to turn in.

Assignment 3:
Create a 2 page web site about an item in the news. Create and use at least 1 banner/text image and use tables and/or CSS to lay out the pages. Strive for an organized and effective layout using tables and/or CSS. At least 2 tables are required. To turn in, bring files to class.
Day 7

Continue work on Assignment 3

Day 8
Oct. 27
  • More CSS
    • Selectors
      • element
      • class
      • id
      • combined
      • descendant
    • Text Properties
    • external style sheets
    • print styles
    • css box model
  • Selectutorial
  • Animation
Continue work on Assignment 3
Day 9
Nov. 3
  • Look at Assignment 3
  • Intro Animation Exercise
    css
  • more backgrounds
  • floats
  • positioning

Read pages 23-37 in The Prinicipals of Beautiful Web Design

Assignment 3 Due. Bring in files.

Do Animation Exercise. Click for requirements.

Day 10

Animation Due

Start Final Project. Click for requirements.

Day 11
Nov. 17

  • Look at animations
  • Finish typogaphy
  • Forms
  • More css layout
  • Image maps
Comps or Creative Brief for Final Project due.
Day 12
  • Look at animations
  • Finish css layout
  • More css
    • list images
    • lists as navigation
    • image replacement
Continue Final Project
Day 13
Dec. 1
  • Beta Test Final Project
    Get a copy of the blank Beta Test Sheet.
  • Hosting, FTP, Angelfire, blogger.
Final project due for testing.
Get a copy here of the blank Beta Test Sheet.
Day 14

Critique Final Project.

Finish Hosting, FTP, Angelfire, blogger.

Review for Final Exam.

2 Beta tests due

Final Project due

Extra Credit Assignment:
Complete exercise 17-2 from Learning Web Design. I will accept the extra credit assignment until Wednesday, Dec 17. You can bring it in or send it to mark_garrett@wvm.edu.

 

Day 15
Dec. 15
Final Exam

Final Exam

Bring in your Semester Lab Record filled out for the semester.

Extra Credit Assignment:
Complete exercise 17-2 from Learning Web Design. I will accept the extra credit assignment until Wednesday, Dec 17. You can bring it in or send it to mark_garrett@wvm.edu.

 



Fall 2007
Day Subject for the Day Due Next Time
Day 1 Introductions.
Look at work.
Structure of the internet.
Terms.
Basic page
Tags:html, head, title, body, h1

Read Ch 1 and 2 in Don't Make Me Think.

Read Ch 1 and 2 in Learning Web Design.

Day 2

Finish history and structure of the internet.
Look at work.
More terms
The Phases of Production.

  • Flowcharts
  • Inspiration


Logical/Physical tags

Tags:h1, em, b, i, strong, u, small, big, blockquote, pre, font, hr,div, center.

Make sure you have done the reading from last week.

Read Ch 3 in Learning Web Design.

Assignment 1:
Begin 1 basic web page with 3 different facts,opinions, or bits of information from the week 1 reading Ch 1-2 in Don't Make Me Think. Then include 3 different facts,opinions, or bits of information from the week 1 reading Ch 1 and 2 in Learning Web Design. Use the tags we went over last week and today and next week(html, head, body, h1, p, br, etc.) Next week we will talk about more formatting. Due in 2 weeks. check out Ch. 4 and 5 in Learning Web Design for help.
Day 3

Finish tags from last week: blockquote, pre, font, hr,div,center, etc.

Do's and Don'ts from Learning Web Design.

Classic Color Schemes from Color Wheel Pro

World's Worst Website

Online color scheme planner

Read Ch.4 and Ch.5 in Learning Web Design

Continue Assignment 1

    Make sure and use the following required tags and attributes in Assignment 1.
  1. br
  2. blockquote
  3. hr
  4. strong
  5. bgcolor
  6. a list

To turn in, print out the code on 1 page, and print the page from a browser separately. On the page you print from the code, circle or highlite an example of where you used each of the required tags. Read Ch. 4 and 5 in Learning Web Design for help.

Day 4

Intro Assignment 2

Finish list and font tags, Links, and paths.

Talk about Building Usable Web Sites from Learning Web Design(2nd Edition).

Begin images:
Image file formats for the web.
Image tag and attributes.
src, height, width, alt, align, vspace, hspace., Scanning.

 

Begin Assignment 2.

Ch. 4-7 in Learning Web Design can help with assignment 2.

Day 5

Finish Building Usable Web Sites from Learning Web Design(2nd Edition) review.

Continue Assignment 2.
Ch. 6,7,9 and 10 in Learning Web Design can help with Assignment 2.

Day 6 Intro Assignment 3.
Look at assignment 2.

 

Assignment 2 due

Assignment 3:
Create a 2 page web site about an item in the news. Create and use at least 1 banner/text image and use tables and/or CSS to lay out the pages. Strive for an organized and effective layout using tables and/or CSS. At least 2 tables are required. To turn in, bring files to class.

 

Day 7
  • Backgrounds
  • Start Tables
  • Tables, tips, layout and problems

Continue work on Assignment 3

Day 8

Continue work on Assignment 3

Day 9

Assignment 3 due. Bring in files.

Read Ch. 11 in Learning Web Design

Do Animation Exercise. Click for requirements.

Day 10

Animation Due

Start Final Project. Click for requirements.

Day 11

Comps or Creative Brief for Final Project due.(Extra Credit)

Day 12

Comps or Creative Brief for Final Project due.
Continue work on final project

Day 13
Nov. 20

Saturday Class: No Class (Thanksgiving)

Saturday class click here

Work in progress check for Final Project.

Read Chapter 9: Usability Testing on 10 Cents a Day in Don't Make Me Think.

Day 14 Final project due for testing.
Get a copy here of the blank Beta Test Sheet.
Day 15

Critique Final Project.

Review for Final Exam.

Saturday class click here

2 Beta tests due

Final Project due

Extra Credit Assignment:
Complete exercises 15-1, 15-2, and 15-3 from Learning Web Design. Save them as 3 different files. Bring in the files next week.

Update:
The files are from http://www.learningwebdesign.com, but are missing the image for exercise 15-2. Download the image here.

 

Day 16 Final Exam

Turn in extra credit.

Final Exam


Spring 2007
Day Subject for the Day Due Next Time
Day 1 Introductions.
Look at work.
Structure of the internet.
Terms.
Basic page
Tags:html, head, title, body, h1

Read Ch 1-2 in Don't Make Me Think.

Read Ch 2 and 4 in Learning Web Design.

Day 2

Finish history and structure of the internet.
Look at work.
More terms
The Phases of Production.

  • Flowcharts
  • Inspiration


Logical/Physical tags

Tags:h1, em, b, i, strong, u, small, big, blockquote, pre, font, hr,div, center.

Make sure you have done the reading from last week.

Read Ch 5 in Learning Web Design.

Assignment 1:
Begin 1 basic web page with 3 different facts,opinions, or bits of information from the week 1 reading Ch 1-2 in Don't Make Me Think. Then include 3 different facts,opinions, or bits of information from the week 1 reading Ch 2, 4 and 5 in Learning Web Design. Use the tags we went over last week and today and next week(html, head, body, h1, p, br, etc.) Next week we will talk about more formatting. Due in 2 weeks.
Day 3

Finish tags from last week: blockquote, pre, font, hr,div,center, etc.

Do's and Don'ts from Learning Web Design.

Classic Color Schemes from Color Wheel Pro

World's Worst Website

Online color scheme planner

Continue Assignment 1

    Make sure and use the following required tags and attributes in Assignment 1.
  1. br
  2. blockquote
  3. hr
  4. strong
  5. bgcolor
  6. a list

To turn in, print out the code on 1 page, and print the page from a browser separately. On the page you print from the code, circle or highlite an example of where you used each of the required tags. Read Ch. 6 and 7 in Learning Web Design for help.

Day 4
Feb. 21/22

Finish list and font tags, Links, and paths.

Talk about Usability CH. 20 in Learning web Design.

Begin images:
Image file formats for the web.
Image tag and attributes.
src, height, width, alt, align, vspace, hspace., Scanning.

 

Begin Assignment 2.

Ch. 6,7,and 9 in Learning Web Design can help with assignment 2.

Day 5

Finish Ch. 20 review.

Images, Image file formats for the web.
Scanning. Scanning Demo.
Image tag and attributes.
src, height, width, alt, align, vspace, hspace. Create banner text.
Download Soldier1.psd.

For next class, Read Ch 3-5 in Don't Make Me Think and Ch. 20 in Learning web Design.

Assignment 1 due(delayed 1 week)

To turn in, print out the code on 1 page, and print the page from a browser separately. On the page you print from the code, circle each of the required tags where you used them. Circle only one usage of each tag. Print before class.

Continue Assignment 2.
Ch. 6,7,9 and 10 in Learning Web Design can help with Assignment 2.

Day 6

Intro Assignment 3.
Look at assignment 2.
Finish Scanning and Preparing Images.
Optimizing images.

Images as backgrounds.

Start Tables.

Assignment 2 due.

Assignment 3:
Create a 2 page web site about an item in the news. Create and use at least 1 banner/text image and use tables to lay out the pages. Strive for an organized and effective layout using tables. Most, if not all content should be in tables. At least 2 tables are required. To turn in, bring files to class.

Day 7

Tiling Backgrounds

More Tables, tips, layout and problems

Continue work on Assignment 3

Day 8

Finish tables(layouts and problems)

Start CSS

Continue Assignment 3

Read Ch. 11 on Tables in Learning Web Design. It will help you with assignment 3.

Spring Break
Day 9 Look at Assignment 3
Intro final project
More CSS
Animation

Assignment 3 due. Bring in files.

Do Animation Exercise. Click for requirements.

Start Final Project. Click for requirements.

Day 10

More CSS
CSS Links

Look at Assignment 3

Typography.

Webstyleguide on Typography.

Type Glossary (right click on PC or control-click mac to download.

The Elements of Typographic Style Applied to the Web - a practical guide to web typography

Animation Due

Day 11

Table exercise(extra credit)

Comps or Creative Brief for Final Project due.

Day 12
  • Finish typography
  • Forms
  • Home page statistics
  • Frames

Continue work on final project

Day 13
May 2/3

Work in Progress check for final project.

Frames

Doctype Definitions.
ALA Article
w3schools.com listing
W3C Article on standards:
My Web site is standard! And yours?

Meta Tags.
Hosting, FTP, Angelfire, blogger.

Work in progress check for Final Project.

Read Chapter 9: Usability Testing on 10 Cents a Day in Don't Make Me Think.

Day 14

Doctype Definitions.
ALA Article
w3schools.com listing
W3C Article on standards:
My Web site is standard! And yours?

Meta Tags.
Hosting, FTP, Angelfire, blogger.

Beta Test Final Project
Get a copy of the blank Beta Test Sheet.

Final project due for testing.
Get a copy here of the blank Beta Test Sheet.
Day 15

Critique Final Project.

Audio and Video

Review for Final Exam.

2 Beta tests due

Final Project due

Day 16 Final Exam Final Exam


Fall 2006
Day Subject for the Day Due Next Time
Day 1 Introductions.
Look at work.
Structure of the internet.
Terms.
Basic page
Tags:html, head, title, body, h1

Read Ch 1-2 in Don't Make Me Think.

Read Ch 2 and 4 in Learning Web Design.

Day 2

Finish history and structure of the internet.
Look at work.
More terms
The Phases of Production.

  • Flowcharts
  • Inspiration


Logical/Physical tags

Tags:em, b, i, strong, u, small, big, blockquote, pre, font, hr,div, center.

Make sure you have done the reading from last week.

Read Ch 5 in Learning Web Design.

Assignment 1:
Begin 1 basic web page with 3 different facts,opinions, or bits of information from the week 1 reading Ch 1-2 in Don't Make Me Think. Then include 3 different facts,opinions, or bits of information from the week 1 reading Ch 2, 4 and 5 in Learning Web Design. Use the tags we went over last week and today and next week(html, head, body, h1, p, br, etc.) Next week we will talk about more formatting. Due in 2 weeks.

Day 3

Tuesday, 4:45 class see below.

Finish tags from last week: blockquote, pre, font, hr,div,center, etc.

Do's and Don'ts from Learning Web Design.

Classic Color Schemes from Color Wheel Pro

World's Worst Website

Continue Assignment 1

    Make sure and use the following required tags and attributes in Assignment 1.
  1. br
  2. blockquote
  3. hr
  4. strong
  5. bgcolor
  6. a list

To turn in, print out the code on 1 page, and print the page from a browser separately. On the page you print from the code, circle or highlite where you used each of the required tags. Read Ch. 6 and 7 in Learning Web Design for help.

Special Instructions for Tuesday 4:45 class:
Read Ch. 13 and 21 in Learning Web Design

Review the webpage about color schemes: Classic Color Schemes from Color Wheel Pro

Look at tags used on this page.

Day 4

Talk about Usability CH. 20 in Learning web Design.
Finish links, paths.
Begin images:
Image file formats for the web.
Image tag and attributes.
src, height, width, alt, align, vspace, hspace., Scanning.

Assignment 1 due for 10:55AM class.

To turn in, print out the code on 1 page, and print the page from a browser separately. On the page you print from the code, circle each of the required tags where you used them. Circle only one usage of each tag. Print before class.

For next class, Read Ch 3-5 in Don't Make Me Think and Ch. 20 in Learning web Design.

Ch. 6,7,and 9 in Learning Web Design can help with assignment 2.

Begin Assignment 2.

Day 5

Finish Ch. 20 review.

Images, Image file formats for the web.
Scanning. Scanning Demo.
Image tag and attributes.
src, height, width, alt, align, vspace, hspace. Create banner text.
Download Soldier1.psd.

Assignment 1 due for 4:45 PM class

Continue Assignment 2.
Ch. 6,7,9 and 10 in Learning Web Design can help with Assignment 2.

Day 6

Intro Assignment 3.
Look at assignment 2.
Finish Scanning and Preparing Images.
Optimizing images.

Images as backgrounds.

Start Tables.

Assignment 2 due.

Assignment 3:
Create a 2 page web site about an item in the news. Create and use at least 1 banner/text image and use tables to lay out the pages. Strive for an organized and effective layout using tables. Most, if not all content should be in tables. At least 2 tables are required. To turn in, bring files to class.

Day 7

Tiling Backgrounds

More Tables, tips, layout and problems

Please bring in the actual files(on a USB drive for instance)from assignment 2 to turn in, if you haven't already done so.

Continue work on Assignment 3

Day 8

Finish tables(layouts and problems)

Start CSS

Continue Assignment 3

Read Ch. 11 on Tables in Learning Web Design. It will help you with assignment 3.

Day 9 Look at Assignment 3
Intro final project
More CSS
Animation

Assignment 3 due. Bring in files.

Do Animation Exercise. Click for requirements.

Start Final Project. Click for requirements.

Day 10

More CSS
CSS Links

Look at Assignment 3

Typography.

Webstyleguide on Typography.

Type Glossary (right click on PC or control-click mac to download.

The Elements of Typographic Style Applied to the Web - a practical guide to web typography

Animation Due

Day 11

  • Look at Animations
  • Look at Comps
  • Rounded Tables
  • Image maps
  • Forms.

Finish CSS.
Text for css 3 for boxes.

Comps or Creative Brief for Final Project due.
Day 12
  • Labeled images
  • Finish Forms
  • Frames
  • Home page statistics.
  • Comments.

Continue work on final project

Table exercise(extra credit)

Day 13
Nov. 21

Work in Progress check for final project.

Doctype Definitions.
ALA Article
w3schools.com listing
W3C Article on standards:
My Web site is standard! And yours?

Meta Tags.


Hosting, FTP, Angelfire, blogger.

Work in progress check for Final Project.

Read Chapter 9: Usability Testing on 10 Cents a Day in Don't Make Me Think.

Day 14

Audio and Video

Beta Test Final Project
Get a copy of the blank Beta Test Sheet.
Final project due for testing.
Day 15

Critique Final Project.

Review for Final Exam.

2 Beta tests due

Final Project due

Day 16
Dec. 12
Final Exam Final Exam

Spring 2006
Day Subject for the Day Due Next Time
Day 1 Introductions.
Look at work.
Structure of the internet.
Terms.
Basic page
Tags:html, head, title, body, h1

Read Ch 1-2 in Don't Make Me Think.

Read Ch 2 and 4 in Learning Web Design.

Day 2

History of the internet.
Look at work.
More terms
The Phases of Production.

  • Flowcharts
  • Inspiration


Logical/Physical tags

Tags:em, b, i, strong, u, small, big, blockquote, pre, font, hr,div, center.

Make sure you have done the reading from last week.

Read Ch 5 in Learning Web Design.

Assignment 1:
Begin 1 basic web page with 3 different facts,opinions, or bits of information from the week 1 reading Ch 1-2 in Don't Make Me Think. Then include 3 different facts,opinions, or bits of information from the week 1 reading Ch 2, 4 and 5 in Learning Web Design. Use the tags we went over last week and today and next week(html, head, body, h1, p, br, etc.) Next week we will talk about more formatting. Due in 2 weeks.

Day 3

Finish tags from last week: blockquote, pre, font, hr,div,center, etc.

Do's and Don'ts from Learning Web Design.

Color Theory at
http://www.hypermedic.com/
color/index.php

World's Worst Website

Continue Assignment 1

    Make sure and use the following required tags and attributes in Assignment 1.
  1. br
  2. blockquote
  3. hr
  4. strong
  5. bgcolor
  6. a list

To turn in, print out the code on 1 page, and print the page from a browser separately. On the page you print from the code, circle or highlite where you used each of the required tags. Read Ch. 6 and 7 in Learning Web Design for help.

Day 4

Talk about Usability CH. 20 in Learning web Design.
Finish links, paths.
Begin images:
Image tag and attributes.
src, height, width, alt, align, vspace, hspace., Scanning.

Assignment 1 due.

To turn in, print out the code on 1 page, and print the page from a browser separately. On the page you print from the code, circle each of the required tags where you used them. Circle only one usage of each tag. Print before class.

For next class, Read Ch 3-5 in Don't Make Me Think and Ch. 20 in Learning web Design.

Ch. 6,7,and 9 in Learning Web Design can help with assignment 2.

Begin Assignment 2.

Day 5

Finish Ch. 20 review.

Images, Image file formats for the web.
Scanning. Scanning Demo.
Image tag and attributes.
src, height, width, alt, align, vspace, hspace. Create banner text.

Continue Assignment 2.
Ch. 6,7,9 and 10 in Learning Web Design can help with Assignment 2.
Day 6

Look at assignment 2.
Scanning and Preparing Images.
Download Soldier1.psd. Optimizing images.

Images as backgrounds.

Start Tables.

Assignment 2 due.

Assignment 3:
Create a 2 page web site about an item in the news. Create and use at least 1 banner/text image and use tables to lay out the pages. Strive for an organized and effective layout using tables. Most, if not all content should be in tables. At least 2 tables are required. To turn in, bring files to class.

Day 7

Look at assignment 2.

More Tables, tips, layout and problems

Continue Assignment 3

Read Ch. 11 on Tables in Learning Web Design. It will help you with assignment 3.

Table exercise(extra credit)

Day 8

Finish tables(layouts and problems)

Start CSS

Continue Assignment 3

Read Ch. 11 on Tables in Learning Web Design. It will help you with assignment 3.

Spring Break
Day 9

Look at Assignment 3
Intro final project
More CSS
Animation

Assignment 3 due. Bring in files.

Do Animation Exercise

Start Final Project

Day 10

More CSS
CSS Links

Look at Animations

Typography.

Webstyleguide on Typography.

Type Glossary (right click on PC or control-click mac to download.

The Elements of Typographic Style Applied to the Web - a practical guide to web typography

Animation Due

Day 11

  • Look at Animations
  • Look at Storyboards
  • Rounded Tables
  • Image maps
  • Forms.

Finish CSS.
Text for css 3 for boxes.

Storyboard or Creative Brief for Final Project due.
Day 12
  • Frames
  • Work in progress check for Final Project.
  • Home page statistics.
  • Comments.
Work in progress check for Final Project.
Day 13

Doctype Definitions.
ALA Article
w3schools.com listing
W3C Article on standards:
My Web site is standard! And yours?

Meta Tags.


Hosting, FTP, Angelfire.

Continue work on Final Project

Read Chapter 9: Usability Testing on 10 Cents a Day in Don't Make Me Think.

Day 14

Audio and Video

Beta Test Final Project
Get a copy of the blank Beta Test Sheet.

Read Chapter 9: Usability Testing on 10 Cents a Day in Don't Make Me Think.

Final project due for testing.

Get a copy of the Beta Test Sheet.

Day 15

Critique Final Project.

Review for Final Exam.

2 Beta tests due

Final Project due

Day 16 Final Exam Final Exam