August | September | October | November | December
Week 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16
Week 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16
Revised August 19, 2010
The schedule shows assignments listed by date. Since links can change throughout the semester, be sure to start here each work session.
Week 1: August 23
- Log in to Moodle and DO Online Orientation (1-4
hours, due next week). See 30 second movie or tutorial for login instructions (username=first.last, password=changeme). Orientation includes
- CAREFULLY READ Moodle Orientation Book
- CONTRIBUTE to Moodle Discussion 1: Orientation Discussion
- COMPLETE Moodle Quiz 1
- Read Chapter 1 of The Principles of Beautiful Web Design. As you read, write notes and come up with 5 multiple choice quiz questions on what you think is most important. Due next Monday at the beginning of class.
- Do PART 1 of Project 1: Logo (post to Moodle discussion by Wednesday of Week 2) (1-2 hours)
Week 2: August 30
- DUE: Orientation, PART 1 of Project 1
- Read Chapter 2 of The Principles of Beautiful Web Design.
- Do PART 2 of Project 1: Logo (bring to class Monday of week 4)
September 3 : Last Day to Add, Last Day to Drop Classes Without a "W" Appearing on Your Record, Last Day for Refund
Week 3: September 6
September 6: Labor Day
- Read Chapter 3 of The Principles of Beautiful Web Design.
- Do PART 3 of Project 1: Logo (submit to Moodle by Thursday of Week 4)
Week 4: September 13
- DUE THURSDAY, 11AM: PART 2 & 3 of Project 1: Logo (submit to Moodle)
- Read Chapter 1 of The Principles of Beautiful Web Design.
- PEER REVIEW of Project 1
- VIEW Lynda.com Photoshop CS3 for the Web Essential Training: 9. Creating Navigation, 10. Optimizing Transparent Graphics (2 hours)
- Use Week 4 Practice handout to PRACTICE skills taught in video (2-3 hours)
- Do Project 2: Header Image (due Thursday of week 6)
Week 5: September 20
- DUE THURSDAY: Quiz 2
- VIEW Lynda.com Photoshop CS3 for the Web Essential Training: 11. Creating Animations, 12. Slicing (2 hours)
- PRACTICE skills taught in video (2-3 hours)
- Do Project 2: Header Image (due Thursday of week 6)
September 24 : Last Day to Apply for P/NP (CR/NC) for semester length classes
Week 6:September 27
- DUE THURSDAY: Project 2
- Navigation: Rollover Graphics and CSS Navigation
- Rollover Handout - see examples and Listamatic
- example: image rollovers
- CSS Navigation (Listamatic, Background Images)
- CSS Navigation with Listamatic videos and examples
- Make your own example and link to it from 217 Portfolio (could be in a project)
- VIEW Lynda.com Photoshop CS3 for the Web Essential Training: 13. Rollover Graphics, 14. Automation (2 hours, optional if you attend class)
- PRACTICE skills taught in video (2-3 hours)
- Quiz 3: Lynda.com Photoshop 9-12, Visual Design for the Modern Web 3 (due Thursday of week 8)
- Do Project 3: 217 Class Work Site (due Thursday of week 8)
Week 7: October 4
- Explore color design tools and resources & post your comments to Moodle Discussion. (What are your favorite color resources? What's your color design process?) Add some links to your 217 Porfolio.
- VIEW Lynda.com Fireworks CS3 Essential Training: Introduction, 2. The Interface (1 hour)
- Finish Project 3: 217 Class Work Site (due Thursday of week 8)
Week 8: October 11
- DUE THURSDAY: Quiz 3
- DUE THURSDAY: Project 3
- Quiz 4: Visual Design for the Modern Web 4-5 (due Thursday, week 10)
- VIEW Lynda.com Fireworks CS3 Essential Training: 3. Drawing, 4. Picking and Using Color, 5. Using Fills and Strokes, 6. The Bitmap Painting Tools (2-3 hours)
- PRACTICE skills taught in video (2-3 hours)
- Begin sketching ideas for Project 4: Page Redesign
- Web file formats
- Digital Web Magazine: Creative Use of PNG Transparency in Web Design
- add this table into your 217 Portfolio notes page and fill it in:
PNG GIF JPG Color depth Animation? Transparency? browser support Best for
October 15 : Last Day to Apply for Fall 2010 Degree/Certificate
Week 9: October 18
- VIEW Lynda.com Fireworks CS3 Essential Training: 7. Using Text, 8. Image Editing and Color Correction, 9. Symbols, 10. Masking, 11. Special Effects, 12. Aligning and Transforming Objects (2-3 hours)
- PRACTICE skills taught in video (2-3 hours)
- Project 4: Page Redesign (due Thursday of week 11)
- begin thinking of a topic for final project - see Project 6: Main Page comps
- READ Chapter 7 of Visual Design for the Modern Web (1-2 hours)
While reading, answer the following questions:- What is the difference (purpose) between body copy and display type?
- Describe serif, sans serif, and decorative typefaces.
- How can you change text to create emphasis and contrast?
- Why is relative text sizing better than absolute text sizing?
- List a few things you should do to make your text accessible.
Week 10: November 1
- DUE THURSDAY: Quiz 4
- Quiz 5: Visual Design for the Modern Web 6-7 (due Thursday, week 12)
- VIEW Lynda.com Fireworks CS3 Essential Training: 13. Layer Essentials, 14. Optimization Techniques, 15. Exporting Documents, 16. Slicing Essentials (2-3 hours)
- PRACTICE skills taught in video (2-3 hours)
- finish Project 4: Page Redesign
- begin brainstorming & sketches for Project 6: Main Page comps
Week 11: November 8
- DUE THURSDAY: Project 4: Page Redesign
- VIEW Lynda.com Fireworks CS3 Essential Training: 17. Creating Rollovers, 18. Animation (1-2 hours)
- PRACTICE skills taught in video (2-3 hours)
- Project 5: Banner Ad (due Thursday of week 13)
NOTE: This assignment includes posting research results on the Moodle Discussion - begin Project 6: Main Page comps (due Thursday of week 13)
November 11: Veterans Day Holiday
November 12 : Last Day to Drop Class
Week 12: November 15
- DUE THURSDAY: Quiz 5
- VIEW Lynda.com Fireworks CS3 Essential Training: 19. Integrating with Photoshop and Illustrator CS3, 20. Integrating with Dreamweaver CS3 (1-2 hours)
- NOTE: for the remainder of the semester, you may choose Fireworks or Photoshop to complete assignments
- finish Project 5: Banner Ad (due Thursday of week 13)
- finish Project 6: Main Page comps (due Thursday of week 13)
November 25-27: Thanksgiving Weekend Holiday
Week 13: November 29
- DUE THURSDAY: Project 5: Banner Ad
- DUE THURSDAY: Project 6: Main Page comps - please have this ready to share at the beginning of class.
- begin Project 7: Subpage comps (due Thursday of week 15)
Week 14: December 6
- finish Project 7: Subpage comps (due Thursday of week 15)
- DUE THURSDAY: Project 7: Subpage comps
- Do Project 8: Main Page and Subpage Web Pages (due THURSDAY of week 16)
- Finish and upload completed class work site
- Finish and upload Project 8
- Review for Final Exam
Week 15: December 13
final exam week
- Final Exam: Online until December 20
- Final project presentations: Thursday, December 18 from 11:00AM to 1:00PM
Bring a dish to share if you wish. I'll bring a main dish and plates/napkins/cups.
NEW!
- Slideshow/gallery lab - use one of the following methods to create a slideshow or gallery. Link to your example from 217 Portfolio. (Your example can be in a project.)
- Dreamweaver Command > Create Web Photo Album (example)
- Dreamweaver Behaviors: Hide and show div on mouseover
- Fireworks Command > Create Slide Show (example)
- Picassa: embed slide show (example)
- Javascript from dynamicdrive.com (example)
- CSS Review
- CSS Overview videos
- CSS Layout
- Using behavior to hide/show div