Garrettmedia | Mission Main | Mark's Schedule | ART34 | GDES 45 | GDES 46 | GDES 70 | GDES 73 | GDES 74 | GDES 75 | GDES 81 | Links

GDES 45 Web Design at Mission College

Projects and Homework Spring 2011

Skip to the current week

Day 1

Subject

  • Introductions
  • Syllabus
  • Look at work
  • Structure of the internet
  • Terms

To Do

  • Read Ch. 1, 2 and 3 in Learning Web Design.
  • Read the terms file

Day 2

Subject

To Do

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.

  • a heading, h1 for example
  • blockquote
  • strong
  • background-color

See Assignment 1 Examples

Assign 1 Due Day 5

Day 3

Subject

    Lecture
  • Finish history and structure of the internet and terms.
  • Semantic Elements vs. Presentational Elements
  • Tags:h1, em, b, i, strong, u, small, big, blockquote, pre, font, hr,div, center.
    Lab
  • Work on Assignment 1

To Do

  • 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.
    See Assignment 1 Examples

Day 4

Subject

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

To Do

  • 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

Subject

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

To Do

  • 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 each of where you used the required tags.
    See Assignment 1 Examples
  • Work on Exercises 5-1, 5-2, 5-3 from the Book. Save for review.
  • Read Ch. 1 and 2 in The Principals of Beautiful Web Design
  • Read Ch. 6 in Learning Web Design

Day 6

Subject

    Lab
  • Read Ch. 6 in Learning Web Design
  • Do Exercises 6-1 trough 6-8 in Learning Web Design
  • Start on Assignment 2


To Do

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

Day 7

Subject

    Lab
  • Read Ch. 6 in Learning Web Design
  • Finish Exercises 6-1 trough 6-8 in Learning Web Design
  • Work on Assignment 2

To Do

  • Read Ch. 1 of The Principals of Beautiful Web Design
  • Read Ch. 6 in Learning Web Design
  • Do Exercises 6-1 through 6-8 in Learning Web Design
  • Work on Assignment 2

Day 8 No Class-Online Activities Below

Subject

  • Create banner text.
    • Watch the video and create a page like the one in the video using your own name in the banner. Due at the end of class on Day 9 next week. Bring in as files.
  • Read Ch. 7 in Learning Web Design
  • Look at Exercises 7-1 in Learning Web Design
  • Work on Assignment 2

To Do

  • Read Ch. 1 of The Principals of Beautiful Web Design
  • Read Ch. 6 and 7 in Learning Web Design
  • Do Exercises 6-1 through 6-8 and exercises 7-1 in Learning Web Design
  • Work on Assignment 2

Day 9

Subject

  • Talk about Ch.1 of The Principals of Beautiful Web Design
  • Scanning and Preparing images
  • CSS for images
  • Optimizing Images
    • gifs, halos, mattes
    • png-8, png-24
  • Scanning Demo

To Do

  • Bring in banner image created from video assignment
  • Read Ch. 7 in Learning Web Design
  • Finish Exercise 7-1 in Learning Web Design
  • Work on Assignment 2

Day 10

Subject

    Lecture
  • Talk about Ch.1 of The Principals of Beautiful Web Design
  • Intro Assignment 3.
  • Optimizing Images
    • gifs, halos, mattes
    • png-8, png-24
  • Image replacement
  • Images as backgrounds.
    Lab
  • Work on Exercises 19-1 and 19-2 in Learning Web Design
  • Work on Assignment 3


To Do

  • 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 only 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 for the site. You can use tables if you want to layout the page, although realize that this method is no longer considered current or best practice. If you want to try to use CSS to layout the page, you can look ahead to Chapter 14-16 in Learning Web Design. However, we will not cover CSS layout together until later. At least 2 tables for some type of data are required. To turn in, bring files to class.

Day 11

Subject

    Lecture
  • Updated Assign. 3 description.
  • Finish discussion about Ch.1 of The Principals of Beautiful Web Design
  • Image Maps
  • Scanning and Preparing images
  • Scanning Demo


To Do

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

Day 12

Subject

    Lecture
  • Start Tables
  • Table layout
  • Tables, tips, layout and problems
  • CSS for tables
    Lab
  • Work on Exercises 19-1 and 19-2
  • Work on Assignment 3

To Do

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

Day 13

