AllExperts > Web Hosting Advice 
Search      
Web Hosting Advice
Volunteer
Answers to thousands of questions
 Home · More Web Hosting Advice Questions · Answer Library  · Encyclopedia ·
More Web Hosting Advice Answers
Question Library

Ask a question about Web Hosting Advice
Volunteer
Experts of the Month
Expert Login

Awards

About Us
Tell friends
Link to Us
Disclaimer

 
 
 
 
About Lola Brooks
Expertise
I can answer questions regarding: web hosting, FTP instructions, site trouble shooting, basic web design questions, search engine optimization etc. I cannot answer questions regarding: PC repair or networking issues.

Experience
I have over ten years of web design experience.

Education/Credentials
Years of Experience

Past/Present Clients
Visit my online portfolio to view some previous work if you are interested in reviewing some of my past clients http://www.blueringdesign.com/webdesign.php

 
   

You are here:  Experts > Internet/Online > Internet Technologies > Web Hosting Advice > Web images etc

Web Hosting Advice - Web images etc


Expert: Lola Brooks - 9/24/2009

Question
Dear Lola,

I'm a student who is setting up a website for a designer, and using tutorials like w3schools.com to learn about html codes etc. It doesn't seem as hard as I thought.
But I have a question about image hosting. Whenever I host an image (with photobucket) and place it on the website, when I then click on that image, it takes me back to photobucket. On designer's websites this obviously doesn't happen,or their image simply displays as an image which isn't 'clickable'. How do I do this?
And the same question goes for placing a background onto the pages. Is there some personal hosting space I could use or what do I need to do?

Thank you very much Lola!

Sincerely,
Yana

Answer
To make the image not clickable and simply show up on the page you will have to host the photo yourself.  The easiest way is to make a folder named "images" and put all your photos in there.  You then link the images through html using an image tag.  i.e. if your image is located in the image folder, and named image.jpg the code would look like this:

<img src= "images/image.jpg">

This code tell the browser to go into the images folder and display the picture named image.jpg.

For more help visit http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_diffloc.


A common mistake that people make is pointing the image to the hard drive where the site is being built.  If you do this, the site will display properly while being made on your computer but not when you upload it to a server.  The same advice goes to backgrounds as well.

To test your site you will probably want to upload it to a server.  I can't really recommend any free hosting because I haven't used it in a seriously long time.  You can do a google search and see what comes up - try to find some with no or minimal advertising so you will be able to see what your site looks like.

Also, what are you building your site with?  Are you handcoding HTML or are you using a WYSIWYG editor like dream weaver?  If you are using something like dream weaver then you don't really have to test the site until you are nearly complete - and when you do the main thing you want to see is if the site functions in all browsers and any unforeseen issues (like linking pics wrong etc.)

I hope this helps.

http://www.blueringdesign.com

Add to this Answer   Ask a Question


 
User Agreement | Privacy Policy | Kids' Privacy Policy | Help
Copyright  © 2008 About, Inc. AllExperts, AllExperts.com, and About.com are registered trademarks of About, Inc. All rights reserved.