Programming Help

Web Development

Projects



What's Here?

  • Members: 98,764
  • Replies: 387,050
  • Topics: 58,105
  • Snippets: 2,024
  • Tutorials: 546
  • Total Online: 1,037
  • Members: 41
  • Guests: 996

Who's Online?

Welcome to Dream.In.Code
Getting Help is Easy!

Join 98,764 Programmers for FREE!. Ask your question and get quick answers from Dream.In.Code experts. There are 1,037 online right now! We're the #1 programming help community on the internet! Registration is fast and FREE... Join Now!

Chat LIVE With a Expert

Register to Make This Box Go Away!


How to put pictures on website

 
 Reply to this topicStart new topic

How to put pictures on website
Juiceworks
post 5 May, 2008 - 08:15 PM
Post #1


New D.I.C Head

*
Joined: 5 May, 2008
Posts: 1


My Contributions
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.
User is offlineProfile CardPM

Go to the top of the page


no2pencil
post 5 May, 2008 - 08:40 PM
Post #2


Wet D.I.C.

Group Icon
Joined: 10 May, 2007
Posts: 4,208



Thanked 15 times

Dream Kudos: 2275

Expert In: Goofing Off

My Contributions
QUOTE(Juiceworks @ 5 May, 2008 - 11:15 PM) *

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.

CODE

<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!
User is offlineProfile CardPM

Go to the top of the page

BenignDesign
post 6 May, 2008 - 03:41 AM
Post #3


DIC-ette

Group Icon
Joined: 28 Sep, 2007
Posts: 627



Dream Kudos: 150
My Contributions
W3Schools is good for beginning HTML tutorials, too.
User is offlineProfile CardPM

Go to the top of the page

joeyadms
post 7 May, 2008 - 10:24 AM
Post #4


D.I.C Head

Group Icon
Joined: 4 May, 2008
Posts: 145



Thanked 6 times

Dream Kudos: 600
My Contributions
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 >
User is offlineProfile CardPM

Go to the top of the page

ccrasherdeb
post 7 May, 2008 - 12:49 PM
Post #5


New D.I.C Head

*
Joined: 3 Mar, 2008
Posts: 39
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!!!
User is offlineProfile CardPM

Go to the top of the page

BenignDesign
post 7 May, 2008 - 01:49 PM
Post #6


DIC-ette

Group Icon
Joined: 28 Sep, 2007
Posts: 627



Dream Kudos: 150
My Contributions
QUOTE(ccrasherdeb @ 7 May, 2008 - 03:49 PM) *

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.


QUOTE(ccrasherdeb @ 7 May, 2008 - 03:49 PM) *

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.
User is offlineProfile CardPM

Go to the top of the page

nitestryker
post 16 May, 2008 - 04:13 PM
Post #7


New D.I.C Head

*
Joined: 15 May, 2008
Posts: 7


My Contributions
QUOTE(Juiceworks @ 5 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.


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]
IPB 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.com/search?hl=en&q=h...amp;btnG=Search
User is offlineProfile CardPM

Go to the top of the page

Fast ReplyReply to this topicStart new topic
Time is now: 7/20/08 02:36PM
Invision Power Board v2.1.7 © 2008  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

Bye Bye Ads

Free DIC T-Shirt

T-Shirt Example

Related Sites

Monthly Drawing

Thumb Drive

Partners

Top Contributors

Top 10 Kudos This Month
-->