MAKING LINKS, SAYING HELLO TO PHOTOSHOP

We'll work by ourselves today, but feel free to ask your neighbor
for help if the TA is busy.  

I hope you have a cec account by now.

As usual, I will be encouraging many of you to be coming to
the cs100 lab times/place in order to get more attention.

1.  So you liked what I did in class?  Let's replicate it.

	Let's take your resume.html and add links.  In each
	course that you have on the page, I want you to
	link to something on the web that represents what you
	learned in the class.

	If you learned about the Trojan War in your literature
	class, you can link to a Brad Pitt site.

	If you learned about the economics of 18th Century winemaking 
	in the Loire Valley, you could link to a wine store.

	So you need to go online, find some sites, copy their
	URL's, and make them the HREF's of A tags that you
	use to surround your text.  Do it for every class
	listed?

	Yes, you need the practice.

	If you get bored, try linking to an image, and make
	that image a local URL instead of an absolute URL.
	That means you have to upload a copy of the image
	to your web folder, .www-docs, on hilton.cec.wustl.edu.

	Show the TA.

2.  As long as you are practicing skills, why not make an ordered
	list out of your semesters, with an ordered list of 
	courses within each semester. 

	If you are good, you can go online and look for help
	on the OL tag and see if you can use Roman numerals
	for the outer listing and Arabic numerals for the
	inner listing.

3.  Find and launch Photoshop

4.  Where to start?  Wow, this is a big program.

	Let's just open an empty 500 x 200 pixel image,
	so it is a letterbox.

	Choose a color.  How to do this?  Click on one of the
	black or white squares, if there is not already a color
	that has been chosen.  

	Pour the color into your letterbox.  Cut out an even
	rectangle from within the color, so that you now have a
	border.

	Replicate this image four times.

	Write the words "One", "Two", "Three", and "Four" in 
	them.

	Size and align your text so it looks good to your eye.

5.  Find a background image on the web suitable for pasting underneath
	each of your letterbox buttons.

	Save it to the desktop.

	Open it in Photoshop and size or crop so that it is roughly
	500 x 200.

	Stick it underneath each of your buttons.

6.  Time to use layers.  Change your words to French:
	"un", "deux", "trois", "quatorze", ha ha ha.

	Change the color of your letters so there is a bit of
	contrast with the background.

	Resize each of your images so they are roughly 100 x 40.

7.  Save your four letterboxes to images as GIF.

8.  Ouch, that's already a long lab.  Save your images to your
	web directory on your account.  We'll play with these later.