Creating A Picture / Logo For Your Web PageEvery site looks better with a picture or a logo of some kind and it's not difficult to do but it is well worth investing in some sort of image editing software to help you along.
You can usually pick up something pretty cheap on eBay, such as an old version of PhotoImpact for example. Once you have that it's easy to adjust photos, crop, resize, frame, etc to make them suitable for your web page. Making a logo is a bit more tricky and there are actually some free sites on the web for logo making but it's more satisfying doing it yourself of course so set aside a few hours to play around with it.
Once you have created your work of art you need to save it to your FishBasket folder and it's a good idea to create another folder within there specifically for images, so you could call it Images for example. Save your logo or picture in there and we would suggest you save it as either a .gif or a .jpg file. The reason for that is those types of files compress the actual memory required for the image and ensures the web page won't take an age to load up.
If the image has degraded too much by doing that then you will need to go back and experiment with the settings. Generally a jpg will keep a better image but a gif is required if you have any transparency in the image.
Ok let's now add it to the web page we made earlier.
We've made a logo and a picture of a product. The logo we'll place above the heading and inside the DIV tags so that it's centred. The code to instruct a browser to search for and display an image begins with IMG then the name of the image preceded by the folder it's in - eg images/fishlogo.jpg
You then have the width and height plus another bit of coding called the 'alt' where you can enter any corresponding text. Hovering a mouse over this picture will display the text. A couple of BR line breaks are inserted to create a space.
The product picture, the fishbasket.jpg, is placed within the rounded table.
OK so that's the basic site ready now, let's look at how to upload it to our hosting space FTP >>
|
|