Html tutorial.lesson14
12
HTML Tutorial 14 Thumbnails
description
Basic HTML Thumbnails
Transcript of Html tutorial.lesson14
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