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
Here is a link to a pdf of the Photoshop help file as a PDF.    

 

Projects and Homework SPRING 2010
Skip to the current week.
Day Subject for the Day Due Next Time
Day 1
  • Introductions
  • Syllabus
  • Look at work
  • Structure of the internet
  • Terms

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

Read the terms file

Day 2
  • Opening Survey
  • Look at Freeboard
  • More terms
  • Basic page
    Tags:html, head, title, body, h1

Reading from above. The first chapter is in the scratchdisc if you do not have your book yet. Please do not distribute it.

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 go over today and next week(html, head, body, h1, p, br, etc.) You can start typing out the content from the book now, with no code. Next week we will talk about more formatting. Check out Ch. 4 and 5 in Learning Web Design for help.

    Make sure and use the following required tags and attributes in Assignment 1.
  1. a heading, h1 for example
  2. blockquote
  3. strong
  4. background-color

Assign 1 Due Day 5

Day 3

Finish history and structure of the internet.

Semantic Elements vs. Presentational Elements

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

Link to online video lectures

Continue Assignment 1

    Make sure and use the following required tags and attributes in Assignment 1.
  1. a heading, h1 for example
  2. blockquote
  3. strong
  4. background-color

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 1 example of where you used each of the required tags. Read Ch. 4 and 5 in Learning Web Design for help.

Day 4
Sept. 14

    Lab
  • Finish Assignment 1
  • If finished with Assign. 1, you can work on Exercises 5-1, 5-2, 5-3 from the Book

Continue Assignment 1

Read Ch. 4 and 5 in Learning Web Design

If finished with Assign. 1, you can work on Exercises 5-1, 5-2, 5-3 from the Book

No School Monday

Day 5

Lecture

Lab

  • Work on Exercises 5-1, 5-2, 5-3 from the Book
  • Start reading Ch. 6 in Learning Web Design

Assignment 1 Due beginning of 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 or highlite 1 example of where you used each of the required tags.

Work on Exercises 5-1, 5-2, 5-3 from the Book. Save for review.

Read Ch. 6 in Learning Web Design

Week 4
Day 6
Feb. 22

Lecture

Lab

  • Read Ch. 6 in Learning Web Design
  • Do Exercises 6-1 trough 6-8 in Learning Web Design
  • Start on Assignment 2
  • Read Ch. 6 in Learning Web Design
  • Do Exercises 6-1 trough 6-8 in Learning Web Design
  • Start on Assignment 2
  • Read The Principals of Beautiful Web Design Pages1-32
Day 7

Lecture

Lab

  • Read Ch. 6 in Learning Web Design
  • Finish Exercises 6-1 trough 6-8 in Learning Web Design
  • Work on Assignment 2
  • Read Ch. 6 in Learning Web Design
  • Do Exercises 6-1 trough 6-8 in Learning Web Design
  • Start on Assignment 2
  • Read The Principals of Beautiful Web Design Pages1-32
Week 5
Day 8
March 1

Lecture

  • Finish image tag and attributes.
    src, height, width, alt, align, vspace, hspace.,
  • Create banner text.
  • Optimizing images
  • Scanning.
  • CSS for images
  • Image replacement
  • Scanning Demo

Lab

  • Read Ch. 7 in Learning Web Design
  • Finish Exercises 7-1 and 7-2 in Learning Web Design
  • Work on Assignment 2
  • Read Ch. 7 in Learning Web Design
  • Finish Exercise 7-1 in Learning Web Design
  • Work on Assignment 2
Day 9

No Class?

Lecture

Lab

  • Read Ch. 18 in Learning Web Design
  • Review Exercise 18-1 in Learning Web Design
  • Work on Assignment 2
  • Read Ch. 18 in Learning Web Design
  • Review Exercise 18-1 in Learning Web Design
  • Work on Assignment 2

Week 6
Day 10
March 8

Lecture

Intro Assignment 3.

Lab

  • Work on Exercises 19-1 and 19-2
  • Work on Assignment 3

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. Do not circle all tags. Only circle required tags once. 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.

See examples here(some better than others).

Requirements: 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 11

Lecture

  • Finish Optimizing Images
    • gifs
  • Images as backgrounds
  • Image Maps
  • Start tables

Lab

 
Week7
Day 12
   
Day 13
   
Week 8
Day 14
   
Day 15
  Assignment 3 Due
Spring Break

Day 16

   
Day 17
   
Day 18    
Day 19    
Day 20    
Day 21    
Day 22    
Day 23    
Day 24    
Day 25    
Day 26    
Day 27    
Day 28    
Day 29    
Day 30    
Day 31    

