GDES 45 Web Design at Mission College

Projects and Homework Spring 2017 - Section 55144

Skip to the current week

Day 1 - Jan. 30 - Week 1

Subject

  • Lecture
  • Introductions
  • Syllabus
  • Look at work

To Do

  • Read Ch. 1 in Learning Web Design.

Day 2 - Feb. 1 - Week 1

Subject

To Do

  • Read Ch. 2 in Learning Web Design.
  • Review the terms file

Assignment 1:
Begin 1 basic web page with 6 different facts, opinions, or bits of information from 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
  • a list

See Assignment 1 Examples


Assign 1 Due Day 6 - Feb. 15

Day 3 - Feb. 6 - Week 2

Subject

    Lecture
  • Discussion about forum topics.
  • Finish history and structure of the internet and terms.
  • Short review of Ch. 1 of Learning Web Design
  • Watch some of User Experience Fundamentals for Web Design from Lynda.com
  • More Tags:h1, em, b, i, strong, u, small, blockquote, pre, hr ,div, etc.
    Lab
  • Work on Assignment 1
  • Also work on Exercises 4-1 through 4-3 from the Learning Web Design Book.

To Do

Day 4 - Feb. 8 - Week 2

Subject

    Lab
  • Work on Assignment 1
  • If finished with Assign. 1, you can work on Exercises 4-1 through 4-3 from the Learning Web Design Book.

To Do

Day 5 - Feb. 13 - Week 3

Subject

    Lecture
  • More tags: lists, etc.
  • Do's and Don'ts from Learning Web Design.
  • Hexadecimal system
  • Web safe color
  • Special Characters
    Lab
  • Work on Exercises 4-1 through 4-3 and 5-1 and 5-2 from the Book
  • Start reading Ch. 6 in Learning Web Design

To Do

  • Work on Assignment 1
    • Due Day 6(at the beginning of next class)
  • Read Ch. 1 and 2 in The Principals of Beautiful Web Design

Day 6 - Feb. 15 - Week 3

Subject

To Do

No Class - Feb. 20

Day 7 - Feb. 22 - Week 4

Subject

    Lecture
  • More User Experience Fundamentals for Web Design from Lynda.com
    • Navigation
  • Text color with CSS
  • RGB color backgrounds and transparency
  • Start Links
  • Begin images
  • Image file formats for the web.
  • Image tag and attributes.
    src, height, width, alt
    Lab
  • Review Exercise 5-1 and 5-2, and do Exercises 6-1 through 6-8 in Learning Web Design
  • Work 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 through 6-8 in Learning Web Design
  • Work on Assignment 2
    Due Day 10/March 6

Day 8 - Feb. 27 - Week 5

Subject

    Lab
  • Review Exercise 5-1 and 5-2, and do Exercises 6-1 through 6-8 in Learning Web Design
  • Go through exercise 7-1 in Learning Web Design
  • Work on Assignment 2

To Do

  • Read Ch. 7 in Learning Web Design
  • Go through exercise 7-1 in Learning Web Design
  • Work on Assignment 2
    Due Day 10/March 6

Day 9 - March 1 - Week 5

Subject

    Lab
  • Finish exercise 7-1 in Learning Web Design
  • Work on Assignment 2

To Do

  • Finish exercise 7-1 in Learning Web Design (make sure to bring in your book)
  • Work on Assignment 2
    Due Day 10/March 6

Day 10 - March 6 - Week 6

Subject

    Lab
  • Work on Assignment 3
  • Work on Exercises 22-1 and 22-2

To Do

  • Assignment 2 Due
    • Make sure to validate before turning in
    • To turn in, bring in the actual files(like on a flash drive)to turn in.
  • Make sure to bring in your Learning Web Design book.

Assignment 3:
Create a 2 page web site about an item in the news, or a topic you feel strongly about.

See examples here(some better than others).

Requirements: Create and use at least 1 banner/text image for the site. Try to create a design that is both attractive visually and easy to use. If you want to try to use CSS to layout the page, you can look ahead to Chapter 14-16 in Learning Web Design. Also, for this assignment, feel free to use the layouts in Chapter 16 in Learning Web Design as a starting point. However, we will not completely cover CSS layout together until later. This assignment will be graded both on the requirements above and on design.

Assignment Requirements:

  • 2 linked web pages are required
  • Create and use at least 1 banner/text image and
  • Use CSS to lay out the pages
  • Use at least 1 background image

To turn in, bring files to class.
Due Day 15 (March 22)

Day 11 - March 8 - Week 6

Subject

    Lecture
  • Discussion of Ch. 1 of The Principals of Beautiful Web Design
  • Finish Scanning and Preparing images
  • Finish image optimization/tranparency
  • Images as backgrounds
  • Limiting the width of a layout
  • Thumbnails/sketches

To Do

Day 12 - March 13 - Week 7

Subject

    Lab
  • Finish Scanning images
  • Work on Assignment 3
  • Look at thumbnail sketches

To Do

  • Read Ch. 11 in Learning Web Design
  • Work on Assignment 3
    • Due Day 15 (March 22)
  • More work in progress check on thumbnails/sketches for Assignment 3

Day 13 - March 15 - Week 7

Subject

    Lecture
  • Go over Learning Web Design Ch. 11
  • Centering a fixed or liquid layout review
  • Basic layout demo
  • Figures and captions
  • Centering an image
  • Exercise 11-1 in Learning Web Design
  • Image Maps if time
  • Wireframes if time
  • Exercise 11-2 in Learning Web Design
    Lab
  • Finish Looking at Thumbnails
  • Exercise 11-1 and 11-2 in Learning Web Design
  • Work on Assignment 3

To Do

  • Finish work in progress check on thumbnails/sketches for Assignment 3
  • Work on Assignment 3
    • Due Day 15 (March 22)

Day 14 - March 20 - Week 8

Subject

    Lab
  • Work on Assignment 3 (Due next class)

To Do

  • Read Ch. 12 in Learning Web Design
  • Work on Assignment 3

Day 15 - March 22 - Week 8

Subject

    Lecture
  • Start review of Learning Web Design Ch. 12
  • Do together
    • Mark css exercises 1-5 and
    • Start CSS text styles from Ch. 12
  • Selectutorial
  • Inheritance
  • Descendants, Parents, Children, etc.
  • Text Properties
    • Practice text styling
  • Selectors
    • html
    • class
    • descendant
    Lab
  • Do Chapter 12 exercises

To Do

  • Assignment 3 Due
  • Do Chapter 12 exercises
  • Read Ch. 13 in Learning Web Design for next week

No Class - March 27-31 - Spring Break