Transfer Image

[Ginza]

Hi Everyone,

I am a greenie in this area.

Can someone guide me to how FTP works. I am confused. (Don't understand would be the correct phrase)
I am viewing a tutorial and it says this,
You specify an image with the (image) tag.






We must also specify the source and the size.





I followed the instructions as in Notepad and what I got was a square and an
X.

How do I transfer the image to my webpage?

Any help is great.

Thanks.

[mairving]

Here is a guide.

1. Create a sub-directory on your site called images in your root web folder. So on your site the link to the pictures will be: http://sitename.com/images/picture_name . This helps keep you better organized and separates out the pictures from the pages.


2. Name all of your pictures using lowercase and no spacing between letters. Instead of spacing which can cause problems use an underscore instead. So a picure of your mom would be picture_of_mom.jpg rather than Picture of Mom.JPG.


3. Size your pictures as small as possible and use thumbnails that link to the full size picture if you have several per page. This helps the page load faster and makes it easier to see the pictures.


4. FTP to the site and upload the pictures to the images directory.


5. Link to the pictures from your page like so:
   
   
   
   • Using the full path; <img src="http://sitename.com/images/picture_of_mom.jpg"> There isn't really a need to use the full path unless the picture is not on your site.
   
   
   • Using the relative path to the image - <img src="images/picture_of_mom.jpg">
   
   
   • Using the relative path with an opening / - <img src="/images/picture_of_mom.jpg"> The advantage of this is that it will force the image directory up to the web root. This will make images work if the pages are in a sub-directory. This is the preferred method.
   
   
   
   


6. You don't have to specify the size but it can help if you display the width and height. This will keep your page from breaking up before the image loads. To ensure that your pages are properly validated and also to be nice to other users, you should also specify the alt tag. This is text describing the picture. Example: <img src="/images/picture_of_mom.jpg" width="100" height="250" alt="Picture of my mom">

Hope this helps.

[Ginza]

Hi mairving,

Thanks.

[TurtleQ]

To conform to web standards close your image tag with " />" instead of just ">".

[mairving]

Originally Posted by TurtleQ To conform to web standards close your image tag with " />" instead of just ">".

It depends upon what standards you are using. If you are using something like HTML 4.01 Transitional, then you would use >. If you were using something like XHTML 1.0 Transitional, then you would use the xml style closing tag of /> . If you use the xml style closing tag with Trans HTML, then the page won't validate.