Subject

    Lecture
  • Finish tables
  • Tables, tips, layout and problems
  • CSS for tables
  • Start CSS
  • Selectutorial
  • Go over Learning Web Design Ch. 11
  • Exercise 11-1 in Learning Web Design
    Lab
  • Work on Assignment 3

To Do

  • Work in progress check on thumbnails for Assignment 3
  • Work on Assignment 3

Day 14

Subject

    Lecture
  • More CSS
  • Finish going over Learning Web Design Ch. 11 and start Ch. 12
  • Do together
    • Mark css exercises 1,2,3,4,5 ,7 and
    • CSS text styles from Ch. 12
    • Exercise 11-1 in Learning Web Design
  • Selectutorial
  • Inheritance
  • Descendants, Parents, Children, etc.
  • Text Properties
    • Practice text styling
  • Selectors
    • html
    • class
    • descendant
    Lab
  • Work on Assignment 3

To Do

  • Work on Assignment 3

Day 15 March 22

Subject

    Lecture
  • Do together
    • Mark css exercises 5-8
    • CSS text styles from Ch. 12
    • Exercise 12-1 and 12-2 in Learning Web Design
  • Selectutorial
  • Inheritance
  • The Cascade
  • Descendants, Parents, Children, etc.
  • Text Properties
    • Practice text styling
  • Selectors
    • descendant
    • id
    • grouped
    Lab
  • Do Chapter 12 exercises
  • Work on Assignment 3

To Do

  • Assignment 3 Due
  • Do Chapter 12 exercises

Day 16

Subject

    Lab
  • Do Chapter 12 exercises
  • Work on Animation Exercise

To Do

Spring Break March 29 and 31

Day 17

Subject

    Lab
  • Do Chapter 12 exercises
  • Work on Animation Exercise

To Do

  • Work on Animation Exercise

Day 18

Subject

    Lecture
  • Intro Final Project
  • Finish Look at Assignment 3
  • Finish Ch. 12 Exercises
    • css
  • Go over Ch.13 and Ch.14 of book
  • css box model
    Lab
  • Work on Final Project

To Do

Day 19

Subject

    Lecture
  • Look at Animations
    css
  • Go over Ch.13 and Ch.14 of book
  • more css box model
  • list item bullets
    Lab
  • Do Chapter 14 Exercises
  • Do thumbnails for Final Project


To Do

Day 20

Subject

    Lecture
  • Look at Animations
  • Go over Ch. 3 of The Principals of Beautiful Web Design
    css
  • Finish Box model/Ch.14 exercises
    Lab
  • Finish Chapter 14 Exercises
  • Work on thumnails for Final Project


To Do

Day 21

Subject

    Lab
  • Work on Comps or Creative Brief for Final Project

To Do

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

Day 22 April 21

Subject

    Lecture
  • Finish typography
  • Start Floats/positioning
    Lab
  • Look at comps
  • Work on Final Project

To Do

  • Comps or Creative Brief due for Final Project

Day 23

Subject

    Lecture
  • Finish typography
  • More Floats/positioning
    Lab
  • Look at comps
  • Work on Final Project


To Do

  • Work on Final Project

Day 24

Subject

    Lecture
  • Forms
  • More page layout
    Lab
  • Work on Final Project


To Do

  • Work on Final Project

Day 25 May 3

Subject

    Lecture
  • More CSS Positioning
  • More page layout
  • Ch. 16 Exercises
    Lab
  • Work on Final Project

To Do

  • Work on Final Project

Day 26

Subject

    Lab
  • Work on Final Project


To Do

  • Work on Final Project

Day 27 May 10

Subject

    Lab
  • Work on Final Project

To Do

  • Work on Final Project

Day 28 May 12

Subject

    Lab
  • Work on Final Project

To Do

  • Final Project Due for Testing
  • Get a copy here of the blank Beta Test Sheet.

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


Day 29 Current Week

Subject

    Lab
  • Work on Final Project

To Do

  • Work on Final Project

Day 30 May 19 Current Week

Subject

  • Final Project Critique
  • Review for the Final Exam

To Do

  • Final Project Due
  • Extra Credit Due
  • 2 Beta Tests Due

No Class Tuesday, May 24

Day 31 May 26

Subject

  • Final Exam 7:00-9:00PM

To Do



Garrettmedia | Mission Main | Mark's Schedule | ART34 | GDES 45 | GDES 46 | GDES 70 | GDES 73 | GDES 74 | GDES 75 | GDES 81 | Links