Homework Page

CIS 50.11C - Cascading Style Sheets

Stephen Mik-Section 1385

lessons: 2/3 :: 4 :: 5/6 :: 7 :: 8 :: 9 :: 10/11 :: 12 :: 13 :: 14 :: 15/16 :: final

Lesson 2/3 - CSS Basics

Here is a link to the live html page

Here is a link to the live-site css

Here is a link to the cascade sampler

Here is a link to the selector sampler

Lesson 4-Fonts and Text

Here is a link to the generic,unmodified relative font file

Here is a link to the fonts stretch or shrink page

Here is a link to the decreased font size page

Here is a link to the fixed height page

Here is a link to the font fixed small file

Here is a link to the Imported font-face sampler page

Here is a link to the Vertical Alignment File

Here is a link to the text shadow sampler page

Here is a link to the modified 'live' html page

Here is a link to the modified live-site CSS

Lesson 5/6-Positions

Here is a link to the box properties sampler

Here is a link to the Position Properties,First a static-position file

Here is a link to the Position Properties,Second a relative position file

Here is a link to the Position Properties,Third,an Absolute Position.

Here is a link to the Position-Properties Fourth,A Fixed Position.

Here is a link to the Images Gallery File

Here is a link to the Live Site Colorized File

Here is a link to the Live Site with Position Properties,first the Live-Site

Here is a link to the Live Site with Position Properties,second to the CSS File

Lesson 7-Backgrounds

Here is a link to the Backgrounds Lesson,border-radius sampler

Here is a link to the Box-Shadow Sampler

Here is a link to the Gradient-Sampler

Here is a link to the Multiple-Background Sampler

Lesson 8 Midterm

Lesson 9 Midterm Practical

Lessons 10/11:Layout 1 and 2 lessons

Here is a link to the 2-column Fixed Left website

Here is a link to the 2-column Fixed Rightside Navigation

Here is a link to the 2 column layout,with both columns fluid

Here is a link to the 1-column fluid,2 column layout

Here is a link to the 3 Column Fixed Columns using the Faux Column Method

Here is a link to the 3 Column Fluid,JavaScript matching columns site

Here is a link to the 3 Column Layout,with a Fluid Center Column,the others being fixed

Here is a link to the JavaScript file used in this lesson

Here is a link to the faux-column image used to produce color in the 3 column layouts

Lesson 12:Layout Lesson 3

Here is a link to the 2-column Absolute Page,with the first column fixed,and a fluid second column

Here is a link to the 3-column layout,left and right columns fixed,Center Column stretches and shrinks

Here is a link to the 3-Column Layout,left and right columns fluid,center column fixed,header included

Here is a link to the Layout Lesson 3,Order Of Content Changed website

Lesson 13:Layout Lesson 4

Here is a link to the 2-Column Fixed Live site

Here is a link to the 2-Column Fixed Live Site CSS file

Here is a link to the 2-Column Fluid Live Site

Here is a link to the 2-Column Fluid Site CSS file

Here is a link to the 3-Column Fixed,Live Site

Here is a link to the CSS controlling the Fixed,3 Column Live Site

Lesson 14:Tables and Forms

Regretfully,due to Lab and time constraints along with no access to a decent computer, I will not be able to finish the Tables and Forms Lesson by its' last due date,Nov.28,2011

Lessons 15 and 16 Advanced Navigation

Here is a link to the simple horizontal navigation

Here is a link to the page with a background image with 4 mouse hovering states

Here is a link to the image using 4 states hovering

Here is a link to the horizontal navigation bar with 4 levels of navigation pop-out

Here is a link to the vertical pop-out navigation example

Here is a link to the live site with 2 levels of horizontal pop down navigation (in the acquamarine colored area)

Here is a link to the CSS page controlling the Live Site with horizontal pop-down

Lesson 17 Final Exam

Here is a link from the original Zen Garden Site #119,'Pleasant Day' by Kyle Jones of the U.S.A.

Here is a link from the final-color-div file,part 1 of the Final Exam for CS 50.11C,Sect 1385

Here is a link from the final-css-explain.html,part 2 of the Final Exam for CS 50.11C,Sect 1385

Here is a link from the final-images-explain.html,part 3 of the Final Exam for CS 50.11C,Section 1385

Here is a link from the final-modified.html,part 4 of the Final Exam for CS 50.11C,Section 1385