Creating a Website|
Creating a website, while requiring a bit of a learning curve, should be manageable if you have figured out creating, emailing and saving files on your PC. Local libraries are now a good source of books on the subject. This article will endeavor to describe something of what's involved.
A website is usually made up of a number of webpages. A webpage is in turn basically just a file not unlike a Word .doc file. It contains your text, some very basic formatting codes (tags) which make your words big, small or bold or into hyperlinks (underlined and blue), along with any embedded images. These files have the file suffix .html. Each image is however a separate file (which end in .gif or .jpg), so a single 'webpage' is actually a collection of files. Your html files and image files live on your internet service provider's computer, which duly sends them off to anyone that asks for them.
You do need a few things!
OK... ready to get into it?
Getting the tools
Before you start it will help you if you make sure your computer displays filename endings. If yours are hidden, then look under My Computer | View | Options. Uncheck a box that says something like 'hide MSDOS extentions'.
1. Web authoring software
An html file is actually a simple text file like those ending in .txt. There are two basic methods of creating html files.
The first is a program that allows you to enter your formatted text directly just as Word does, and converts the output into html. These are called 'WYSIWYG' editors, and are good if you only want to make one or two websites. Some WYSIWYG editor options are:
The second and other method is to code the html markup directly and/or with the help of an Html Editor program. This method is best if you need to be fussy about design and need to have 'clean' quick to download html. An understanding of html also aids good page design. What is html? Here is an example or two
Its quite simple! And with an html editor you can say highlight your text, click the bold button and it adds the <b> tags for you, but you work in the html. Some software options for this method are:
2. A home for your pages
If you use your own internet service provider then you will likely end up with a URL like:
3. File upload software
Next you have to get your newly created html files which are saved on your hard drive, onto your providers computer. This is just download in reverse! Your website host will assign you a directory where you save your files. With EVCNZ it is called something like /webusers/evcnz/htdocs/.
The www is a multimedia environment. Traditional publishing experience will help you, but start preparing to think colour, and colour in very small packages! The inclusion of images, both photos and icons etc will require some extra work.
Original artwork and photos need to be 'scanned' using a scanner. A scanner converts your picture into a digital file, which you can save onto a floppy. Scanners are now very cheap , starting at around $100. Alternatively see if there is one you can use at work, university, or at friends places. As a last resort many copycentres etc will do it.
Public domain photos, icons and pictures such as clip art are also used. Html is really primitive, so if you want boxes and lines and stuff you'll need to construct these out of small images. You can save images you like off others' websites by right clicking on them, but its not considered very good form. And hey go easy on these, they mostly look pretty tacky.
Unless all of the above already exist in either gif or jpeg format, have good contrast and a small file size, then you'll need a graphics editor program. Right about now if you were an ordinary old Word user like I was, you'll be looking at the clutter on your desktop with some trepidation! Nonetheless, some image editor options include:
OK, what then!
Well if you have made it this far, and you can /or have managed to ferret your way through various help files, teaching yourself on the fly, then you are 9/10 of the way there. Rather than write a whole book enumerating the actual how-to of page design, the balance of this article will describe some must-know pointers.
1. Page name protocols
On most servers your homepage, ie the one that visitors first see ,should be called index.html. When you type www.yahoo.com into your browser the server returns http://www.yahoo.com/index.html. In addition to this be very careful to save all your filenames in lowercase. On servers, index.html is very different from index.HTML.
Make sure you keep all the image and html files in one folder on your computer. This way the hyperlinks will keep integrity. Similarly it is possible to create sub-directories in your home directory of your host computer, but for small sites it is simplest to save all your files in that one directory for the same reason.
2. Downloading software
Downloading programs from the web and onto your computer is usually straightforward. Follow the instructions and after clicking on the final download link, a 'save as' dialog box will appear. Make sure it will save somewhere you can find it again, like the desktop is best. This can take anywhere from 5 minutes upto 1 hour. (You may as well use this time to browse the web at the same time as its downloading. )
OK, after the file has finished arriving you'll end up with a new file on your desktop ending in .exe Before doubleclicking on this icon, close all other programs, like Word or Netscape, so the new program will install properly. Double clicking will automatically run the set up program, and you'll just need to confirm the destination of the program files, preferably c:\program files\.
Lastly remember the virus risk--go to reputable sites where possible. And remember, that what seems like free software is going to cost you something in internet time/traffic.
3. Image preparation
The internet is unfortunately a slow medium at present. With images the trick is to use just enough to give colour and meaning, while keeping the total size below about 50K per page. Now, if you have scanned an image before you will know how a harmless 5x8 photo can quickly become several megabytes! You do this to the web and you'll be exceptionally unpopular. What I do is scan the file at 72 dpi save it as a .tif file, with LZW compression. Then open in Photoshop, correct colour and contrast, crop, and resize if necessary. Lastly sharpen, and save as a .jpg
Jpegs are best for photos, because they have many shades of colours, and compress well. However for icons with few colours or small images save as a .gif file. Yes I know its starting to sound a bit complicated, but if you don't have images or you scan accurately in the first place you needn't worry about the finer points!
4. Search engines
Naturally a webpage is no use if no one knows its there. So you need to learn a) how to make your pages search engine friendly and b) how to submit to search engines.
Think carefully what keywords you want search engines to harvest. Your home page is critical here. There are some key places search engines look for keywords:
Search engine robots may eventually find your site if your friends link to you, however it is better to submit to a bunch of the most common engines and directories. On most search engines' home page is a 'add a URL' or 'submit a site' kind of link. All you do is type in your URL. However with Yahoo it's a bit trickier. Firstly I have had better luck submitting to Yahoo Australia & NZ than to the US Yahoo, which just seems to ignore non-US submissions. Second you wont find an 'add a URL' link on their home page. You have to 'drill' through their directory structure until you find what you think is the best place for your site. At the bottom of this page you will find a 'suggest a site' link. Follow the instructions and your done.
5. Design and Content
All the technical know how in the world doesn't make a website. You preferably should have some content worth visiting, and some sense of good design. Look around at what you see on the web, read design books and practice, practice practice.
In regards content, pictures of your cat are great! but information and interactivity are the bread and butter of the web. See further below for adding more power to your website. Also add some links to related websites, this is why they call it a web.
6. BTW Good file management tips
It is my experience that many W95+ users that grew up with W3.1, haven't caught up with some of the Mac like file management tricks that are part of W95+. These make everyday file handling a piece of cake.
Firstly, you can use the desktop as you would a real desk. Save files that are in progress onto the desktop. That way they are easy to later find and continue work on. Second, create shortcuts on your desktop to important places like My Documents, your floppy disk drive, Netscape, and Your Favorite Web editor. Do this by finding their real icons, and right clicking. (If its a program drill down through the folders under program files for eg. netscape.exe)
Now with your newly created file you can:
More Web Resources
Listed here are some things that have helped me. These are for when you've mastered the basics, and/or get bored.
1. Miscallaneous Stuff
Free Fast counter
500,000 Free Graphics
On-line Html tutorial
Web Building info from netscape
Links to html editors
WinZip File decompression
Help with Wsftp
2. Search Engines
Yahoo! Australia & NZ
3. Serious Forms, scripts etc
CGI Programming 101
Perl . com
Using Apache with Windows
Web servers - Apache
Running CGI Scripts With Perl, Apache and Win95
Matt's Script Archive
My final thought
When working with the web, use the web. So often I'd be struggling to solve something when the answer is right there lurking behind your screen. Try Metacrawler its good. Learning to do effective web searches is one of those things in life that will pay huge dividends.
Written by P. Scott
11 March 1999
Back to Resource Page | Home