Posting photos to a website
Thread Starter
Join Date: Apr 1999
Location: UK
Posts: 111
Likes: 0
Received 0 Likes
on
0 Posts
Posting photos to a website
Can anyone please offer a few words of advice. As a project ( just to see if I could do it ) I set up my own website and have trid tp learn how to use HTML but for the life of me I can not transfer a picture to the site. My text appears then a box with text relating to the picture and a little red boxed X. I am stumped!
I am using W98, Pipex to host and Terrapin to FTP.
Thanks in advance.
I am using W98, Pipex to host and Terrapin to FTP.
Thanks in advance.
Join Date: Jul 2003
Location: Scotland
Posts: 151
Likes: 0
Received 0 Likes
on
0 Posts
roach
Dunno how competent you feel about editing the raw file, but I will try to tell you what to do anyway.
Open up the file from your local machine using internet explorer
When open go to the View menu and choose view source not lookt through the code to see if you can see mention of your pictures it may be something like c
my docs\web\picture.jpg if this is the case when you upload to the internet the site will not work to others when viewing and you will get the little red cross appearing.
I could go on here about the different ways to fix this but I would suggest that the best thing to do would be to save the files in the same directory as each other i.e. htm pages and pictures then make sure that your code just mentions ... src="picture.jpg"
If you want me to look at your site and tell you what I think is wrong please PM me and I will check it out and let you know.
Dunno how competent you feel about editing the raw file, but I will try to tell you what to do anyway.
Open up the file from your local machine using internet explorer
When open go to the View menu and choose view source not lookt through the code to see if you can see mention of your pictures it may be something like c
my docs\web\picture.jpg if this is the case when you upload to the internet the site will not work to others when viewing and you will get the little red cross appearing.I could go on here about the different ways to fix this but I would suggest that the best thing to do would be to save the files in the same directory as each other i.e. htm pages and pictures then make sure that your code just mentions ... src="picture.jpg"
If you want me to look at your site and tell you what I think is wrong please PM me and I will check it out and let you know.
Join Date: Sep 1998
Location: Sydney, Australia
Posts: 513
Likes: 0
Received 0 Likes
on
0 Posts
I think FSD has the answer - in a simple webpage put your html file and pictures in the one folder.
I made a small family photo album using FrontPage express as follows:
[list=1][*]Create a folder on your PC - lets call it "photos"[*]Copy pictures to that folder[*]Create an empty index.htm file and save it to your photos folder. (This makes FP Express create links that default to the folder where both the index file and the images are stored.)
Add your pictures and text (you appear to know how to do that), and save to the "photos" folder.[*]Test locally by double-clicking on the index.htm file. Your browser should open and display your web page and pics. If not, investigate!!
[*]Once the page is working properly with the local test, upload the contents of the photos folder (ie, the index.htm file and all the pics, but not the folder itself) to your public_html folder on your web site, OR[*]Upload the whole photos folder (not just the contents) so that in the public_html folder on your website there is a subfolder called photos containing your pics and the index file you just created. IMO, this is the preferred method - it allows for future orderly expansion of your website.
If you do this, you will have to create another index.htm file for your public_html folder with a link in it pointing to your photos folder because when people go to your website at, say "www.isp.co.uk/~roach" that automatically loads the index file in your public_html directory on your website. If that index file has a link pointing to photos - eg "www.isp.co.uk/~roach/photos" - then the index file in the photos sub directory will be loaded.
This gives you a means to navigate around folders by writing links into the index and other pages on your site.[/list=1]
Clear as mud??
PM me if you want, and I'll send you a URL to part of my on-line photo album and the page that makes it work.
Cheers
AA
I made a small family photo album using FrontPage express as follows:
[list=1][*]Create a folder on your PC - lets call it "photos"[*]Copy pictures to that folder[*]Create an empty index.htm file and save it to your photos folder. (This makes FP Express create links that default to the folder where both the index file and the images are stored.)
Add your pictures and text (you appear to know how to do that), and save to the "photos" folder.[*]Test locally by double-clicking on the index.htm file. Your browser should open and display your web page and pics. If not, investigate!!
[*]Once the page is working properly with the local test, upload the contents of the photos folder (ie, the index.htm file and all the pics, but not the folder itself) to your public_html folder on your web site, OR[*]Upload the whole photos folder (not just the contents) so that in the public_html folder on your website there is a subfolder called photos containing your pics and the index file you just created. IMO, this is the preferred method - it allows for future orderly expansion of your website.If you do this, you will have to create another index.htm file for your public_html folder with a link in it pointing to your photos folder because when people go to your website at, say "www.isp.co.uk/~roach" that automatically loads the index file in your public_html directory on your website. If that index file has a link pointing to photos - eg "www.isp.co.uk/~roach/photos" - then the index file in the photos sub directory will be loaded.
This gives you a means to navigate around folders by writing links into the index and other pages on your site.[/list=1]
Clear as mud??
PM me if you want, and I'll send you a URL to part of my on-line photo album and the page that makes it work.
Cheers
AA
Last edited by Ausatco; 25th Oct 2003 at 12:47.
Supercalifragilistic
expialidocious
expialidocious
Join Date: Sep 2001
Location: Essex, UK
Posts: 588
Likes: 0
Received 0 Likes
on
0 Posts
Case sensitive?
...and in all of the above be careful with file names.
Windows is generally not fussy about cases in file names so:
image1
and
Image1
are treated as the same thing.
Linux / Unix would see these as two different files, so if you ahve not been 100% consistent between filemanes on disk and file names in your html (or entering them in your WYSWIG editor) then the server will not find the piture. (Pipex runs Debian Lionux according to www.netcraft.com)
Took me an age to figure that out the first time I hit it. Now all images for the web are doen in lower case so I don't forget.
Also don't use spaces in file names, it can be done but is a pain in the proverbials.
Windows is generally not fussy about cases in file names so:
image1
and
Image1
are treated as the same thing.
Linux / Unix would see these as two different files, so if you ahve not been 100% consistent between filemanes on disk and file names in your html (or entering them in your WYSWIG editor) then the server will not find the piture. (Pipex runs Debian Lionux according to www.netcraft.com)
Took me an age to figure that out the first time I hit it. Now all images for the web are doen in lower case so I don't forget.
Also don't use spaces in file names, it can be done but is a pain in the proverbials.
Stormy
Join Date: Oct 2003
Location: Australia, and I love it!!
Posts: 299
Likes: 0
Received 0 Likes
on
0 Posts
inserting a picture using Frontpage
Oh dear - I'm a basic user of Frontpage so I'm not correcting anyone above, just adding my method which is simple (for simple users!!!)
I just put the curser where I want the picture on the page, then go the the menu at the top, choose "Insert" then "picture" then "from file" and you can browse to wherever you have it stored on your computer, in "my pictures perhaps" then double click on the desired picture and it appears. If you want a thumbnail of it, so the larger size picture only comes up if the person browsing (on IE, not in Frontpage) clicks on it, then right click on the picture, and choose "auto thumbnail"
I find Frontpage sooooo friendly.
I just put the curser where I want the picture on the page, then go the the menu at the top, choose "Insert" then "picture" then "from file" and you can browse to wherever you have it stored on your computer, in "my pictures perhaps" then double click on the desired picture and it appears. If you want a thumbnail of it, so the larger size picture only comes up if the person browsing (on IE, not in Frontpage) clicks on it, then right click on the picture, and choose "auto thumbnail"
I find Frontpage sooooo friendly.
