GDES 45 Web Design at Mission College

Projects and Homework Fall 2016 - Section 49562

Skip to the current week

Day 1 - Aug. 29 - Week 1

Subject

  • Lecture
  • Introductions
  • Syllabus
  • Look at work

To Do

  • Read Ch. 1 in Learning Web Design.

Day 2 - Aug. 31 - 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 - Sept. 19

No Class - Sept. 5

Day 3 - Sept. 7 - 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 - Sept. 12 - Week 3

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 - Sept. 14 - 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

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

Day 6 - Sept. 19 - Week 4

Subject

To Do

Day 7 - Sept. 21 - Week 4

Subject

    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

Day 8 - Sept. 26 - 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

Day 9 - Sept. 28 - 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

Day 10 - Oct. 3 - 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 (Oct. 19)

Day 11 - Oct. 5 - Week 6

Subject

To Do

Day 12 - Oct. 10 - Week 7

Subject

    Lecture
  • Finish review of Ch. 1 in The Principals of Beautiful Web Design
  • Finish background images
  • If time
    • Go over Learning Web Design Ch. 11
    • Image Maps
    • Centering an image
    • Figures and captions
    • Tables if time
    • Exercise 11-1 in Learning Web Design
    Lab
  • Work on Assignment 3
  • Look at thumbnail sketches

To Do

  • Read Ch. 11 in Learning Web Design
  • Work on Assignment 3
  • More work in progress check on thumbnails/sketches for Assignment 3

Day 13 - Oct. 12 - Week 7

Subject

    Lecture
  • Go over Learning Web Design Ch. 11
  • Centering a fixed or liquid layout review
  • Figures and captions
  • Centering an image
  • Exercise 11-1 in Learning Web Design
  • Basic layout demo
  • 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

Day 14 - Oct. 17 - Week 8

Subject

    Lab
  • Review exercise 11-1 and 11-2 in Learning Web Design
  • Work on Assignment 3 (Due next class)

To Do

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

Day 15 - Oct. 19 - 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

Day 16 - Oct. 24 - Week 9

Subject

    Lecture
  • Critique Assignment 3
    • Written Critique
  • Do together
    • Mark css exercises 5-8
    • Child Selector Exercise
    • Finish 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
    Lab
  • Do Chapter 12 exercises

To Do

  • Be familiar with Ch. 13 in Learning Web Design, especially the new selectors

Day 17 - Oct. 26 - Week 9

Subject

    Lecture
  • NO IN PERSON CLASS(Mark will be gone Wednesday)
  • Online Assignment - Tables : Create a web page like the one in this video lecture by watching this video tutorial Tables and Intro to Background Images. You can use your own image for the background images. Be sure to include all image files with your submission. The images will not show up for me unless you send it along with your html files.  Always make sure to validate on http://validator.w3.org/ and http://jigsaw.w3.org/css-validator/ before submitting. Drop your files into the Assignment drop box in Canvas. Due in Canvas before next class.
    • To turn in assignments with multiple files or folders, it works best if you put all files in a folder and zip the folder. It is important to name your folder correctly BEFORE you zip it to send, so I know who's folder it is.
      Please name you folder like this
      firstname_lastname_assignX
      where X is the assignment number.
      Then when you zip the folder, I will know it is yours.
      To zip the folder:
      To zip a folder on a PC, create the folder with your name on it like this
      firstname_lastname_assignX
      and put the files needed in it, then right click, select "send to," and finally "compresses (zipped) folder". On a mac, control click or right click on the folder and select compress. Remember to name the folder before compressing it, so I can see who's it is when it is uncompressed.
    Lab
  • Online Assignment above

To Do

  • Online Assigment above

Day 18 - Oct. 31 - Week 10

To Do

Day 19 - Nov. 2 - Week 10

Subject

    Lab
  • Do exercises 14-1, 14-2 and 14-3 from Learning Web Design

To Do

Day 20 - Nov. 7 - Week 11

Subject

    Lecture
  • CSS box model
  • Pseudo Elements
  • CSS Gradients
  • Review of Ch. 13
    • More pseudo-classes intro like nth child from Ch. 13
    • @import for external style sheets
    Lab
  • Do exercises 14-1, 14-2 and 14-3 from Learning Web Design
  • Ch. 15 exercises
    • Start on Ch. 15 Exercises 1-3
  • Work on thumbnails for Final Project

To Do

Day 21 - Nov. 9 - Week 11

Subject

    Lecture
  • Intro Final Project
  • CSS Floats
  • Finish review of Ch. 13
    • @import for external style sheets
  • Review of Ch. 14
    • margin collapse
  • Ch. 15 Exercises
    Lab
  • Do exercises 14-1, 14-2 and 14-3 from Learning Web Design
  • Ch. 15 exercises
    • Start on Ch. 15 Exercises 1-3

To Do

  • Animation Exercise Due.
    Check here for requirements.
  • Read Ch. 4 on typography in The Prinicipals of Beautiful Web Design.
  • Work on Final Project
      Due dates:
    • Comps, Creative Briefs or Wireframes due
      Day 24 (Nov. 21)
    • Project Due for Testing
      Day 28 (Dec. 5)
    • Final Version Due
      Day 29 (Dec. 7)
    • See samples here
  • Work on thumbnails for Final Project. Bring next week.
  • Work on Wireframes for Final Project. Bring wireframes next week for work in progress check.
  • Work on Wireframes, Comps or Creative Brief for to turn in for Final Project. Bring wireframes next week for work in progress check.

