Post by Allan NZ P5b on Dec 17, 2004 9:49:36 GMT
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
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