Sample Homework for CS 50.21B

pat delaplane

Lessons for the CS 50.21B

Lesson 1 - Client 3 Prliminary design

• original design #119
• link to a jpeg file which shows the design of the second level page
• link to a jpeg file which shows the design of the second level page and has color overlays where the div tags will be

Lesson 2 - HTML/CSS/images for Client 3

• link to second level page for client 3. please include validation icons for HTML and CSS

Lesson 3/4 Photos and Logos

• link to 2 clients which have had redesigned logos Client 3b second page and client 3 opening page
• Ummm I dont exactly have client 1 or 2. So here is an original and this one has the logo changed. Click on link on opening page (web) to go to second page with updated logo
• link to page which displays resized logos at 200, 100 and 50 pixels
• link to 2 photo collages (these can either be inserted into one of the 3 clients sites or placed on a sample page)

Lesson 5 Advanced Images

• link to photoshop photo gallery
• link to lightbox gallery1 and newer one lightbox gallery 2
• link to slideshow or random image

Lessons 6 Advanced Navigation

• link to page with example of horizontal navigation bar with drop down navigation.  and link to the same used in client website
• link to vertical navigation with pop out Sample and Client 3
• link to simple sliding door navigation
• Client 1 (Peachy Garden College) from Web Graphics A class
• Client 2 (Design156-maybe)

--------------------

Sample Homework for CS 50.21A/B

Your Name Here

Lessons for the Beginning class.

Lesson 1 - load this file onto the Web

Lesson 2 - Formats

• link to photo saved as JPEG and PNG
• link to clip art saved as JPEG and PNG
• link to transparency sampler

Lesson 3 - Client #1

• template page with each div tag colorized
• CSS explanation page
• images explained

Lesson 4/5 Color and Images

• jpeg which shows the redesign
• link to index page with color and images added
• link to second level page
• link to other second level page
• link to edited image

Lessons 6 Client 2

• template page with each div tag colorized
• CSS explanation page
• images explained

Lessons 7-8 Modify Client 2

• jpeg which shows the redesign
• link to index page with color and images added
• link to second level page
• link to other second level page
• link to linked text sampler
• linker to horizontal navigation sampler