Many a time you read the same question on message boards, mailing lists and inchat channels - What is the best tool for web development?
A tough one, really, as a good tool should meet so many different requirements.
There is one tool that does all that. It is called a pen. You use itby rubbing the pin-pointed end against a fitting surface - say paper - and paint and write things with it.
One problem with web design is that we are still completely obsessed with it.It is still an exciting and new media - interactive, fast, international and huge.
When we use our computers to surf around and open a fully fledged webdevelopment tool, we are likely to get drawn to developing something that is cool, technically challenging, new and colourful. The big danger in that is,that we forget the usefulness, the scalability or, very often, even the purpose of the product.
So let's turn off that computer, or use it toplay some music to get our brain going.
Let's take the pen and write down who we want to reach, and what wewant to give them. Let's brainstorm and write down all the stuff that we really really want to have in there. To add some fun to it, let's invent some possiblevisitors or users of our web site, and guess what their likes are and how they access the web. If you are a visual person, doodle them - but don't get carried away. Let's make sure the persona are not the same as us.
Let's take all kinds,
Then we use another paper and sort the things we want to have online intocategories, and, if necessary, into sub categories. Once that is done, let's sort them by priority.
If the things are long and hard to read, let's think of shorter names for them.
Let's go through the list of things and think hard if they really need to bethere, or if they are a "nice to have" which can be added later or after we saw how successful the other bits are. Let's take these "nice to have"s and put them on another paper crossing them out on the first one, or - if we have the professional version of pen - use the end opposite of the point to erase them.
Let's sit back, take a sip of coffee or tea, or do something different for a while,come back and have another go at moving things to the "maybe later" paper.
Alright, we have a list of what we want to have. Now let's takeanother paper and think what our visitors (the doodles, remember?) needor expect to reach them.
Let's write down some of these assumptions.
Alright, this is where we got to. The powerfull application "pen" gave us so far:
Bear in mind that we do not have to give them all the same experience, if ourweb site will offer newest stock market trends, we don't have to cater a lot to the glasses lady, Auntie or the hippie girl.
A web site about game mods and cheats might not really give Auntie orthe busy business executive, or even the hippie girl, a kick.
One thing we don't want though is become elitist and block them out. Give themwhat they can use, and enhance for our target audience, is what we want.
Now we turn on the computer, and we start our web product. With what? With afolder called "my_website" or something similar. In this folder we create folders with the names of our navigation elements, and the neccessary subfolders.
Now we take a text editor, doesn't really matter which - as long as it is capableof clean text and is portable to various platforms - and start writing the content of each of the pages we want to create. Let's sort the text into headlines, lists and paragraphs, and if we need an image for the content, put that image into the appropriate folder.
Close the text, get a bagel or another coffee, walk the dog or take a breathof fresh air. Come back and delete as much as you could. Remember, users don't read, they scan on the web. Don't smother them with long winded talk, get to thepoint.
Ok, we are prepared and ready. We can start our web site, with our favouriteeditor and graphical environment. We can start designing the pages, choose thenavigation (left hand, left hand and horizontal, horizontal, tabs, right hand...)and create the pages. Personally I like using includes in PHP, but if you want to use something else or create each page by hand, do that.
The pen helped us a lot in finding, sorting and honing what we want to puton the web, a lot faster and cheaper than trial and error in any fancy webdevelopment package. It helped us avoiding flashy traps that might have annoyed a lot of users. And we were able to do that anytime and anywhere.
It also enables people who don't know how to create web sites to prepare thecontent for the web developers in a clean way, no searching through hundredsof emails or copying and pasting from one word file.
Surely the mightiest web development tool of them all.