HomePage | Optical Illusions | War Stories | QBasic | Dads Navy Days | Bristol | Bristol, USA | Bristol, Canada | Terre Haute | Miscellany | Web Stuff | About Ray | Site Map | Site Search | Messages | Credits | Links | Web Rings

Web Stuff | Audio | Basics | Browser | Code Tips | Design | Fonts | Forms | Frames (Page 1), (Page 2) | Images (Page 1), (Page 2) | Links | Random | Redirection | Sound | Video | Search Engines | Lycos UK | Home Server (Page 1), (Page 2), (Page 3)

When copying the code from these pages remember to paste them first into a text only editor such as Notepad and then copy and paste from there into your webpage. This is so that all the text formatting codes can be removed from the copied text. Remember that your HTML editor must be in code or HTML view when you paste the code into it. If you are using a template driven HTML editor then the code must be pasted into an HTML and not a text box. JavaScript must be enabled in your browser for the effects generated by it to be seen.

Editors

Design

Technology

Compatibility

Organization

File & Folder Names

Conventions & Defaults

Hosts

FTP & Uploading

Basics or So You Want To Make A Website, Uh? :-

Some people seem to do this backwards. They sign on to a host then ask questions like "What is HTML?" or "What should my site be about?" To my mind, it really does help if you know a few basics before you start looking for a host. You wouldn't go to a book publisher and say "Publish my book for me. By the way, what's these things called words?" would you?

As the use of the Internet spreads, the people using it are getting dumber. A pretty bold statement, but consider what has happened. At one time browsers were difficult to use, connections were slow and unreliable, websites were hosted by universities and large corporations. The Internet was run by and for techies. As the Internet grew new, easier to use browsers were introduced, connections are now faster and more reliable, web hosts are ten a penny and the websites themselves are more "people friendly." Consider this, although the actual number of people finding jobs on the internet is increasing, the actual percentage of people finding jobs via the Internet is falling - http://www.sciencedaily.com/releases/2003/08/030814071955.htm. The reason for this is simple. The Internet was built by techies for techies. People who used it to look for employment could be counted on as being literate, knew technology and at least semi-skilled. Now anyone can use the Internet. That's not a bad thing at all. The Internet is probably one of the greatest achievements of the century. The whole of human existence is here, all you have to do is look for it.

What the hell is Ray on about you may ask and what's all that to do with me trying to create a website?

In an effort to simplify the website creation process many hosts introduced online website building tools, not only that many people started creating templates where you simply "filled in the blanks". A search on Google for website template produced over 3.6 million results. My advice is not to use any of these services. The reason being that once you start using these tools you don't have so much control over your site, editing some of them is a nightmare and some are host specific.

A lot of programs such as Microsoft's Publisher and Word are "web enabled". This means that they can save a document as a webpage. Again, I wouldn't advise the use of these to produce a web site. The reason being that although these programs are good at what they do, when the documents are saved as web pages they try and reproduce the document exactly as it was designed. Documents produced for the web and for presentation and printing are two separate things. Programs like Publisher and Word produce reams of code that is difficult to understand and edit.

Editors :-

I've found the easiest and most versatile way of writing a website is to use a HTML editor, create the pages on your computer then upload them using a FTP program. I use FrontPage but there are many more available such as DreamWeaver. These are professional programs and pretty expensive, but there are plenty of good free one available. Do a search on Google for free html editor. Download a couple and see which you like the feel of best.

You can also download Netscape, this comes with its own editor, Composer. Another good editor is FrontPage Express. This was a Microsoft giveaway with some versions of Windows, more commonly Windows 98. Microsoft has stopped support for the program but there are still plenty of download sites around. It hasn't the same whistles and bells as FrontPage 2003, but it's $200 cheaper (it's free) and the HTML engine is the same as the full version.

Some purists say you should use Notepad and manually type all the code. That's fine, but a little like going back to the stone age of computing. Most programmers know their language's) well enough to write source code in Notepad, but who'd want to sacrifice the speed, convenience and specialized tools available in a dedicated editor? Most HTML editors produce reasonable code and let you edit it anyway.

If you need help with HTML then there are plenty of sites around that have tutorials or other extensive help. Two that I use a lot are W3 Schools and HMTL Goodies.

