Promised picture upload tutorial

[Allan NZ P5b]

I am sorry if this is too long but I have tried to write for all levels as skills differ widely. I have tried to explain what we are doing and why. But that is not as important as doing it. Play with the board you can always delete a trial post or rename one.

Overview

To display a picture on the web you must
1. Have an picture image file ( jpg is the best format for pictures)
2. Place the picture image file in a folder on a web server. ( a web server is a computer permanently connected to the internet)
3. Know where the image is placed on the web server and have a URL (Universal resource locator) for the image file.
a. A URL for a site looks like this www.autojobs.co.nz
b. A URL for a page on a site looks like this www.autojobs.co.nz/contact.htm
c. A URL for an image file on a site looks like this www.autojobs.co.nz/Rover%20Album/images/rover%206_11_04%20006_jpg.jpg or this is more simple usera.imagecave.com/allannz/test.jpg
4. You can display an image by typing its URL in to a web browser ( Internet explorer or similar) if the URL is correct the image file is displayed in a browser
5. If you display a web page in a browser that has links ( URL's) of image files in its code the image files display on the page.
6. To post a picture to the board we are trying to do this. DISPAY OUR IMAGE FILE ON THE WEB PAGE OF OUR POST.


The first step is to put our image file on a web server and know where we put it so we can tell the chat board where to get the image to display.
To do this we need
1. Some web space. There are 3 main sources of web space
a. Paid space on servers that host commercial sites with a personal domain name eg. www.autojobs.co.nz
b. Free space on an ISP (internet service providers) home page server. This is the server that hosts personal web sites and comes free often with your connection. These can often be cumbersome to use and while geek friendly not good for humans. The url looks like this homepages.ihug.co.nz/~aboutall/ not very easy to remember so businesses get a domain name like www.helpme.co.nz which points to the same place.
c. Free or paid space on servers that host picture files
www.imagecave.com is this type of service and this tutorial is based on this sites service. I found them 2 days ago from an advert on the chat board.
2. After the image is on the server we need to know how to link to it. Its URL
e.g. usera.imagecave.com/allannz/test.jpg
3. We need to put the URL of the image file into our post Cutting and pasting is the easiest and most accurate way of doing this.
4. To complete this tutorial you must
a. Be able to open 2 separate browser windows and switch between them
b. And to cut and paste.
c. And have a jpg image file on your computer that you can locate.

Now lets put an image on the web
1. Open a browser window and go to www.imagecave.com
2. Sign up for a free account by clicking "sign up here"
a. Enter a user name I have chosen "rovertest" choose your own
b. Enter a password I have chosen "1234" choose your own
c. Re-enter password "1234" repeat from above
d. Enter your email.
3. You now have an account. Click login and log in with your username and password ( I have changed test acount password so you can't change contents)
4. You will be presented with a screen showing the url of your space and how much or your space you have used the URL looks like this usera.imagecave.com/rovertest/ my usage is 0kb at this point.
5. Along the bottom of the white box is a series of links to create albums and add pictures plus others that you can play with latter. The first 2 are of interest to us.
6. Create albums creates folders in your space to store different groups of pictures in different folders. This site calls folders albums. This is useful if you want to keep your interior photos separate to exterior photos or engines etc.
7. Remember if you put 2 files with the same name in the same folder only one can exist and the second will replace the first. Folders can separate files with the same name.
8. If you move pictures the url of the folder and image will change. And any links on web pages will be broken. It pays to think out folder names early so you don't have to move things and break links. I have created interior, exterior, and engine as folders there urls are
usera.imagecave.com/rovertest/Interior/
usera.imagecave.com/rovertest/exterior/
usera.imagecave.com/rovertest/engine/
the /foldername/ is added to the url to show the location of that folder.
9. we will put a test image in each folder called respectively interior.jpg, exterior.jpg and engine.jpg. Luckally I have these images I prepared earlier in the studio kitchen ( little Joke) on my hard drive.
10. When logged in click "add a picture" you will go to a form that will allow you to select an album to put the pictures in. Imagecave will only let you work with one album at a time so I will do this 3 times.
a. Select album interior
b. Click the browse button and find my picture file interior.jpg
c. Leave the optimise button checked and click "upload pictures"
d. The picture is copied from your computer to your album folder in the imagecave web space and resized to make it a smaller image.
e. My image was still quite big and the picture had a warning on it so I clicked modify image after ticking the little box next to the image and typed in a new size generally about 600 pixels (this is the units used) is a good maximum dimension either height or width. Leave "maintain aspect ratio ticked" or image will distort.
f. File will be saved with a copy added to file name.
g. Delete larger image to save space.
h. The image interior-copy.jpeg is now in my album and its url is usera.imagecave.com/rovertest/Interior/interior-copy.jpg
11. Repeat for other 2 images selecting different folders.
12. You now have 3 images up in cyber space at imagecaves server and the urls are usera.imagecave.com/rovertest/Interior/interior-copy.jpg
usera.imagecave.com/rovertest/exterior/exterior-copy.jpg
usera.imagecave.com/rovertest/engine/engine-copy.jpg


You can share the albums and all pictures in it by giving people these url's of the folders
usera.imagecave.com/rovertest/interior/
usera.imagecave.com/rovertest/exterior/
usera.imagecave.com/rovertest/engine/

or the pictures individually by pasting the picture files url's
usera.imagecave.com/rovertest/Interior/interior-copy.jpg
usera.imagecave.com/rovertest/exterior/exterior-copy.jpg
usera.imagecave.com/rovertest/engine/engine-copy.jpg


Now we need to open the club site in another window and create our post
When we need to put in one of our images from imagecave album we will switch browser windows and cut and paste the code we need into our post.

It is the urls from the box next to the picture when viewed in image cave that we have to cut and paste between the (img)URL(/img) tags where it says "URL" Note Square brackets changed to normal so will display here other wise looks like this .

You get the image tags by clicking the button with the little picture in a white frame 4th from left 2nd row of tags.
Or paste the contents of the Ezcode box into your post with out using the image tag button as the Ezcode includes the image tag.

Here are the images.





Hope this helps might pay to print it out before following the instructions by right clicking and selecting print

Additional image may help image cave users

[Phil Nottingham]

Very nice - your A post trim needs a new backing!

Computers are still complicated but will try your tutorial once I have worked out how to set up my Website - but is this what your Tutorial is in effect is doing?

If this site is going to take off we have to get people off the old one.

I may reply to technical points raised on the old one but they have to use the new site to see what my answer is!

[Phil Nottingham]

For those who are hesitating about how effective this site can be they should look at the Land Rover Series 2 site which is very similar to this.

Its a wealth of information and is far more useful than their own Club Mag which is one of the better one anyway.

[David]

Alan

Many thanks for yout time and effort.

I have made this a 'sticky' - it will always remain at the top of the page, so in future anyone wanting to find out how to do it, can easily find the subject

[Allan NZ P5b]

Thanks phil once I have paid for the repaint to toby ( the P5B), The new Kitchen, Christmas, The new Doger and main cover for boat, the boat engine service kit I do my own service. and my hardstand fees. Did I forget feed the wife and kids and pay the morgage. I will be trying to get the interior tidied up next year including the A pillar trim. But these old cars can cost a bit. Have got a new pasanger seat. purchased leather for recovering drivers and hoping to leatherique all the interior. allso purchased 2 headrests in UK in October when there for New Zealand Opportunities Immigration Expo. But I need to locate the workings for inside the seats. I have the headrests with out the crank in the locating bar.

I too am not fond of the snow ( on the web site)but getting used to it

Happy Christmas to all have a great New Year

[dorsetflyer]

Alan, I have finally followed your excellent instructions and found them quite easy. I certainly can also recommend the imagecave.com site to others, it's FREE, easy to set up, and a doddle to re-size the pics. The only downside was the length of time to upload the pic to their site. I must admit that all my pics are well over the 1mB. So it was optimizing as well as loading. Many thanks for taking the time to set out the path.

[Allan NZ P5b]

Thanks for the kind words. I see that others are still having dificulty I will re read and see if a revision is in order. I knew the instructions were long but believed the answer was to understand a little of what was happening and why.
Back from the sailing now and tomorrow will go and see the car as should be sprayed by now.

[Allan NZ P5b]

I have re activated the rovertest Image cave account and uploaded the pictures so the tutorial will show the images again
I am going to email the pic to work and put on my company ISP's server so it will not expire again.

[roedmose]

I have made an entry with a picture at the "picture gallery of owners car", subject "P5B (Denmark)". However, as I describe in that posting, the image does not appear. I can, however, take properties on the supposed picture, and cut the URL and insert it into a browser URL address line and see the picture. Once in a while, however, I can see the picture on the board !! What can the problem be ??

Frank, Denmark

[glennr]

Try a different host. I use photobucket.com/ Browse your photos, highlight the URL then paste onto this site using the Insert hyperlink button which I am sure you know. If I can be of any further help please feel free to e-mail [e-mail]

[roedmose]

Hi Glenn !

Correct, if I pick another server it works. Investigations show that the server I used (lycos.tripod), will not allow "hot-linking"; i.e. access is only allowed from browser address lines etc. I didn't even know that they can tell from where a URL is coming. We learn everyday !! To allow this the account has to be upgraded at lycos to allow "filesharing". I choose to pick another server as you advised !

[glennr]

Well done Frank. I am glad it helped

[Allan NZ P5b]

have modified the instructions see image at bottom.of first post.
www.imagecave.com is specificall designed for image linking in web pages
"Direct Linking Supported
Direct linking and remote loading is what we're here for! You can direct link any of your photos, albums, thumbnails, or album lists on any website, such as eBay, Live Journal, Blogger.com, or anywhere you need to post pictures! We provide the URL and HTML codes you need to quickly get your images added where you need them! "
So is photobucket.com/ but I like imagecaves layout better
both are good

Regards

Regards

[redsunbeam]

Great tutorial.!!!
Thanks.