Thread: Adding Your Own Images to an Existing Template

Obviously I am very new to web creation. Can someone just steer me in the right direction about how I go about inserting my own pic over one of the templates offered. It's a more advanced template choice - the image I'm trying to replace has text over the bottom portion of the pic.
I know enough about photoshop but first time out with dreamweaver. Can I just go to the insert menu? Does the replacement pic have to be saved as html ready? What happens to the image & code that I paste over?
Thanks! I hope my questions make sense to someone.

Hopefully somebody with more knowledge about this will help you, but I'll give you my own small bit of amateurish advice in the mean time.... It might help...

If you've bought or downloaded a template for free (I'm just assuming you didn't make it from scratch) you would have downloaded a folder containing everything you need for that template. Within that folder, there should be a sub-folder, called images or pictures or something like that.

The first thing to do is put the new image you want to use into that folder.

Then open your template in Dreamweaver.
Go to your css folder (again, just assuming it's css)
Find the old picture in the header you want to get rid of (it'll be called image.jpg or something.)
Type in the name of the new image in it's place (the one you've just put in the images sub-folder).

And everything should be ok ... but that's assuming a lot of things... Try it out and if you have any difficulties ask me again... Like I said, maybe someone with more knowledge of Dreamweaver and this general sort of thing may be better equipped to help you.

~~SB16

Actually, just thinking again, you could edit the original header in Photoshop, in the usual way. That image would be located in the images sub-folder.... I think this might be a much simpler method...

~~SB16

Thanks. I had actually forgotten that was how I posted my first pic. My trouble also came because the bottom of the picture is divided in thirds - maybe a table because of the text fields it contains. Should I just figure out the exact dimensions and splice up the bottom of my new picture or is there something basic I'm overlooking?
Another question for anyone - The text inserted as part of my image file got distorted once in dreamweaver. It wasn't a standard font but I thought that wouldn't matter because it was a .jpg file.

well if you have a image divided into three parts it is either 1 to increase the load time or 2 due to one of the images is set to repeat to fill space. Text distorting in dream weaver could be a number of things. it is what it looks like on the web the I would really worry myself about.

Well I am a newbie in this field but I think I can offer you some good suggestion. The best thing you should do is to upload your pic in a photo sharing website and then copy image location and replace it with the existing one. I think this might help you a lot.

Metaldoc

Are you still working on this. I will be glad to help if you are. Just post again and let me know.

I just think so.

I love the templates available and have easily figured out how to change the images (such as the header and footer graphics) and change the sizes, etc., but I can't figure out how to add my own photos.

No matter how many times I TRY.... the source file is correct, the file name is correct. It's driving me NUTS. lol I am specificly using the "Charity" http://www.freewebsitetemplates.com/preview/charity/ template and just need to add my own photos into a paragraph.

It should be as simple as adding the <img src="images/name.jpg"/> tag right?

PLEASE help. Thanks.............................

Need some help a with a banner that I made on bannersketch. I want to use it as my header so what would be the proper way to incorperate it into my CSS?