Some hosts let you edit files online, again I wouldn't recommend that you do this. There are a couple of reasons why you should create and edit the pages on your computer and then upload them to your host...

1) If the preview works on your computer, it'll also work on the server.

2) If anything happens to the files on the server, you've got an exact duplicate on your computer to re-upload the files from. This happened at 250free.com when their servers went down for most of April, 2004. When their computers came back online many of their files were missing. Another example, there was a host named 4x.ro, they just disappeared one day in 2003. In both cases, those who didn't have their files on their own computer simply lost them.

3) You generally have more control over your design

4) It's generally faster

5) If you make a mistake the whole world is able to view it. At least when editing files on your own computer you can test and view them before publishing.

Another type of editor you need will be for graphics. I can't remember ever having seen a website without at least a couple of images. Images for use on the web need to be of certain types, gif, jpg or png and these need to be optimized to reduce the file size. Almost any image editor will do, but if you need to download one try Irfanview or one of Serif's programs.

Design :-

There are many websites around that have a lot to say about website design. Personally, I think your website is exactly that - yours. So long as you think it looks good, then it IS good. But, there are some things that are really going to tick off your visitors. The following is a mixture of bad site and bad coding design that is very common on the Internet, but has no business being there. For some design does and don'ts take a look at my page, Ray's Distraction and the WebTek site.

Technology :-

You should also take a little time and actually learn HTML. There are literally millions of HTML tutorials on the Internet, some that I find useful are Webmonkey, W3Schools and HTMLGoodies. The most accurate, up-to-date information on HTML can be found at the W3C site - but be warned, this site contains a lot of techno-babble and will never win an award from the people of the Plain English Campaign. Once you've got the basics you can move up to style sheets, server and client side scripting languages and other interesting stuff.

Another approach is how I learned to program computers. Think of something you'd like to do, then see how other people people have approached the problem. Say you want to have a forum on your site. There are a couple of ways of doing this. You can use a third party to provide one for you - such as Bravenet, Network54 or ProBoards. Another way is to host the files on your own site. This may have to wait until until you've chosen a host or you can choose your forum and then choose your host. This is because server side scripting is specific. Some hosts let you use PHP, Perl, ASP or some other technologies, rarely will they let you use any you like. For example, premade PHP based forums can be found at PHPBB and Invision, you could even program one yourself, but, your host will have to support PHP to use them.

Compatibility :-

One thing that is often overlooked when making a website and that is the question of compatibility. Not everyone uses Windows and Internet Explorer, so it's important that the site is test on a variety of platforms and with a variety of browsers. Internet Explorer tries hard to accept code that isn't to W3C standards and will run code developed especially for it. The main alternatives to Internet Explorer are Mozilla, Netscape, and Opera. You may also want to download a text only browser like Lynx. Another useful utility is MSNs WebTV viewer.

Organization :-

Most websites, for one reason or another, don't get much beyond a couple of pages. In this case it doesn't matter if all the files are in a single folder. Once your site grows though, you are going to have to organize your files. My site, for example, now contains thousands of files, hundreds of HTML pages and scores of scripts. When I first started the site all the files were in a single folder, as the site grew, this became very unwieldy and I split it into several folders. There are couple of ways to do this. You can split the files by type and have folders name images, scripts, html and so. The way I used was to split the files by subject. So all the files concerned with Bristol go in one folder, the QBasic stuff goes into another and so on. You could have a folder named "common" for files that are used site wide.

The important thing to remember is that the folder structure on your computer must match the structure on the host server. There are a couple of reasons for this ...

1) If the preview works on your computer, it'll also work on the server.

2) If anything happens to the files on the server, you've got an exact duplicate on your computer to re-upload the files from. This happened at 250free.com when their servers went down for most of April, 2004. When their computers came back online many of their files were missing. Another example, there was a host named 4x.ro, they just disappeared one day in 2003. In both cases, those who didn't have their files on their own computer simply lost them.

Folders on my computer Folders on my server Folders on Lycos UK server

Folders on my computer, on my server and on Lycos UK's server.

The image on the left are the folders on my computer. I also run my own server and the folders there are in the middle image. Lycos UK is one of the hosts I use and the folders I keep on their servers are on the right. I show all three to demonstrate that the main folder name doesn't matter. On my computer it's Brisray, on the server it's htdocs and on Lycos it's ftp.members.lycos.co.uk, but the sub folders are all the same.