Day 22 - Nov. 14 - Week 12

Subject

    Lecture
  • Look at animations
  • CSS Positioning
  • Review of Ch. 3 of The Principals of Beautiful Web Design
  • Meta tags
  • Review of Ch. 14
    • margin collapse
    Lab
  • Work on Thumbnails in class
  • Work on Chapter 14 and 15 Exercises
  • Work on wireframes/comps/creative brief for Final Project

To Do

  • Read Chapter 15 of Learning Web Design
  • Do Chapter 15 Exercises
  • Read Ch. 4 on typography in The Prinicipals of Beautiful Web Design.
  • Work on wireframes for Final Project
  • Work on Final Project
      Due dates:
    • Comps, Creative Briefs or Wireframes due
      Day 24 (Nov. 21)
    • Project Due for Testing
      Day 28 (Dec. 5)
    • Final Version Due
      Day 29 (Dec. 7)
    • See samples here

Day 23 - Nov. 16 - Week 12

Subject

    Lecture
  • Finish review of Ch. 3 of The Principals of Beautiful Web Design
  • Basic layout/Lists as navigation
  • Start Typography
    Lab
  • Look at work in progress for Final Project
  • Work on Chapter 15 Exercises
  • Work on Final Project

To Do

  • Do Chapter 15 Exercises
  • Work on Final Project
      Due dates:
    • Comps, Creative Briefs or Wireframes due
      Day 24 (Nov. 21)
    • Project Due for Testing
      Day 28 (Dec. 5)
    • Final Version Due
      Day 29 (Dec. 7)
    • See samples here

Day 24 - Nov. 21 - Week 13

Subject

    Lecture
  • Review of Ch. 4 of The Principals of Beautiful Web Design
  • Page Layout Strategies
  • Layout with floats
    Lab
  • Look at work in progress for Final Project
  • Work on Chapter 16 Exercises on layout
  • Work on Final Project

To Do

  • Final Project Comps, Creative Briefs or Wireframes due
  • Do Chapter 16 Exercises on layout
  • Work on Final Project
      Due dates:
    • Comps, Creative Briefs or Wireframes due
      Day 24 (Nov. 21)
    • Project Due for Testing
      Day 28 (Dec. 5)
    • Final Version Due
      Day 29 (Dec. 7)
    • See samples here

Day 25 - Nov. 23 - Week 13

Subject

    Lecture
  • Finish review of Ch. 4 of The Principals of Beautiful Web Design
  • More typography
  • Finish Layout with Floats
  • More Page Layout
    Lab
  • Work on Final Project

To Do

  • Read Chapter 9 of Learning Web Design
  • Do Chapter 16 Exercises
  • Work on Final Project
      Due dates:
    • Project Due for Testing
      Day 28 (Dec. 5)
    • Final Version Due
      Day 29 (Dec. 7)
    • See samples here

Day 26 - Nov. 28 - Week 14

Subject

    Lecture
  • Forms
  • Styling Forms
    Lab
  • Do Chapter 9 Exercises in Learning Web Design on forms
  • Work on final project

To Do

  • Read Chapter 9 of Learning Web Design
  • Do Chapter 9 Exercises in Learning Web Design on forms
  • Work on Final Project
      Due dates:
    • Project Due for Testing
      Day 28 (Dec. 5)
    • Final Version Due
      Day 29 (Dec. 7)
    • See samples here

Day 27 - Nov. 30 - Week 14

Subject

    Lecture
  • Do missing layout exercise
  • Styling forms
  • html5 video

To Do

  • Do Chapter 9 Exercises in Learning Web Design on forms
  • Work on Final Project
  • Extra Credit Assignment: Create a page with a video that has you in it.

    • Embed a video on the page with 2 versions of the file
      • h.264/mp4 and webm
      • theora/ogg file type is optional
    • Use the html5 video tag as in the example page.
    • Upload the files to a webhost so we can see it. You can use the same web hosting account we created in class.
    • Submit your assignment by sending me a message through Canvas with the URL of the page with your video.
    • Due Dec. 12

Day 28 - Dec. 5 - Week 15

Subject

    Lab
  • Sites due for testing- Bring in a working version to test
  • Work on Final Project
    • Final Version Due
      Day 29 (Dec. 7)
      with 2 Beta Test Forms
  • Work on Extra Credit
    • Due Dec. 12

To Do

  • Check out Ch. 18 of Learning Web Design in CSS Techniques
  • Work on Final Project
    • Final Version Due
      Day 29 (Dec. 7)
      with 2 Beta Test Forms
  • Work on Extra Credit
    • Due Dec. 12

Day 29 - Dec. 7 - Week 15

Subject

    Lab
  • Work on Extra Credit Assignment

To Do

  • Final Project Due
    • Final Version with 2 Beta Test Forms
  • Work on Extra Credit
    • Due check this
    • Submit your assignment by sending me a message through Canvas with the URL of the page with your video.

Day 30 - Dec. 12 - Week 16 - Last Day

Subject

    Lecture
  • Final Exam 12:40 - 2:40PM
    Lab
  • Final Exam 12:40 - 2:40PM

To Do

  • Final Exam 12:40 - 2:40PM