Fall 2009
 
Day Subject for the Day Due Next Time
Day 1
  • Introductions
  • Syllabus
  • Look at work
  • Structure of the internet
  • Terms

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

Read the terms file

Day 2
  • Opening Survey
  • Look at Freeboard
  • More terms
  • Basic page
    Tags:html, head, title, body, h1

Reading from above. The first chapter is in the scratchdisc if you do not have your book yet. Please do not distribute it.

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 go over today and next week(html, head, body, h1, p, br, etc.) You can start typing out the content from the book now, with no code. Next week we will talk about more formatting. Check out Ch. 4 and 5 in Learning Web Design for help.

 

No School Labor Day
Day 3

Finish history and structure of the internet.

Semantic Elements vs. Presentational Elements

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

Link to online video lectures

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 1 example of where you used each of the required tags. Read Ch. 4 and 5 in Learning Web Design for help.

Day 4
Sept. 14

    Lab
  • Finish Assignment 1
  • If finished with Assign. 1, you can work on Exercises 5-1, 5-2, 5-3 from the Book

Continue Assignment 1

Read Ch. 4 and 5 in Learning Web Design

If finished with Assign. 1, you can work on Exercises 5-1, 5-2, 5-3 from the Book

Day 5
Sept. 16

Lecture

Lab

  • Work on Exercises 5-1, 5-2, 5-3 from the Book
  • Start reading Ch. 6 in Leaning Web Design

Assignment 1 Due beginning of 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 or highlite 1 example of where you used each of the required tags.

Work on Exercises 5-1, 5-2, 5-3 from the Book. Save for review.

Read Ch. 6 in Leaning Web Design

Week 4
Day 6
Sept. 21

Lecture

Lab

  • Read Ch. 6 in Learning Web Design
  • Do Exercises 6-1 trough 6-8 in Learning Web Design
  • Start on Assignment 2
  • Read Ch. 6 in Learning Web Design
  • Do Exercises 6-1 trough 6-8 in Learning Web Design
  • Start on Assignment 2
  • Read The Principals of Beautiful Web Design Pages1-32
Day 7

Lecture

Lab

  • Read Ch. 6 in Learning Web Design
  • Finish Exercises 6-1 trough 6-8 in Learning Web Design
  • Work on Assignment 2
  • Read Ch. 6 in Learning Web Design
  • Do Exercises 6-1 trough 6-8 in Learning Web Design
  • Start on Assignment 2
  • Read The Principals of Beautiful Web Design Pages1-32
Day 8
Week 5
Sept. 28

Lecture

Lab

  • Read Ch. 7 in Learning Web Design
  • Finish Exercises 7-1 and 7-2 in Learning Web Design
  • Work on Assignment 2
  • Read Ch. 7 in Learning Web Design
  • Finish Exercise 7-1 in Learning Web Design
  • Work on Assignment 2
Day 9

Lecture

Lab

  • Read Ch. 18 in Learning Web Design
  • Review Exercise 18-1 in Learning Web Design
  • Work on Assignment 2
  • Read Ch. 18 in Learning Web Design
  • Review Exercise 18-1 in Learning Web Design
  • Work on Assignment 2

Day 10
Week 6
Oct. 5

Lecture

Intro Assignment 3.

    Finish Images
  • Optimizing Images
  • Images as backgrounds.

Lab

  • Work on Exercises 19-1 and 19-2
  • Work on Assignment 3

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. Do not circle all tags. Only circel required tags once. 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.

See examples here(some better than others).

Requirements: 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 11

Lecture

  • Image Maps
  • Start tables

Lab

Work on Assignment 3
Day 12
Week 7
Oct. 12

Lecture

  • More tables
  • Table layout
  • Tables, tips, layout and problems
  • CSS for tables

Lab

  • Work on Exercises 19-1 and 19-2
  • Work on Assignment 3

Work on Assignment 3

Work on Exercises 19-1 and 19-2

Day 13

Lecture

Lab

  • Work on Assignment 3

Work on Assignment 3

 

Day 14
Week 8

Lecture

  • More CSS
    • Inheritance
    • Descendants, Parents, Children, etc.
    • Text Properties
      • Practice text styling
    • Selectors
      • element
      • class
      • descendant
  • Selectutorial

Lab

  • Work on Assignment 3

Work on Assignment 3

 

Day 15

Lecture

Lab

  • Do Chapter 12 exercises
  • Work on Assignment 3

Work on Assignment 3

Work in progress check for Assignment 3

Day 16
Week 9
Oct. 26

Lecture

Lab

  • Do Chapter 12 exercises

