GDS 45 Web Design at Mission College

Projects and Homework Spring 2109 - Section 33158

Skip to the Current Week

Jan. 28 - Day 1- Week 1

Subject

  • Lecture
  • Introductions
  • Syllabus
  • Look at work
  • Opening Day Canvas Survey

Jan. 30 - Day 2 - Week 1

Subject

    Lab
  • Work on First Page
  • Can start gathering information for Assignment 1, probably in a word file

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. 13

Feb. 4 - Week 2 - Day 3

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
  • HTML5 Semantic Elements
  • 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

Feb. 6 - Week 3 - Day 4

Subject

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

To Do

Feb. 11 - Day 5 - Week 3

Subject

    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

Feb. 13 - Day 6 - Week 3

To Do

Feb 18 - No class - Holiday

Feb. 20 - Day 7 - Week 4

Subject

    Lecture
  • More User Experience Fundamentals for Web Design from Lynda.com
    • Navigation
  • Look at html5 semantic elements
  • CSS Color code
  • Color schemes
  • Color exercise: Build a color scheme
  • Make basic layout template page
    Lab
  • Color exercises: Build 2 color schemes
  • Do Exercises 5-1 through 5-3 in Learning Web Design
  • Work on Assignment 2

To Do

  • Read Ch. 1 and 2 in The Principals of Beautiful Web Design
  • Read Ch. 5 in Learning Web Design
  • Do Exercises 5-1 through 5-3 in Learning Web Design
  • Work on Assignment 2
    Due Day 10/March 4

Feb. 25 - Day 8 - Week 5

To Do

  • Read/Review Ch. 6 in Learning Web Design
  • Go through exercises 6-1 through 6-8 in Learning Web Design
  • Work on Assignment 2
    Due Day 10/March 4

Feb. 27 - Day 9 - Week 5

Subject

    Lab
  • Do Exercises 6-1 through 6-8 in Learning Web Design
  • Do exercise 7-1 in Learning Web Design
  • Work on Assignment 2

To Do

March 4 - Day 10 - Week 6

Subject

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 "hero" image for the site. See this article for more info on "hero" images. Try to create a design that is both attractive visually and easy to use. For a layout, you can start with the basic templates we have done in class, or create one from scratch on your own. If you want to try to use more advanced CSS to layout the page, you can look ahead to Chapter 14-16 in Learning Web Design. 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 "hero" image.
    • It can be in the header or the top of the body or article.
    • It can be either an inline image or a background image.
    • It can be from a stock photography site.
    • Do not use an image as you found it. Resize and optimize the image as needed.
  • Use at least one other inline image in the content area.
  • Use at least 1 background image.
  • Use CSS to lay out the pages.
  • Use some styles from an external style sheet, and use external styles for most of your styles.

Again, before you turn in your files, make sure you validate your document at: http://validator.w3.org/ and http://jigsaw.w3.org/css-validator/
It can help you spot coding errors.

To turn in, bring files to class.
Due Day 16 (March 25)

March 6 - Day 11 - Week 6

Subject

To Do

March 11 - Day 12 - Week 7

Subject

    Lab
  • Finish Scanning and preparing images
  • Review Chapters 7 and 22. Do exercises 7-1 and 7-2 and Exercises 22-1 and 22-2 in Learning Web Design
  • Work on Assignment 3 thumbnails
  • Look at thumbnail sketches

To Do

  • Read Ch. 7 in Learning Web Design
  • Read Ch. 22 in Learning Web Design
  • Work on Assignment 3
    • Due Day 16 (March 25)
  • Work in progress check on thumbnails/sketches for Assignment 3

March 13 - Day 13 - Week 7

Subject

    Lab
  • Put your own image on the exercise from Monday
  • Look at Thumbnails
  • Move styles from head to external in Assignment 2
  • Optional: Exercises 11-1 and 11-2 in Learning Web Design, and modify with your own image.
  • Play with Wireframing in balsamic
  • Work on Assignment 3

To Do

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

March 18 - Day 14 - Week 8

Subject

    Lab
  • Make a wireframe for the Assignment 3 main/index page
  • Work on Assignment 3
    • Due Day 16 (March 25)

To Do

  • Read Ch. 12 in Learning Web Design
  • Work on Assignment 3
    • Due Day 16 (March 25)