DIY Web Design

A  Confession: I am an HTML addict. Tthis terrible obsession is sucking up all my spare time, damaging my relationshisp, and turning me into a wreck, bleary eyed from endless web surfing looking for that special graphic that I can download, mutate with Photoshop, and put on my own web site.

Where did this hideous addiction begin? I got into web design by accident. Last year I was hired by a company to help translate their website from Chinese to English. After this was done, they figured that they might as well have me translate the English document into an HTML document. They dropped a thick book filled with cheery, easy to decipher phrases such as (html)(h1)(b)(header)" insert header here " (/html)(/font)(/header)on my desk and said "Take your time". Naturally I became intimidated and asked for a raise.

After being offered more money, I knew I had no choice but to learn HTML code. After a few hours of trial and error, I had created my first web browsable document. I was from that moment on hooked, and my life hasn't been the same since. Sit back and I'll  tell you how to start down this strange and obsessive path.
D.I.Y. Web design -- Nuts and Bolts, Nets & Bytes

A web site is basically a bunch of information created by an individual and stored on a public computer (called a "server, " or ISP) that anybody can access. Often we talk of "surfing the web", implying that we are going someplace with our computers. In fact, it's the other way around. Our computer is sucking in information from computers afar and dishing it up to us wherever we happen to be. In fact, the web is surfing us. 

The most important component of the web are the thousands of servers that store all the data. Choosing a server is the first thing that you'll need to do. If you live in Taiwan, you have a few choices. The most popular server in Taiwan is Hinet, which offers a mailbox & surfing time for a fixed rate. They also provide ISP service for an additional charge, which is calculated by the size of your site. Hinet is easy to find, being run by the phone company, and their fee is fairly reasonable. They are not known for the expediency of their customer service, so if you have a problem with your site you'll probably have to fix it yourself. 

I go through a service called Prisitne / Asia-on-line, which charges a flat rate for surfing time, mailbox, and ISP service. Aside from speaking English, they have a good attitude when it comes to helping their customers, and they have helped me more than once to troubleshoot & solve problems I've had with my site. 

Whichever server you go with, actually publishing your site is fairly easy. Once you've verified all your links (i.e., made sure that all of the "click here" places on your site connect to where they're supposed to) you just upload all the files, pictures, and anything else to a folder on their system that they'll set up for you. Poof, you're ready to begin coding.

HTML Code and how to avoid it

The next descision you'll have to make is this: "To code or not to code?" Figuring out HTML code might take some time, but it isn't terribly difficult. HTML Code is actually pretty intuitive, with things like meaning "Put all text between these two sets of brackets in boldface". If you are interested in learning basic HTML code, you should surf the web a bit and find a few pages that you really think looks good. Save them in your computer using the save as function in the file menu, and then check out "document source" under the view menu. This will show you all the background code that makes the page look the way it does. Background colors, text color, style, & size are all set using this code. You can experiment by copying the document code (everything that is inside the brackets) and changing the document text . 

Save the document as an html file by saving as text putting the .html suffix at the end of the file name and open it with Netscape or Explorer. Play around with the code until you have something you like. You can do all of this with the humblest of text editors, but you'll need to get the code right. If You don't feel like bothering with code, no problem. There are scores of good web site programs out there, and even the most basic one will allow your creative impulses to run wild, unhampered by technical details.

By now, most people are familiar with Netscape gold and it's easy to use "Edit" button. My first web page was made with N.G, and, for simplicity and ease of use, the program can't be beat. Although N.G. is designed as a browser, it has enough going for it to make it a decent Web editing tool. Using N.G., you can write text directly into a document, set background patterns ("wallpaper"), point and click graphics onto your page, and create links by dragging the site name or address directly from your bookmarks folder. Not only do you not have to type HTML code, but you never even see it. All you see is the actual finished product.
Netscape Gold is good for creating basic documents, but it's basically just a browser with some editing functions. For snazzier documents, you'll want a more complete program. I recommend Allaire Home Site, available here . Allaire Home site is by far the best program I've used, combining simple point and click features, hotkeys, and multitasking to make for a great and extremely reasonably priced product. Home Site makes creating frames and tables painless, and has a VERY USEFUL feature that estimates your download time at various modem speeds. This brings us to the next facet of web design:

Nobody likes a clunker

Web design is like sex You need to do an awful lot of it before you start to feel like you're doing it well. A clumsy web designer is like a clumsy lover -- good intentions count for little when the whole affair comes off shoddily. There are a lot of pitfalls to be avoided in web design, just surf around the web for a while and you'll see plenty of examples of well meant but unwieldy sites -- sites with huge graphics that take forever to download, sites built with all the latest web technology but inaccessible to those with older software, and sites that are just too slow. Having created a few of these clunkers myself, I've learned a few tricks to make my sites run smoother. 

*Keep the byte size down! In the virtual world, bigger is not better. Text is cheap, but pictures, sounds & java scripts (little animated cartoons) all take up space. Most people wont visit a sight twice if it takes too long to download. 

*When scanning photos, play with the image size & dpi (dots per inch) settings until you get a good compromise between quality and byte size. When the photo is scanned, use photoshop or Paint Shop Pro to play with it (always save an unaltered copy before you start your alterations) to see how small you can get it by cropping & downsizing. 

*I've found that some graphic applications lose very little quality by having the colors reduced, but shrink appriciably in byte size. Remember that byte size is a key issue, and that having the best photo on the web is of no use if nobody wants to take the time to look at your site. 

Eric Delisle is the webfounder of Ulead Systems' site. He reccomends keeping download time down by avoiding too many small pictures on one page, as one graphic application thats 30k in size will download much quicker than ten graphics that are 3k in size. On the web, 2+2 does not always equal 4. He also reccomends streamline your site by splitting it into as many pages as possible to allow your cyber guest more control over what they see. On my sight, I have a welcome with a few picture icons leading to other pages. Clicking on any of the icons will lead you to other pages where I've created links to some stories and pictures I've done, as well as many links to external sites. This is a much better set up than just throwing everything on one page, forcing your guest to wade through everything just to get to what they want. 

Getting What you want: The Raw Materials

Having barely scratched the surface on the subject, this article looks ready to muscle its way into the sports section. Rather than run the risk of competing with Tiger Woods, I'm going to list a few sources on the web that I've found extremely useful in fueling my own mania. Photos, music clips & templates are basically usable by all unless otherwise specified, and most people won't mind if you borrow a bit especially if you provide a link and a mention. . Happy HTML'ing! 
Back to The Psychedelic Pagoda 
an Ulead site concerned with photo optimization 
Another Ulead site 
An Ulead site concerned with GIF's & JPG's

Every time that CNN online does a story about the Hubble telescope (which seems to be every week), they thoughtfully include several links to various stargazing websites that feature Hubble pictures. These pictures make great wallpaper, and are pretty fascinating if you're into that sort of thing. 

The Church of the Subgenius web site is possibly one of the most extensive collections of strange art, sound clips, java animations, and assorted applications on the web. The site is big, so pack a lunch, but the webmaster has been very conciencious about keeping every individual file as small as possible. I Highly recommend this sight. 

Back to the begining Forward into the past