HTML Tutorial 14Thumbnails

Download an image from the internet Control click –save

image as

Navigate to your images folder

Save image as name_lrg

Launch Photoshop Application

Open Image name_lrgin Photoshop

Open the image size under the image tab

Change Image SizeDeselect Constrain proportions

change width and height

Save image as name_sm in your images file

Two Images

You should have two of the same images in your folder

One large

One small

NOW YOUR READY FOR HTML!!!

>Create a New Doc in TextWrangler

Name it tutorial14.html and save it in your html folder

Start with <img> tag

Add <a> tags

Add url of large picture