My ISP gives me 10Mb of webspace, I would like to just put a few pictures up and maybe some email addresses. Everyone says to buy Dreamweaver or Frontpage, but isn't there a way to create the file in IE and save it as a .htm and upload that? Or maybe even in Word? In Word 2003 when you go to new document it asks you what type, and one of the options is webpage.

I'm really, really in uncharted area for me and appreciate the help

klmgb

Another question. I finally uploaded the webpage, found out that the name had to be index.htm or it wouldn't upload, now I am having problems uploading the file I have the associated pictures in. Does anyone know if that has to be a certain name? I have it named images. My ISP has a file upload manager and it seems to upload, but none of the pitures show up on the webpage. Takes forever to get thru to the ISP, so I emailed them, but who knows when I'll hear back, besides I get pretty good answers here.

Thanks

klmgb

Never mind, figured it out. Had to use a direct link instead of a tag.

LTheobald

Just to clarify for anyone reading this:

1. Web servers have default web pages. These are the ones that are shown first when you visit and address. Normal the default pages are set to something like this: index.html, index.htm, default.html, default.htm. So to make sure that you can view a web page when you type in your web address, make sure you a index.html.
2. Images. Image tags have the following syntax (some attributes omitted):
   
   
   Code:

   <img src="<PATH_TO_IMAGE>" alt="Picture"/>
   

   The alt attribute is some text that is used to describe your picture. It's handy for when something goes wrong and your picture doesn't display of for those using text only browsers.
   
   The src is the location of your picture. You can either use a absolute path (e.g. http://www.ltheobald.co.uk/images/something.gif) or a relative path (images/something.gif). I prefer to use relative paths as it makes the code shorter and it also means that I can develop the code on my local machine and then upload it to a web server without having to make any code changes.
   
   Quick example. Say you have a directory structure like this:
   
   Code:

   +- public_html
   |
   +--+- images
      |
      +- otherdirectory
   

   All you html pages are in public_html but all your images are stored in the images folder (which is in the public_html folder). The public_html is your root folder. Basically when you type in your address (e.g. http://www.yoursite.com) then this is the folder you are taken to.
   
   So how do you write an img tag for this? Well an absolute path would be:
   
   Code:

   <img src="http://www.yoursite.com/images/something.gif" alt="something"/>
   

   The "http://www.yoursite.com/" part of the src tags you to your root folder (public_html in this example). It then looks in the "images" folder and finally it looks for "something.gif".
   
   Relative:
   
   Code:

   <img src="images/something.gif" alt="something"/>
   

   This time we start off in the page this tag was written in. It looks for a folder called "images" and then the "something.gif". So to make this tag work, we have to make sure that this page is in a folder that has a sub folder called images - that's public_html, our root folder.

Anyway, that's my killed a good 15 minutes Hope that helps someone!

Another img tag/path tutorial can be found here

klmgb

I tried to upload a folder named images. I think that would have made the tag -- <img src="images/retirement14.jpg>. Couldn't upload a folder so that didn't work.
Then I tried to link the pictures to the website I have the pictures on with this -- <img src="http://i44.photobucket.com/albums/f45/klmgb/Retirement/retirement14.jpg" alt="Image hosting by Photobucket"> That didn't work either(why, I don't know).
I finally got it to work with this inserted -- http://i44.photobucket.com/albums/f4...tirement14.jpg

Don't see why #2 didn't work but 3rd one did, except maybe some of the syntax was wrong. Even tho I cut and pasted from the website (photobucket)tools.

Thanks for the help

LTheobald

OK, first link - you're missing a double quote at the end. Also do you know what operating system you web host is on? if it's a Linux server, file names/paths will be case sensitive. So "images/Retirement14.jpg" may work but "images/retirement14.jpg" won't. To make sure - try and keep everything lower case.

Second link - this wasn't your fault.

Websites that host a lot of images normally use something called "hotlink protection". This will stop you from linking to images on their server. So when sites like Photobucket get a request for an image from a web page that isn't from photobucket.com, it's rejects it. The ways to get round this are either using a URL to link to the image (like you have), or downloading the image and uploading it to your own webspace and linking to it there.