Changing or adding images to your website will be a two step process. First you will need to
place the image into the images folder located on the server in the public_html folder. Once
the image is in place you will need to reference it properly on the page where you would like
it to show up.
To upload the picture, simply connect to the server with filezilla and drag the image to the
images folder. Make sure that the image name does not contain any spaces or capital letters
in it. If it does, change the name of the image before you transfer it.
Once the image is in the images folder, go to the page where you would like the image to be
and open it with notepad++. find the spot on the page where you would like the image to show
and copy this line:
Swapping filename.extension with the new file name including the extension (.png, .jpg, etc).
Changing an image will simply require you to change the file name that is referenced in the img tag. Again, make sure that the image is in the images folder or the image will show up as a broken image.
Once you have the image in place, check the page to make sure all is looking the way you intended. To have text wrap around the image, simply add align="left" or align="right" after the quotes around the file name but before the > sign.
Here are some examples of images with the align= tags.
<== <img src="images/cat.png align="left">
<img src="images/cat.png align="right"> ==>