Most servers use Apache web server software. The default directory for keeping web sites is htdocs. All commercial websites do not, or shouldn't, show you any thing other than the files you need for your site.

File & Folder Names :-

Find a naming convention for your files and folders and stick to it. To save any problems to any of my visitors, no matter what operating system or browser they are using I stick to the a eight character, lowercase naming convention using just the characters a-z and 0-9. Here's why ...

You should not use the following characters in file and folder names / \ ! @ # $ } { % ^ & * ( ) + | . , : “

If you want long names then use an underscore _ character, do not use spaces. The problem with underscores is that if they are part of link then they are obscured by the underlining and people may think they are spaces.

Spaces introduce their own problems and should not be used. Most browsers don't care whether there are spaces in the file names or not. The problems start because the spaces are replaced by %20. Suppose you have a file named my file.htm. MSIE will display the file if the calling code was my file.htm or my%20file.htm. This is because it is very tolerant of bad HTML coding. Mozilla, Netscape and Opera will display the file if it was called from my file.htm. They won't from my%20file.htm.

Scripting, both client and server side, throws a fit because of spaces. This is because of the normal programming rules where spaces are treated as delimiters. Because of JavaScript syntax it's sometimes very difficult to get enough ' or " into a statement to ensure that the spaces are treated properly.

A further problem with spaces is that not all spaces are equal. Although they look the same, file names with spaces produced on a Mac, Linux and PC are all different, and will produce different results in different browsers. Spaces cause problems - do not use them.

Although "legal" it is best not to use uppercase characters in file names. The reason for this is that a lot of people forget that web servers are usually case sensitive. On PCs it doesn't matter, myfile.gif is the same as Myfile.GIF. On web servers they aren't. If the file is called Myfile.gif, then it has to be called from Myfile.gif, not myfile.gif, myfile.GIF or any other combination. For this reason, it is usually best to stick to all lowercase file names.

Do not use Windows long file names. The reason is simple, some operating systems cannot use them. A Mac HFS volume is limited to 31 characters, a Mac HFS+ volume has a 255 character limit.

Do not use accented characters for file names. However the text the to the link may contain accented characters. For example <a href="meteo.htm">Météo (Weather)</a>

Find a naming convention for your files and stick to it. To save any problems to any of my visitors, no matter what operating system or browser they are using I stick to the a eight character, lowercase naming convention using just the characters a-z and 0-9.

Conventions, Defaults and How Web Servers Work :-

Most web servers look for a default file to display when only the domain name is entered for example http://brisray.com or http://members.lycos.co.uk/brisray. This default file is usually index.html, some hosts look for other names such as home.html but most look for index.html - your host should tell you what the default is. You can more or less use what you want for the other pages and use the htm or html file extensions, but the first page must be named how you host wants.

Some hosts provide you with a default index.html (or whatever). This usually contains something like "This site belongs to ..." or "This site is under construction." simply overwrite this file with your own.

Lycos UK's default index.html

Lycos UK's default index.html

Apache web server, by default, if a folder, such as http://brisray.com/test is specified but that folder does not contain the default file then it will automatically give a directory listing. If a file is requested, but doesn't exist, such as http://brisray.com/test/no.htm then an 404 error page is seen.

Error 404 page

Error 404 page

If your host allows it, many web server defaults can be altered by using an .htaccess file. These files can also be used to do other things such as stopping hot-linking and password protecting your website.

Hosts: - Free Web Hosts

This is a small list of free web hosts that I've tried. My requirements are pretty simple, at least 50Mb of space, unintrusive advertising and they must have FTP. That's it, I don't require server side scripting or anything like that. I know the usual arguments against free hosts, "you get what you pay for", "if you don't want to spend money on your site then it can't be any good" and so on. But my site was made for my own interest, if other people like it - and it seems they do - then so much the better. I know that hosting sites costs money but there is no need for a free host to plaster your site with huge amounts of advertising or to provide a rubbish service. Some free hosts do restrict the number, size and type of files that can be uploaded, but the following are pretty generous.

250Free - This host has an odd arrangement in that you can't download your own files using FTP, apart from that it's a good host. The host provides a very helpful user supported help forum.brisray.250free.com

