Brenda Phillips
Lessons for the CS 50.21B.
Lesson 1 - Client 3 Preliminary design
- I chose design 105 and then made changes to the home page (see revised jpeg at link below)
- link to a jpeg file which shows the redesign of the home page
- 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
Lesson 3/4 Photos and Logos
- link to 2 clients which have had redesigned logos: Cafe Celeste and St. Teresa of Avila
- link to page which displays resized logo at 200, 100 and 50 pixels
- link to 2 photo collages: St. Teresa of Avila
Lesson 5 Advanced Images
Lessons 6 Advanced Navigation
- link to page with drop down navigation
- link to sample of vertical navigation with pop
- link to sample of sliding door navigation
Lessons 7 New in CSS#
- view Client 2 to see uses of text-shadow, @font-face, an inset box shadow and border-radius.
- view Client 1 to see the use of a box shadow.
- gradients: sample page of gradients
- multiple background images, colors or gradients: sample page of gradients and multiple backgrounds
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
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
- I selected design # 122
- template page with each div tag colorized
- CSS explanation page
- images explained
Lessons 7-8 Modify Client 2