Homework for CS 50.21B, Fall 2009
Mark Alarie
Lessons for the Advanced Class
Lesson 1 - Client 3 Preliminary design
Design #110 original design
Link to jpeg which shows the design of the second level page
Link to jpeg of the second level page with color overlays indicating div tags
Lesson 2 - HTML/CSS/images for Client 3
Design #110 link to second level page (include validation icons for HTML and CSS)
Lessons 3/4 - Photos and Logos
Link to Client 1 with re-designed logo
Link to Client 3 with re-designed logo
Link to page which displays re-sized logos at 200, 100 and 50 pixels
Link to a page with 2 photo collages
Lesson 5 - Advanced Images
Link to a Photo Gallery I created with Photoshop Elements
Link to a Light Box Photo Gallery
Link to an auto-running Slide Show I created using code from the following website: www.barelyfitz.com
Lesson 6 - Advanced Navigation
Link to Horizontal navigation with pop out using the Client 3 second level page
Link to Vertical navigation with pop out using the Client 1 home page
Link to sliding door navigation using the Client 2 home page
Homework for CS 50.21A, Fall 2009 (COMPLETED)
Mark Alarie
Lessons for the Beginning Class
Lesson 1 - load this file onto the Web
Lesson 2 - Formats
link to photos saved as JPEG and PNG
link to clip art saved as JPEG and PNG
Lesson 3 - Client #1
Template page with each div tag colorized
Lesson 4/5 Color and Images
jpeg which shows the re-design
link to index page with color and images added
link to other second level page
Lessons 6 Client 2
Template home page un-modified for reference
Template page with each div tag colorized
Lessons 7-8 Modify Client 2
jpeg which shows the re-design
link to index page with color and images added
link to other second level page
link to horizontal nav bar sampler