Sample Homework for CS 50.21B
Alexandre Marcondes
Lesson 1 - Client 3 Prliminary design
Please list the number of the original design here #115
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 logoa: CLIENT TWO AND CLIENT THREE
link to page which displays resized logo 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 photo gallery
link to slideshow
or random image
Lessons 6 Advanced Navigation
link to page with either drop down navigation.
horizontal sample navigation with pop out
sliding door sample navigation
Lessons 7 New in CSS#
text-shadow at GLANCE AT Inset and double shadow.
@font-face page content right.
box-shadow Sample page
border-radius on the navigation and on the content right.
gradients on the Navigation
multiple background images, colors or gradients
ALEX MARCONDES 50.21 A
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
link to index page with color and images
page link to other second level page
Lessons 6 Client 2
I selected design # 144
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