6 Replies - 1659 Views - Last Post: 16 May 2008 - 04:13 PM

#1 Juiceworks  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 1
  • Joined: 05-May 08

How to put pictures on website

Post icon  Posted 05 May 2008 - 08:15 PM

I just got a .com, and I have all the the administrative tolls to build my site, but I dont know where to start. I want to upload a backround onto the site, so that when you type in my .com it will appear. I would really apprieciate a "how to " if anyone can help. Thanx
I do my artwork on adobe photoshop if that will help.
Is This A Good Question/Topic? 0
  • +

Replies To: How to put pictures on website

#2 no2pencil  Icon User is online

  • Toubabo Koomi
  • member icon

Reputation: 5247
  • View blog
  • Posts: 27,066
  • Joined: 10-May 07

Re: How to put pictures on website

Posted 05 May 2008 - 08:40 PM

View PostJuiceworks, on 5 May, 2008 - 11:15 PM, said:

I would really apprieciate a "how to " if anyone can help. Thanx

I'm not sure exactly how your hosting is setup, but from an HTML standpoint, you use the image tags to load images.

<img src="http://path.to.image/image.jpg">



Backgrounds can be loaded in the body tag, css, or table data.

A great HOW-TO site is html goodies

Best of luck, let us know if you have any more questions!
Was This Post Helpful? 0
  • +
  • -

#3 BenignDesign  Icon User is offline

  • holy shitin shishkebobs
  • member icon




Reputation: 6011
  • View blog
  • Posts: 10,439
  • Joined: 28-September 07

Re: How to put pictures on website

Posted 06 May 2008 - 03:41 AM

W3Schools is good for beginning HTML tutorials, too.
Was This Post Helpful? 0
  • +
  • -

#4 joeyadms  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 41
  • View blog
  • Posts: 178
  • Joined: 04-May 08

Re: How to put pictures on website

Posted 07 May 2008 - 10:24 AM

Might as well get into a good habit of coding img tags properly. You should learn to lay them out like this.

<img src="http://url.com/image.jpg" alt="Text to be displayed if error loading image" />

First we open the image tag with <img , we define the source of the picture src="http://url.com/image.jpg" then create alternative text to describe the image in case there is an error showing it with alt="Text to be displayed if error loading image" then, importantly, we self-close this tag since it has no other values or nestlings / then close the tag as usual >
Was This Post Helpful? 0
  • +
  • -

#5 ccrasherdeb  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 82
  • Joined: 03-March 08

Re: How to put pictures on website

Posted 07 May 2008 - 12:49 PM

If your just starting like I am, I would use your adobe and resize your photos to about 1280 x 1024 or maybe a little smaller and also save the automatically generated thumbnails. Then load all your photos to a free image hosting account such as photobucket. Then place the thumbnails in your page and use the href provided by the image server so that when anyone clicks or runs the cursor over the thumbnail, the full image will then display. Then follow the other posts before this one. Your photos will load just as fast whether you use a relative address or an absolute URL so use their bandwidth as much as possible.

If your just starting out, you do not want to host many images on your own site because it can and many times will eat up all your space and bandwidth very quickly. So your better off using up those resources from a site other than your paid site.

or put all the images on an independent site and just let them load onto your page from there. I posted a picture of fleetwood mac from photobucket and had over 1 million hits which could have easily used up my 15 gb of space and 1 gb of bandwidth within a few hours.

Im sure there might be better ways to do this later on but from a beginner standpoint this method above will get you up and on the net in a few hours.

Also if your good with css, which im just starting to work with, you can probably put the html/css pages on your hosted site but try to keep as much content as possible on a different site for the reasons i gave above.

Good Luck and have fun!!!
Was This Post Helpful? 0
  • +
  • -

#6 BenignDesign  Icon User is offline

  • holy shitin shishkebobs
  • member icon




Reputation: 6011
  • View blog
  • Posts: 10,439
  • Joined: 28-September 07

Re: How to put pictures on website

Posted 07 May 2008 - 01:49 PM

View Postccrasherdeb, on 7 May, 2008 - 03:49 PM, said:

Then load all your photos to a free image hosting account such as photobucket.... use their bandwidth as much as possible.


Unless you are using a paid Photobucket account, you will eat through your available Photobucket bandwidth quickly. I do not host any actual image galleries, but had to upgrade to a paid PB account to avoid all my images showing as over-bandwidth usage messages.


View Postccrasherdeb, on 7 May, 2008 - 03:49 PM, said:

If your just starting out, you do not want to host many images on your own site because it can and many times will eat up all your space and bandwidth very quickly. So your better off using up those resources from a site other than your paid site.


This will depend what paid host he's using. I run a boat load of sites and demos from my web host with no problems whatsoever. So depending on what paid host he's using, he could very easily run multiple galleries directly from the host with little or no problem.
Was This Post Helpful? 0
  • +
  • -

#7 nitestryker  Icon User is offline

  • New D.I.C Head

Reputation: 2
  • View blog
  • Posts: 7
  • Joined: 15-May 08

Re: How to put pictures on website

Posted 16 May 2008 - 04:13 PM

View PostJuiceworks, on 5 May, 2008 - 08:15 PM, said:

I just got a .com, and I have all the the administrative tolls to build my site, but I dont know where to start. I want to upload a backround onto the site, so that when you type in my .com it will appear. I would really apprieciate a "how to " if anyone can help. Thanx
I do my artwork on adobe photoshop if that will help.


Hi I would suggest Reading some ebooks or searching google on HTML tutorials here is a good site to learn html http://www.w3schools.com/Html/

I will go over the basic concept with you

what you want to do is open a text-editor such as notepad

once you have the notepad open type this below

<html>
<head>
<title> my first site</title>
</head>
<body>
<body background="http://www.yoursite.com/image.gif">
</body>
<htm>

then what you want to do is save it but you want to save it like so.
[ see picture]
Posted Image

you want to change the save type as ALL FILES and name it index.html

then upload that index.html file and the picture onto your webserver and then browse to http://www.yoursite.com/

html is pretty simple and the internet is full of free information take advantage of it..

click the link below to search google for Html tutorials
http://www.google.co...amp;btnG=Search
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1