Wk/Date |
|
Topic |
|
Reading |
|
Resources |
|
Remarks / Due / Exam |
|
|
|
|
|
|
|
|
|
1
8/28, Mon |
|
Basic Design Principles (P.A.R.C)
Dreamweaver Workspace
Photoshop Work Area |
|
Robin Ch. 2, 3, 4, 5, 6
Dreamweaver Ch. 1
Photoshop Ch. 1 |
|
:: introduction ::
:: richard's web design 2018 page ::
:: richard's bootstrap framework page ::
|
|
|
|
|
|
|
|
|
|
|
|
2
9/4 |
|
Color, Typography
HTML Basics
Basic Photo Correction |
|
Robin Ch. 7, 9-12
Dreamweaver Ch. 2
Photoshop Ch. 2 |
|
:: (humour) Fotoshop by Adobe ::
:: (humour) Mr Bean Transformation :: |
|
9/4, Mon: Labor Day Holiday
9/10: Last day to drop classes without record |
|
|
|
|
|
|
|
|
|
3
9/11 |
|
Layout and Composition
CSS Basics
Working with Selections |
|
Jason Ch. 1
Dreamweaver Ch. 3
Photoshop Ch. 3 |
|
:: coolhomepages.com ::
:: mark making ::
:: paletton.com ::
:: color websites ::
|
|
Assignment 1 Due 9/13 Wed
(box)
|
|
|
|
|
|
|
|
|
|
4
9/18 |
|
Color
Web Design Basics
Creating a Page Layout
Working with Bitmap Selections |
|
Jason Ch. 2
Dreamweaver Ch. 4
Dreamweaver Ch. 5
Photoshop Ch. 4 |
|
:: openclipart.org ::
|
|
|
|
|
|
|
|
|
|
|
|
5
9/25 |
|
Texture
Designing for Mobile Devices
Masks and Channels |
|
Jason Ch. 3
Dreamweaver Ch. 6
Photoshop Ch. 6 |
|
:: dummy text generator :: |
|
Assignment 2 Due 9/27 Wed |
|
|
|
|
|
|
|
|
|
6
10/2 |
|
Typography
Designing for Mobile Devices
Typographic Design |
|
Jason Ch. 4
Dreamweaver Ch. 7
Photoshop Ch. 7 |
|
:: paper browser ::
:: web sketch example ::
:: 18 examples sketched UI::
|
|
10/8: Last day to drop classes with an automatic "W" |
|
|
|
|
|
|
|
|
|
7
10/9 |
|
Imagery
|
|
Jason Ch. 5
|
|
:: Jason Beaird Book ::
:: Book Article :: |
|
Note:
Mid Term Exam
10/11 Wed - online
10/11 Wed - inclass
|
|
|
|
|
|
|
|
|
|
8
10/16 |
|
Vector Drawing Techniques |
|
Photoshop Ch. 8 |
|
|
|
10/16-10/17: Fall Break, no classes
Assignment 3 Due 10/18 Wed
|
|
|
|
|
|
|
|
|
|
9
10/23 |
|
Final Project Briefing
Website Prototyping in Photoshop
|
|
Website example
|
|
|
|
|
|
|
|
|
|
|
|
|
|
10
10/30 |
|
Website Prototyping in Photoshop |
|
Website example |
|
|
|
Assignment 4 Due 11/1, Wed (extended to 11/5, Sun) |
|
|
|
|
|
|
|
|
|
11
11/6 |
|
Website Prototyping in Photoshop |
|
Website example |
|
|
|
Project Part 1 Due 11/8, Wed (extended to 11/12, Sun)
11/9: Last day to drop classes with a "W", "F"
11/10: Mandatory "F" period begins 11/10, Fri: Veteran's Day Holiday – no classes |
|
|
|
|
|
|
|
|
|
12
11/13 |
|
Website Slicing in Photoshop |
|
Website example |
|
|
|
Project Part 2 Due 11/15, Wed (extended to 11/19, Sun)
|
|
|
|
|
|
|
|
|
|
13
11/20 |
|
Website Prototyping in Dreamweaver |
|
Website example |
|
|
|
11/22: No classes per Thanksgiving
11/23-11/24: Thanksgiving Holiday |
|
|
|
|
|
|
|
|
|
14
11/27 |
|
Final Web Publishing in Dreamweaver |
|
Website example |
|
|
|
Assignment 5 Due 11/27, Mon
|
|
|
|
|
|
|
|
|
|
15
12/4 |
|
Final Project Review |
|
|
|
|
|
Project Part 3 Due 12/6, Wed
12/6, Wed: Last day of classes
|
|
|
|
|
|
|
|
|
|
16
12/11 |
|
12/13, Wed, 8:00am-10:00am: Final Exam |
|
Project Part 4 Due 12/12, Tue
Note: Final Exam |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|