Need a new web host or having a problem with a script? Tips and advice on the best way to design, build and maintain your most valuable asset - your website!

Pictures in Dreamweaver

quantumsolutions
Posts: 19
Joined: 18 Sep 07
Trust:

Pictures in Dreamweaver

I have a sidebar that I am using on every single page of my site. In these sidebars are little pictures or icons next to the links.

Is there a way to just save a copy of an existing page into a new folder, thus keeping the sidebar links and pics?

Whenever I do this, it doesn't carry the pictures into the new folder. Some of them show up in dw but when I upload, the pics aren't in the folder to be uploaded and none of the pics show up on the internet.

The only way I have found around this is to make a copy of my page into new folder and then manually delete each and every picture and re-copy every picture back over from my word document that is holding all my pics. Then the image exists in that folder and can be uploaded fine.

This is extremely time consuming and there must be another way.

I tried templates also. Same issue. I would open up the template, change my content a little, keeping the sidebar but then there are no pics to upload and I must delete and re-copy each one manually so that the pics show up in that folder.

Any help would be sooooooo appreciated on this.

Thanks, Susan
  • 0
Site Admin
markling
Posts: 2489
Joined: 13 Jun 06
Trust:
Hi Susan,

It's hard to answer this question without actually seeing your website, but I'd guess that you should be using includes to make your menus easier:

That way you'll only need one version of your menu and once you get it right you can 'include' it in every one of your pages that you wish.

Here's an includes tutorial, there are several on the internet:

http://webdesign.about.com/od/ssi/a/aa052002a.htm

Best regards,
Mark
  • 0
Limited time special - Try Affilorama Premium for just $1 for 7 days: http://www.affilorama.com/premium
 
quantumsolutions
Posts: 19
Joined: 18 Sep 07
Trust:
Oh Gosh, Thanks for the direction but that looks a bit complicated for me right now.

I just thought that maybe there is some central location that stores all of the images and then when I copy a page, I just need to upload the images from that central location into hostgator. Maybe in assets? I would think that as long as the images are in the site root I could upload the images from there.

For instance, in one of your videos in how to make a website you have your hair webpage, let's call it 'hair 1'. Then if you make another copy by saving as 'hair 2' the image is also copied.

However if you went to upload a "Hair 2' webpage into hostgator, where would you go to upload the hair image? Is that hair image stored in some central location that can be uploaded into hostgator over and over again?

When I try to do it, it won't let me do it unless the image is in the same folder as the actual webpage I am uploading, (hence I have multiple copies of the same images) And when I copy a page such as "hair 2" I don't automatically get a new image in that new folder. That would be fine. I have to manually put it there---Just seems redundant and seems like I am missing some really simple technique.

By the way, my website is www.goji-europa.com

I'll keep playing around and try to figure it out. Thanks for all your help.

Peace, Susan
  • 0
tannerwc
Posts: 1
Joined: 05 Apr 08
Trust:
Susan,

if you're using dreamweaver...try these steps:

create a main folder for your website to store everything
inside that folder, create a new folder called images or assets
you'll store your main page inside your main folder and the images inside the images folder...next

create a new site in dreamweaver, and follow the wizard..
after the site is imported..you'll see everything.

if the images show up when you view your main page in dreamweaver then you've inserted them correctly.

all you have to do is duplicate/copy your main page in order to create a second one.

all the images should stay linked to the original images..

hope that helps.
  • 0
quantumsolutions
Posts: 19
Joined: 18 Sep 07
Trust:
Thank you so much for trying to help me. I feel like an idiot.

Okay, stupid question:
When I save a page with images on it, it just saves those images in the same folder as the actual page doesn't it? How would I go about saving the images in a different folder than the webpage (main folder) that I will be re-copying again and again?

I'm playing around with the source of the images to try to figure this out. I want to pull out my hair because I know this is as simple as you make it sound.

Thanks, Susan
  • 0
quantumsolutions
Posts: 19
Joined: 18 Sep 07
Trust:
I figured out a dead simple approach. I'm really good at going deep but when it comes to dead simple, I'm an idiot.

As long as I save my copied page in the same folder as the original page, the images all link up fine. I wanted to create different folders for each page but that isn't so important to me.

Thanks again for this awesome place called Affilorama!

By the way, the money players thing looks pretty cool.

Peace, Susan
www.goji-europa.com
  • 0
PremiumMember
nick
Posts: 242
Joined: 17 May 06
Trust:
What you can do, and this will make it a bit easier for you in the future is store all your images there own folder, separate from the html/php pages.

There is a couple of ways to link up images.
You can tell it exactly where to find it, like
<img src="http://www.mysite.com/images/pic.jpg">
but thats not really a good idea.

Another method you can do is link to the images based on where you page is, so if you image is in the same folder as the page then it would look like
<img src="pic.jpg">
if the image is in a image folder, and the folder is in the same folder as the picture then you can do
<img src="images/pic.jpg">
and if you wanted to do the method you wanted initially where the page is in a seperate folder and images are in a separate folder then you can do
<img src="../images/pic.jpg">
but as you can see, that gets a bit crazy as you have to think, where is my page in relation to the images, and if you move that page it will break the images.

The best method is just to put your images in an image folder, then link like this
<img src="/images/pic.jpg">
notice that / at the start of images, that basically means start at the base of the domain (file path) and work up.

Yea I probably got a bit carried away, but I hope it makes a little sense.

So, turn your Dreamweaver to look at the code view, and find you <img src tag, then edit it to point like "/images/apicture.jpg" - then put your pictures in a image folder.

Take a look at these pages
http://www.tizag.com/htmlT/images.php
http://www.echoecho.com/htmlimages01.htm

Both of them also show the image sizing and boarders.
It's a good idea to learn the basic HTML, as dreamweaver can make a mess of your html....
  • 0
Site Admin
aletta
Posts: 3719
Joined: 09 Jul 06
Trust:
Yeah, when I first started out making websites I also vomited all my pages into the one directory. It was a really big mess to clean up when I decided to create folders and I had to go through and move a hundred pages, and also change the links and stuff so that they'd work in the new place.

The best thing to do, and it's not too difficult, is to create an images folder and put your images in that.

It's address will be www.yourdomain.com/images/

Then whenever you need to use an image in that folder, the location of the file will look like this, regardless of whether your page is in a folder or not:

<img src="/images/yourpic.jpg">

You can't go wrong with that. The problem is that you're using Dreamweaver so you don't usually get to see the path unless you go into "split view" or "code view".

And thus, I think, the topic was flogged to death.
May it rest in peace!

Aletta
  • 0
Are your changes not showing up on your website? Try doing a hard refresh! http://www.refreshyourcache.com/en/cache/
 
PremiumMember
nick
Posts: 242
Joined: 17 May 06
Trust:
I think everyone should try and lean at least a little bit of HTML.
Dreamweaver and all those WYSIWYG editors usually make a bit of a mess....
  • 0