uploading pictures to your site? [Archive]

Click to See Complete Forum and Search --> : uploading pictures to your site?

wardD

07-20-2004, 01:20 PM

hi all

well I am back at it, I have managed to get a few lines of text and some color up to my site. I have tried to add a picture but all I get is a little box that if you hold the pointer over it says show picture. but dosent show anything of coarse.

<html>
<head>
<tittle>
<style type="text/css">
body {background-color: blue}
h1 {background-color: transparent}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}
</style>

</head>

<body>

<h1>welcome to ward&brenda,s closet creations </h1>
<h2>here are a couple pics of our latest creations</h2>
<p>since we do not have a work shop, we use our walk in closets to house our saws and power tools. hence the name closet creations</p>
<p>
bearhead:
<img src="c:\windows/desktop/bearhead/">
</p>
</body>
</html>

<html>
<head>
</head>
<body>

<p>
This is my first crack at a web site<b>so welcome all</b> and bare with me!!! hopefully there will be good things coming soon.

<html>
<head>
<title>This is my page title, it appears in the blue bar</title>
</head>

</html>

does that code look like the proper thing to have a pic apear in a browser

thanks for you help.

ward.

ScaryBinary

07-20-2004, 01:43 PM

You haven't indicated a file extension for your image - you just have "bearhead" but you need something like "bearhead.jpg". Most browsers only support the .jpg, .gif, and .png formats, if you're sticking to standard HTML.

Also, you probably shouldn't be referencing pictures that are on your desktop. Create a sub-folder in your website folder to put all your images in, then reference them there.

For example, if your root website folder is C:\MyWebsite then create a directory C:\MyWebsite\images and put your images in it. Then in your HTML you can use something like <img src="images/bearhead.jpg" />

wardD

07-20-2004, 03:58 PM

scarybinary(love your handle) thanks for your time.

I know its probably the hard way, but I have an index file on the desk top, I use this to play around with this web stuff, once I get something jotted down I just copy it, then paste into the index.html folder( actualy its the public_html folder) and it shows up as index.html once I move it over. then I deleate the index.html file on the host computer, then upload the file I just copied and pasted.

crazy I know, but it seems to work. I am using ws_ftp pro. I tried doing the create site thing but I am old and get confused easy, I couldent even access my site doing it by their tutorial.

all the stuff(which I know isnt much) I have up their I just kinda copied the code from online tutorials and poped in my "stuff" between the </> things. just so I could see some results and start to under stand the source code.

anyway back to the task at hand.

so if I were to take the folder with the bear head pic(jpg) and move it into my index folder and then re-write the url as: c:\windows/desktop/index/bearhead.jpg . after the image =scr thing and it might work?
and the alt= part, you just put in the name of your pic??

once again, I apreciate all the guidence every one has suplied, even if I didnt understand most of it. but on the bright side I do have some text and color floating around in cyber space and bygoly I may even get a picture up their some time soon.

regards, ward.

fancyf

07-20-2004, 05:46 PM

so if I were to take the folder with the bear head pic(jpg) and move it into my index folder and then re-write the url as: c:\windows/desktop/index/bearhead.jpg . after the image =scr thing and it might work?
and the alt= part, you just put in the name of your pic??no if you were to take the folder you have your image in and move it in the index folder you'd have:

c:\windows\desktop\index\FOLDER\bearhead.jpgto make it work on your server you'll need to upload that FOLDER containing your image:

/public_html/FOLDER/bearhead.jpg

and the html path for your image will be:

<img src="FOLDER/bearhead.jpg" alt="here's a bear head!" border="0">the alt attribute is for when you move your mouse over the picture, a tooltip appears.
or for ppl that would use text only browsing, they would see your alternate text instead of the picture.

the border attribute set to "0" will tell it not to add any border to your image.

wardD

07-21-2004, 06:59 PM

thank you fancy, I figured out the hard way I cant get the pic into the index folder. but I am sure it will go into the public_html folder.

I also noticed your code starts c:\windows\desktop\ etc...
my point being you are using back slashes as aposed to forward slashes.

I know I am probably confused but shouldent it read c:\ windows/desktop/etc.. c:\ being the root directory, or should it be c:/ ( forward slash) as I mentioned, I get confused easy.

thanks again for the help.

ward.

fancyf

07-21-2004, 08:07 PM

Not sure I understand why you say you can't move your image in the index folder...

Under windows it's all backslashes ( \ )
On the net it's forward slashes ( / )

Your index.htm (or.html) file has to be at the root of the server (in public_html folder).

If your image is in the same directory as your index.htm file then the path of your image(s) file(s) would be:
<img src="bearhead.jpg" alt="whatever you want the tooltip to say">or if you want your images to be in a separate sub folder then you'd need to create one under public_html directory, ie. /public_html/images/ and also under your site folder, ie c:\windows\desktop\index\images\

Then your images path (address) would be
<img src="images/bearhead.jpg" alt="whatever you want the tooltip to say">hope this helps..

PageTutor (http://www.pagetutor.com/pagetutor/makapage/lesson10.html)

wardD

07-21-2004, 10:50 PM

hmm, let me start by saying it all helps. as far as not being able to put the pic in the index folder, I beleive is because its a note pad doc.( the one i use to play with then copy to the what i hope you mean is the root public_html)

I was able to load it( the bear head folder) into my public_html folder in what i am hoping is the root . and from their upload it to my web server. I just kinda copied your code. I got the alt= stuff i wrote, but i still dont have a pic. i probably screwed up on the typing and the ",/> stuff.

again, I do apreciate your time and wisdom.

ward.

fancyf

07-21-2004, 11:32 PM

wardD, the index folder as you call it isn't a folder... it's a file - index.html -
a folder (or directory) looks like this: http://takeoba.cool.ne.jp/icon/image/XP/folder_open.gif

a file has an extension .txt ; .html ; .jpg ; .gif ; etc...

so just:
1) create a folder wherever you want (on your desktop if you want) and
2) put all of your site's files in it
3) edit your index.html file and make sure the code for your image is:

<img src="bearhead.jpg" alt="whatever you want the tooltip to say">

then on the server:
4) upload the files only (not the folder) directly to the public_html directory.

Read the >> PageTutor tutorials (http://www.pagetutor.com/pagetutor/makapage/index.html) << It will surely help ;)

wardD

07-23-2004, 11:51 PM

ok, things are looking brighter. I got a young lad from work to come over and give me a lesson.

he showed me the proper way to set up my folders and such and how to upload the files.

I will do some playing around now and see what I can come up with, the site is realy ugly as it stands.

thanks all for your patience, apreciate it.

ward:t