How to add images to a web page?

itsmine

Hoping someone can give me a hand with this!
I would like to add 4 photographs to my website. There's a bit of white space there for them but I don't know what line of code to write to insert them in the appropriate location on the page. I've drawn them in onto screenshots of the pages, showing where I want them to go. Here's a link to the screenshots: http://www.itsmine.ie/WebsitePhotos.PDF

I'd very much appreciate it if someone here could give me pointers:
[1] What are the names of the 3 files I need to edit?
[2] What line of image source code do I need to put in?
[3] Where in the file do I put it?!

My image file names are:
LabelBanner.jpg
LabelPack.jpg
Clothing1.jpg
Clothing2.jpg

I used to know html, back in the day before style sheets and Javascript, so I'm familiar with IMG tags - what has me bamboozled is all the extra stuff in the code. I can do FTP though! Also, the images are quite big. What size do I need to resize them to, to make them faster to load?

Cheers me'dears !

donnaille

Hi itsmine,

theres an awful lot of javascript there, the image you are trying to change is in this file http://www.itsmine.ie/main_lower.html.

Once you open it change this like[HTML]<img src="imgs/main_weblink.gif" border="0" width="264" height="87">[/HTML]
to the name of the new image you upload, also change the width and height to match the new image, you should also include alt="description of the image you use" for accessibility.

itsmine

Yay - thanks for your help! From your post, I worked out that it was the *_lower.html files I needed to target. I've now got the images onto the pages. I'd like to make the LabelBanner.jpg image on the homepage appear a bit bigger than it is (currently it's set to the same dimensions as in your post). How do I work out what to set these numbers to, to make it big, but still fit inside the boundaries of the squiggly frame?

donnaille

itsmine wrote: »

Yay - thanks for your help! From your post, I worked out that it was the *_lower.html files I needed to target. I've now got the images onto the pages. I'd like to make the LabelBanner.jpg image on the homepage appear a bit bigger than it is (currently it's set to the same dimensions as in your post). How do I work out what to set these numbers to, to make it big, but still fit inside the boundaries of the squiggly frame?

To optimise page loading times and image quality, these numbers (height & width) need to be set to the exact size of the image. If you need to change the size of the image you would need to do it in whatever image editing program you use eg. Photoshop, Paintshop, GIMP. Then upload this image to your server and change the height and width in the html file accordingly.

To keep it inside your squiggly frame I think you will need to set the size to no more than 500px, which is the width for some of your paragraphs of text.



Just had a look at your uploaded image at http://www.itsmine.ie/imgs/LabelBanner.jpg it's 1741px × 633px you should edit this image and reupload it as it's much to big to fit within the frame, by editing it you will reduce the file size and thus the loading time of your page.

Hosting

:pac:....It's a nice little site that....
Adding picture is dificult when a site is not straight forward, the white space in this site is straight forward so I cant see what the difficulty really is?

Liam Byrne

Nice little site, but lose the frames ASAP!