Html tutorial.lesson14

Post on 07-Jul-2015

196 Views

Category:

Education

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

Basic HTML Thumbnails

Transcript

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

top related