photos in dreamweaver website

[footindeb]

Hi, i am building a website, and none of my photos appear. i think it could be something to do with the format saved (jpg) or maybe the filename? or maybe they should be in a "thumbnail". Anyone got any clues... my site is www.fluidgear.co.uk
Thanks. Debbie

[stevie21]

Have you actually uploaded any of the images?

[vehelpfulguy]

You may have "hard coded" the directory name in the html, but now it is on a web site that directory name does not exist.

For example your HTML may show the full path of the file as it is on YOUR computer, like:

"C:\files\pictures\holiday\myview.jpg"

But of course when it is uploaded to the web site that path no longer exists.

Most people put their pictures in a folder called "images" and then you just refer to that directory in your HTML, like:

"images\myview.jpg"

Refering to physical files like images in your HTML is rather complex so I will cover that on another update

[vehelpfulguy]

When creating a web site it is best to have one top level folder on your PC to hold ALL the web site in (HTML, images etc)

Let's assume you have all your web site files in a folder called "website1" (I will call this the root folder)

Within the "website1" folder you create a directory called "images" for your pictures (jpgs, gifs etc).

Now suppose you create some HTML in the root folder (website1) and put some pictures in the "images" folder

If you want your HTML to display an image that is inside the "images" folder you put the path name RELATIVE to where the HTML is, so:

"images\mypicture.jpg"

So basically it is looking for the images folder from inside the CURRENT folder.

Now this next bit may get complicated so stick with me

Suppose within the folder website1 you create ANOTHER folder to hold some HTML called "holiday"

So you have two folders:

website1\images

website1\holiday

Now if you put some HTML in the "holiday" folder and refer to an image as "images\mypicture.jpg" it will not find it.

This is because it is looking for the "images" folder INSIDE the "holiday" folder (where the HTML is), and there is not one.

To refer to the images folder you have to put:

"..\images\mypicture.jpg"

Note the two dots in front of the path name.

The two dots are saying that the HTML has to go UP one directory (in other words point to the website1 folder rather than holiday folder) and THEN look for the images directory.

So when your HTML points to an image the path name has to be RELATIVE to where the HTML is.

If you want to go UP two directories you put TWO lots of double dots like:

"..\..\images\mypictures.jpg"

Note therefore you MUST NOT put hard disk drives

[vehelpfulguy]

It chopped off the bottom of my append, here is the rest

Note therefore you MUST NOT put hard disk drives like C:\ at the front of the path.

Note that even though EVERYTHING in your web site is in folder "website1" you do not actaully upload folder website1, you just upload everything INSIDE website1.

Hope that all makes sense.

[vehelpfulguy]

The sort of things I cover in my append above, and MUCH more, is covered in this excelent book

HTML, XHTML, and CSS, Sixth Edition: Visual QuickStart Guide by Elizabeth Castro, more here:

http://www.cookwood.com/html6ed/

[vehelpfulguy]

I have had a look at your HTML and it seems the images are all in a folder called "imagesfile" so make sure that all the images are actually IN that folder.

Also make sure you have uploaded all those images.

Also make sure the HTML is in a folder where "imagesfile" is RELATIVE to it, like I say in my append above.

[vehelpfulguy]

Can I make one comment about your web site.

I have a 19" monitor and when I display your page it fills the browser window.

But many people DONT have 19" monitors they have 17" or on laptops 15", so when you design a web site you HAVE to design for them or they will visit your site and then move on.

Now in the top right you have a table of fixed size, if I make my browser window smaller I lose the right hand side of the table.

THIS IS BAD WEB DESIGN.

A web site should change size and flow to fit the size of the browser window.

Here is an example of how it should work

http://www.htmldog.com/ptg/archives/000012.php

Notice as you move the right hand browser window in and out the text and boxes "flows" to fill the browser window.

THIS IS GOOD WEB DESIGN.

You should always check how you website looks in a 640x480 windows and a 1024x768 window as many people still have these size screens.

In fact using a table for layout as you have done is now considered poor design and you should be using CSS (Cascading Style Sheets).

Some articles which may help

http://davespicks.com/essays/notables.html

http://www.accessibility101.org.uk/tips/48.htm

[vehelpfulguy]

Sorry, one other bit of advice.

Some of your html files and images files have spaces in the name. This is not a good idea and if you want to separate them using a dash or an underscore.

For example you have

outdoor training.htm

but

outdoor_training.htm

would be better.

Note in the HTML it puts a strange character inside the space as follows:

outdoor%20training.htm

[stevie21]

So, in essence, the images aren't yet uploaded to that "imagesfile" folder...