WEBI 1611 - Kari Johnson

photo of author, Kari Johnson

Week 1

Part 1

My web site subject: a fish lumberjack story

Go to Bedtime Stories Collection - I don't cafe for the juvenile look and feel, but it is an example of how to offer different reading selections on a bookshelf.

Go to Magic Keys - The home page is way too busy, but the stories have a more white space (though they make it beige...).

Go to Gutenburg.org - This is an example for an adult audience. Instead of turning pages in a "book", the reader just scrolls down.

Go to Book of Bad Arguments - I admire the cleverness, and the uncluttered look.

Go to Urban Organics - I'd like to do just ONE SIMPLE tiny animation trick. A glass emptying, or a bubble floating up, for example. Some day, anyway.

Week 2

Part 1

week 2 demo
chapter 2 exercise 2-2
chapter 2 exercise 2-3

Part 2

Satellite TV
Vitamins

Week 3

Part 1 & 2

chapter 3 exercise 3-1 (note: a link to sorkin.html must be included in this file)

Part 3

chapter 3 halloween home page

Week 4

Part 1

chapter 4 exercise 4-1

Part 2

copy center

Part 3

team uniforms (note: I should be able to navigate the other two pages hats.html and sweats.html from the uniforms.html page. )

Week 5

Part 1

chapter 5 exercise 5-1 and 5-2

Part 2

chapter 5 short exercise 5-1

Week 6

Part 1

chapter 6 exercise 6-1 and 6-2

Part 2

chapter 6 exercise 6-3

Part 3

Gantry CSS Layout Project

Week 7

Part 1

chapter 7 exercise 7-1

Part 2

chapter 7 exercise 7-2

Part 3

Final Project Topic Approval

Part 4

Final Project Mood Board

Week 8

Part 1

chapter 8 exercise 8-1

Part 2

chapter 8 short exercise 8-1 and 8-2

Part 3

Final Project Wireframes

Part 4

irule one fluid retirement page

Week 9

Part 1

Final Project Mockups

Week 10

Part 1

Final Project Mockups (second round)

Week 11

Part 1

Town Hall Styled with Web Fonts

Week 12

Part 1

chapter 9 exercise 9-1

Part 2

Final Project Home Page HTML/CSS template
Final Project Interior Page HTML/CSS template (optional)

Final Project

Links to code validation site below:

Valid HTML 5

Valid CSS