|
Now you've created this masterpiece image how do you add it? Well this website already has extensive tutorials for adding images (check out our basic HTML, Frontpage Express and composer guides as a start). But here is an abridged basic guide to adding images with a webpage editor or with HTML. Before you start make sure your image file is in the same folder as your web page will be or is. With a WYSIWYG webpage editor like Frontpage express or composer it's easy to add an image. Once you've your image in your website folder just click cursor where you want the image (just like adding text). Either select insert image icon or click insert -> image (or whatever equivalent is on the editor) Here's Frontpage express's pop up menu for example
Use the browse button (A) to find and select your image file With HTML, the <img> tag defines your image. You don't need to close it (i.e. you don't need </img>) but you do need a couple of other items. Lets say you have an image called myimage.gif. Put it in the same folder as your webpage. To add the image to your page simply add. <img scr="myimage.gif" alt="my picture"> Within the <img> tag you must include a src attribute. This defines the location of where your image is in relation to the webpage (here it's in the same folder) You should also use the alt attribute for ever image. Although not essential, this dictates an alternative text description for you item. It is useful for several reasons. Not all browsers are graphic enabled and some people turn off graphic downloading to speed up surfing. Your alt message will appear in place of the image making your page make sense. The same applies for visually impaired people surfing the net. The other advantage is that on graphic enabled browsers a message pops up when you move your cursor over making your page appear more dynamic Check out the other tutorials for more details of how to alter the size, position etc.
(Disclaimer- we don't recommend, endorse or take any responsibility for the downloading, installation or running or use of any software or hardware or other products referred to on this site and any subsequent damage or problems that the program or item may cause. Nor do we take responsibility for the accuracy of information on this site. You should always read the manufacturers instructions, warranties and disclaimers and our legal notices)
|
