LAST ONE!

For our final lab, I want you to do lab6 from prior semesters.  It was a good
lab!

The only change is that this year you can choose whatever aphorism
you want -- it doesn't have to come from the genius page.  Choose an
aphorism about truth or happiness or kindness.  You can use the
same en.thinkexist.com/quotations site...




Here we are going to take a look at some of the css properties
for formatting text.  Look at the source of this page.
Pay attention to how I formatted the quote at the bottom.
You are going to do something similar.



1.  I want you to practice your typesetting.  Go here:
http://en.thinkexist.com/quotations/genius/3.html and typeset one of
the quotations.  Make sure you try out the css properties that control
font-size, letter-spacing, and word-spacing.  See the class cheat-sheat
for the options (http://cs.wustl.edu/~loui/104f04/cheatsheet).



2.  Now go into Photoshop and create the background for a "decorated
letter" for the first capital letter in your quotation.  You are going to
be putting this image behind the actual letter, so you want to be adding
any text in Photoshop.  You can make the background as large as you want,
but you will have to scale the letter in the foreground accordingly.  Make
sure the background image has a border.  Add something botanical.  See if
you can fit a rabbit in the corner or something.  Then use the span tag
and the css property background-image: url("URL") to put it behind the
letter



3.  Finally, I want the quote and the background image for the decorated
letter to sit on a rectangular field that has some texture.  You can
either put this as a body or table background, or you can use span and 
z-index to place the textured field behind your quotation.  Create your
own texture element in Photoshop and let the background-repeat property
take care of repeating it.



That's it for today.



Here is mine:

 

 

 
 Since when was genius found
respectable?

 
 -- Elizabeth Barrett Browning