FateBack - brisray.fateback.com

Lycos / Tripod UK - I like this host. They do have their problems for some users but in general I've found them to be very good. One big problem with this host is that the add a frame to your pages to display the adverts. The frame gives all the problems that make me not use them on any of my pages. The host provides a very helpful user supported help forum. members.lycos.co.uk/brisray

Not Recommended - These are my own views, these hosts may be perfectly acceptable for what you want from a host.

0Catch - This host has file size and type limitations to what you can upload but will allow minor infringements. It also has daily and monthly bandwidth limits, but as this isn't my most visited host I've never had a problem with this. One reason why this host didn't get many visitors was that Google, one of the web's most popular search engines, didn't or couldn't index the sites hosted by 0catch. The host provides a very helpful user supported help forum. Unfortunately constant server timeouts when trying to use FTP meant that my site had a lot of 0 length files written and other files weren't uploaded at all, which effectively wrecked my site.

4X - This site just disappeared one day, no notice or anything.

Anzwers - Does not provide FTP services for free hosting.

BravePages - This was provided by BraveNet . The sites were actually hosted by 0Catch. BraveNet now hosts its own sites as BraveHost which I can't recommend as this doesn't allow FTP access.

Free.HostDepartment - At first glance this looks like a great host. I can't recommend though as the FTP support is diabolical. Files are missed and there are constant server time-outs.

FreeWebSpace - Despite saying it supports FTP the free hosting solution doesn't. For this reason I can't recommend this host.

FreeWebs - Does not provide FTP services for free hosting.

150m, ExactPages O-F and Owns1 are 0Catch affiliates, so offer the same services.

There are a lot of web host finders around that seem to have a very odd definition of free. Some however are very good, one of the best of these is Free WebSpace . You may have decided you want to use a certain technology such as CGI or PHP on your site. In this case, Free WebSpace is very useful as it allows you to search for hosts that offer this technology.

Publishing (Uploading) Your Files :-

You're now ready to upload your files from your computer to the server. Depending on what your host allows, there are quite a few ways to do this...

1) Some hosts offer their own uploaders. They should have a FAQ or a help page to tell you how to access it.

2) By using your browser and file explorer you can drag files to upload them.

2a) Open a browser window. In the address bar simply put the FTP address. If a user login dialog doesn't pop up then click on "File" and choose "Login As..." from the menu. Enter your username and password.

2b) In the address bar put ftp://your_username:your_password@ftpaddress. This time, you don't have to go through the additional steps in 2a)

3) Download a FTP program. I use SmartFTP but there are loads of others such as ws_ftp, cuteFTP and so on.

4) Use an online uploader such as those at Net2FTP or WebFTP or Web2FTP

5) Use an editor like DreamWeaver or FrontPage. These contain their own FTP clients you can upload files with.

6) Some operating systems come with a command line FTP program.

If you want to edit a page, do it on your computer then re-upload the file and overwrite the old one.

There isn't a standard form of FTP address and so many hosts require different things...

HOST HTTP Address (HTTP://) FTP Address (FTP://) Login
       
250Free user_name.250free.com/ ftp.250free.com/ user_name
Bravenet (BravePages) user_name.bravepages.com/ www.bravepages.com/ user_name.bravepages.com
FateBack user_name.fateback.com/ user_name.fateback.com/ user_name
Lycos UK / Tripod members.lycos.co.uk/user_name/ ftp.members.lycos.co.uk/ user_name

Many browsers and FTP clients are intelligent enough not to require the initial HTTP:// or FTP://

Web Stuff | Audio | Basics | Browser | Code Tips | Design | Fonts | Forms | Frames (Page 1), (Page 2) | Images (Page 1), (Page 2) | Links | Random | Redirection | Sound | Video | Search Engines | Lycos UK | Home Server (Page 1), (Page 2), (Page 3)

HomePage | Optical Illusions | War Stories | QBasic | Dads Navy Days | Bristol | Bristol, USA | Bristol, Canada | Terre Haute | Miscellany | Web Stuff | About Ray | Site Map | Site Search | Messages | Credits | Links | Web Rings

This page created 5th May 2004, last modified 19th February 2005.


GoStats stats counter