Tuesday, March 15, 2011

Pictures On Pages

To put a picture on one of your Web pages, here’s what you need to do:
1. Obtain the picture as an image file (typically .JPG or .TIF) from your scanner, camera
or any other suitable source.

2. Copy the image file into your web folder along with the HTML files that make up your site
3. Add an <img> tag to the HTML page at the point where you want the picture to appear.

Let’s try doing this now.
First we need to find a picture to use. If you have something to hand, copy it to your Web
Work folder. If you don’t have any images, visit your favourite web site, right-click one of 
the pictures on the page and choose "Save Picture As", and save it in your Web Work folder.
You might at this point be somewhat surprised to discover that stealing pictures from other people’s web sites is as easy as right-clicking. Sadly, this is generally the case. Never assume that pictures on your web site are safe from others who want to use them. If this is a problem for you, eg if you’re a professional photographer or artist and you want to show off your work online without others helping themselves to it, the best deterrent is to upload only small thumbnail pictures onto your public site. Anyone who wants to see full-size pictures can hen be asked to pay before being allowed into a separate, subscribers-only area of the site.
Another option is to use a graphics program to add a watermark or logo to your pictures, but this detracts from their overall look.

With your picture safely stored in your Web Work folder, open Amaya and load one of your HTML pages. From the Insert menu, choose Image. Then browse to your Web Work folder and select the picture you placed there earlier.

In the space provided, type some "alternate text". This is the text that a visitor’s web browser will display if the visitor hovers their mouse over the picture. It’s also the text that will be read out aloud to anyone who visits your site with the aid of some screen reader software. Therefore it’s a good idea to always include some alternate text (or alt text, as it’s known) for every picture you use on your site. In fact, Amaya won’t let you leave this box lank so you have no choice in the matter.

0 comments:

Post a Comment

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Grants For Single Moms