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.
|
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.
|
Read Ch.4 and Ch.5 in Learning Web Design Continue Assignment 1
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 |
Finish list and font tags, Links, and paths. Talk about Building Usable Web Sites from Learning Web Design(2nd Edition). Begin images: |
Assignment 1 Due Read pages 1-22 in The Prinicipals of Beautiful Web Design 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. |
| Day 6 Oct. 13 |
Intro Assignment 3. Look at assignment 2.
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 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 |
|
Continue work on Assignment 3 |
| Day 9 Nov. 3 |
|
Read pages 23-37 in The Prinicipals of Beautiful Web Design Assignment 3 Due. Bring in files. |
| Day 10 |
|
Animation Due |
Day 11 |
|
Comps or Creative Brief for Final Project due. |
| Day 12 |
|
Continue Final Project |
| Day 13 Dec. 1 |
|
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:
|
| Day 15 Dec. 15 |
Final Exam | Final Exam Bring in your Semester Lab Record filled out for the semester. Extra Credit Assignment:
|
| 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.
|
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.
|
Read Ch.4 and Ch.5 in Learning Web Design Continue Assignment 1
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 |
Finish list and font tags, Links, and paths. Talk about Building Usable Web Sites from Learning Web Design(2nd Edition). Begin images: |
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. |
| 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 |
|
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 |
| Day 10 |
|
Animation Due |
Day 11 |
|
Comps or Creative Brief for Final Project due.(Extra Credit) |
| Day 12 |
|
Comps or Creative Brief for Final Project due. |
| Day 13 Nov. 20 |
Saturday Class: No Class (Thanksgiving) |
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. |
2 Beta tests due Final Project due Extra Credit Assignment: Update:
|
| 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.
|
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.
|
Continue Assignment 1
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 |
Finish list and font tags, Links, and paths. Talk about Usability CH. 20 in Learning web Design. Begin images: |
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. |
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. |
| Day 6 | Intro Assignment 3. Start Tables. |
Assignment 3: |
| 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. |
| Day 10 |
More CSS Look at Assignment 3 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 |
|
Continue work on final project |
| Day 13 May 2/3 |
Work in Progress check for final project. Frames Doctype Definitions. Meta Tags. |
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. Meta Tags. Beta Test Final Project |
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.
|
Make sure you have done the reading from last week. Read Ch 5 in Learning Web Design. Assignment 1: |
| 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.
|
Continue Assignment 1
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: 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. |
| Day 5 | Finish Ch. 20 review. Images, Image file formats for the web. |
Assignment 1 due for 4:45 PM class Continue Assignment 2. |
| Day 6 | Intro Assignment 3. Start Tables. |
Assignment 3: |
| 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. |
| Day 10 |
More CSS Look at Assignment 3 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 |
Finish CSS. |
Comps or Creative Brief for Final Project due. |
| Day 12 |
|
Continue work on final project Table exercise(extra credit) |
| Day 13 Nov. 21 |
Work in Progress check for final project. Doctype Definitions. Meta Tags.
|
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
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.
|
Make sure you have done the reading from last week. Read Ch 5 in Learning Web Design. Assignment 1: |
| Day 3 | Finish tags from last week: blockquote, pre, font, hr,div,center, etc. Do's and Don'ts from Learning Web Design.
|
Continue Assignment 1
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. |
| Day 5 | Finish Ch. 20 review. Images, Image file formats for the web. |
Continue Assignment 2. Ch. 6,7,9 and 10 in Learning Web Design can help with Assignment 2. |
| Day 6 | Look at assignment 2. Start Tables. |
Assignment 3: |
| 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 |
Assignment 3 due. Bring in files. |
| Day 10 |
More CSS Look at Animations 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 |
Finish CSS. |
Storyboard or Creative Brief for Final Project due. |
| Day 12 |
|
Work in progress check for Final Project. |
| Day 13 |
Doctype Definitions. Meta Tags.
|
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
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 |