Log in

View Full Version : Web page


klmgb
Jan 20, 2006, 09:21 PM
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

NeedKarma
Jan 21, 2006, 04:47 AM
Here is a free web editor that you can try: http://www.nvu.com/
You'll need the ftp info form your ISP to upload your web pages to your personal space there. Most ISPs have a help site that offer some details in how to do this.

Good luck!

ScottGem
Jan 21, 2006, 06:44 AM
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


For what you are talking about even using Word is viable. You are stalking some very simple pages.

What I would recommend is learning HTML. It is not hard and will allow you to create your pages using nothing more than Notepad.

klmgb
Jan 21, 2006, 07:57 AM
Downloaded Nvu, pretty simple. -- Thanks
Created the page using that and MSWord, both fairly easy. It seems though that the hard part is figuring out how to upload to the ISP server. That's going to be the trick. :mad: :confused:

I'm a pretty smart guy, and maybe its because I'm new to this, but HTML isn't THAT easy. Got to get the syntax exactly right or nothing works. Found a couple of sites with Webpage/HTML tutorials and am using that as I go along.
Thanks for the help

ScottGem
Jan 21, 2006, 04:32 PM
It seems though that the hard part is figuring out how to upload to the ISP server. Thats going to be the trick. :mad: :confused:

I'm a pretty smart guy, and maybe its because I'm new to this, but HTML isn't THAT easy.

Your ISP should give you instruxtions on how to do that. Generally you use FTP. But many IPSs provide an easier interface to it.

Basic HTML IS simple. Is just a formatting language and more formatting is done with paired tags.

klmgb
Jan 21, 2006, 05:11 PM
All right, here's another question, when I create the page and I insert a .jpg, I'm not actually inserting the .jpg, I'm putting in a location of the actual picture, so when I upload this to my ISP's server am I going to have to upload the webpage and all the pictures and redo the code for the new location?

I understand the tags and most of the procees, the hard part if figuring what tag does what, when/where to put in the attribute, how to tell it where the jpg is (that took me a while to figure out)

Hey, but I'm trying and I really appreciate the help

NeedKarma
Jan 21, 2006, 05:32 PM
Make a folder that is a storage area for your images, reference that location when you insert a picture in your web page. When you upload your site you upload the web pages and the folders.

ScottGem
Jan 22, 2006, 07:43 AM
A decent HTML book will detail all this for you. Generally you would set the dite up similarly to your local drive. Pages in the main folder, images in a subfolder, other aspects may require their own folders. This allows you to use relative addressing so it doesn't matter where the files are located. For example:

<A HREF="\images\myimg.jpg"></A>

Will refer to the file myimage.jpg in an images folder of the current forlder. The images folder could be on a web server on on a local hadrddrive.

klmgb
Jan 22, 2006, 11:21 AM
I have found these sites, they've helped

1. http://www.pagetutor.com/
2. http://www.w3schools.com/html/default.asp (Recommended from another site
Also, for S&G's found a couple of validators. I imagine they will make sure I'm close (as always, no guaratees). Can a anyone one recommend a good book?

I'm starting to get real interested in this.

Thanks

LTheobald
Jan 24, 2006, 02:24 AM
Well whenever you have questions, post them here - we will help you out.

As for books, well for a beginner, I always find you can't go wrong with the "For Dummies" books - http://www.amazon.co.uk/exec/obidos/ASIN/0764589172/qid=1138094607/sr=8-2/ref=sr_8_xs_ap_i2_xgl/202-1815402-6090224

The "Visual QuickStart/Project" books also tend to be quite good if you like to learn by doing (which is often best for something like this):
http://www.amazon.co.uk/exec/obidos/ASIN/032127847X/qid=1138094734/sr=2-3/ref=sr_2_3_3/202-1815402-6090224



Also here are some other HTML sites I recommend for tutorials:
http://www.htmlgoodies.com
http://www.lissaexplains.com/html.shtml

OK, so the last one is for kids but that to me that just says it's written in a language that anyone can understand - so that's a good thing.

klmgb
Jan 25, 2006, 06:40 PM
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 through to the ISP, so I emailed them, but who knows when I'll hear back, besides I get pretty good answers here.

Thanks

klmgb
Jan 25, 2006, 08:36 PM
Never mind, figured it out. Had to use a direct link instead of a tag.

LTheobald
Jan 26, 2006, 02:46 AM
Just to clarify for anyone reading this:
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.
Images. Image tags have the following syntax (some attributes omitted):


<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:


+- 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:

<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:

<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 (http://www.webdiner.com/webadv/begin/paths.htm)

klmgb
Jan 26, 2006, 06:51 AM
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/f45/klmgb/Retirement/retirement14.jpg

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

Thanks for the help

LTheobald
Jan 26, 2006, 10:07 AM
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.