Assignment 3 Due

Do Animation Exercise. Click for requirements.

Day 17

Lecture

  • Critique Assignment 3
  • Finish text styles from the book
  • Print styles
  • Selectutorial
  • More selectors
    • Pseudoelement selectors

Lab

  • Do Chapter 12 exercises
  • Work on Assignment 3
 
Day 18
Week 10
Nov. 2

Lecture

  • Look at Assignment 3
    css
  • print styles
  • css box model

Lab

  • Do Chapter 14 Exercises
Animation Exercise Due
Day 19

Lecture

  • Look at Assignment 3
  • Look at Animations
  • Intro Final Project
    css
  • List item bullets
  • Using descendant selectors with link styles

Lab

  • Finish Chapter 14 Exercises
Start Final Project. Click for requirements.
Day 20
Week 11
Nov. 9

Lecture

Lab

  • Work on Final Project
Read Ch. 4 on typography in The Prinicipals of Beautiful Web Design.
Nov 11 No School  
Day 21
Week 12
Nov. 16

Lecture

  • Look at more animations
  • Start Floats/positioning

Lab

  • Look at comps
  • Work on Final Project
Comps or Creative Brief for Final Project due.
Day 22

Lecture

  • Finish typography
  • Floats/positioning
  • More selectors
    • Pseudoelement selectors
    • Child Selectors
  • List item bullets

Lab

  • Look at comps
  • Work on Final Project
Work on Final Project
Day 23
Week 13

Lecture

Lab

  • Look at comps
  • Work on Final Project
Work on Final Project
Day 24

Lecture

Lab

  • Look at comps
  • Work on Final Project
Work on Final Project
Day 25
Week 14
Nov. 30

Lecture

Lab

  • Work on Final Project
 
Day 26

Test websites

Final project due for testing.

Get a copy here of the blank Beta Test Sheet.

Day 27
Week 15
Dec. 7

Final Critique and review

Final Projects will be critiqued today for those that are finished.

Extra Credit Assignment:
Complete exercise 17-2 from Learning Web Design. Save as 2 different files, DesignA and DesignB.

Day 28 Final Critique and review

Final Project Due.

2 Beta Test Sheets due
Get a copy here of the blank Beta Test Sheet.

Extra Credit Due.

Day 29
Week 16
Dec. 14
No Class Monday  
Day 30
Dec. 16
Final Exam 4:10-6:10PM  

Spring 2009
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

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

    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

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

Finish font tags, Links, and paths.

Begin images:
Image file formats for the web.
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 or highlite an example of where you used each of the required tags.

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

Begin Assignment 2.

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

Day 5
March 3

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
March 10

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
  • More tables
  • Table layout
  • Tables, tips, layout and problems
  • Scanning Demo
  • Start CSS
  • Selectutorial

Continue work on Assignment 3

Day 8
  • More CSS
    • Selectors
      • element
      • class
      • id
      • combined
      • descendant
    • Text Properties
    • external style sheets
    • print styles
    • css box model
  • Scanning Demo
  • Selectutorial
  • Animation
Continue work on Assignment 3
March 31 • No School • Spring Break
Day 9
Apr. 7
  • Look at Assignment 3
  • Intro Animation Exercise
    css
  • finish text properties
  • external style sheets
  • print styles
  • css box model
  • more backgrounds
  • floats
  • positioning

Assignment 3 Due. Bring in files.

Read pages 1-37 in The Principals of Beautiful Web Design

Do Animation Exercise. Click for requirements.

Day 10
  • Look at Assignment 3
  • Look at animations
  • Intro Final Project

Animation Due

Start Final Project. Click for requirements.

Day 11
Apr. 21

Read Ch. 4 on typography in The Prinicipals of Beautiful Web Design.

Day 12
Apr. 28
  • Forms
  • More css layout
  • Look at animations

Comps or Creative Brief for Final Project due.

Extra Credit Assignment:
Complete exercise 17-2 from Learning Web Design. I will accept the extra credit assignment until Wednesday, May 19.

 

Day 13
May 5
  • Work in Progess check - bring in your project so far
  • Finish Image Maps
  • Finish css layout
  • Homepage statistics
  • Look at animations
  • More css
    • list images
    • lists as navigation
    • image replacement

Work in Progess check - bring in your project so far

Continue Final Project

Day 14
May 12
Final project due for testing.
Get a copy here of the blank Beta Test Sheet.
Day 15
May 19
Take Student Technology Survey and GDES Survey

Critique Final Project.

Review for Final Exam.

Final Project Due.

Extra Credit Due.

Day 16
May 26
Final Exam Final Exam