My Story
I don’t’ really know exactly when it began, my interest and desire to be creative. It probably started before I was aware of it. As a child, finger painting was always fun. Some of it showed up early on through the medium of photography. As early as elementary school I loved to take photos. I even learned how to develop black and white film in my darkroom which doubled as the hall bathroom when I wasn’t pretending to be a photographer. I always enjoyed art class in high school, especially projects in sculpting, drawing, and painting. In college I made models of dodecahedrons out of wooden dowels and rubber bands. When personal computers came along in the early 80’s and I bought my first computer, an Atari 400, I directed my creative energy into programming and graphics. The Atari went into the basement when IBM PCs came along. Then the Internet and the World Wide Web became accessible to the public. To their credit, AOL was among the first to offer web hosting as part of their membership and that’s where I really started learning about graphics and html. During the early 90’s, I decided I wanted to be a web designer. But having a family to support with my full time job that paid the bills took up most of my time. Please don’t mistake that statement for a complaint. It’s not. My hope and desire and decision to be a web designer was to one day provide for my family as a web designer. So I became a web designer.
Be a Designer
This is the key point. See yourself as a web designer and be one. I suggest you use this approach to anything you desire in your life. Learn what a web designer does, get the tools, and practice being a web designer. Learn from any source you can find and can afford. Fortunately, you can learn to design web sites from any number of sites on the web at no cost. Tools are freely available and most internet service providers include personal web space for you to host your own site. What a great opportunity to learn and improve your knowledge, skills, and abilities.
I started to be a web designer just building my own website. Then I had the opportunity to build a site for a local nonprofit organization I belonged to. A friend found out I built the site and asked me to build a site for his new business and actually gave me some money to do it. I built another site for another nonprofit. That’s how it starts. Just be it. Let people know you are it. I’m sure you have your own story that brings you to web design. If that’s what floats your boat, let no one tell you it can’t be done. Once a strong desire rises inside you, make it your goal and do whatever it takes to make it come true.
Website Infrastructure
Website infrastructure is just the physical stuff you need to make a website. I’m talking about a web server connected to the internet. Most of us don’t have the wherewithal to set up a web server so we use a web hosting service. As I’m sure you know there’s a big industry that now provides web hosting and finding a service that is suitable for your needs can be confusing. Here are a few things to look for in a web hosting account.
- Great customer service and technical support that’s available 24/7/365. There’s nothing worse than to have a problem and not be able to get in touch with someone who will respond quickly.
- Reliability of the service. Most reputable hosting companies have state of the art, secure data centers. These facilities are climate controlled, have their own back-up power supplies, and plenty of bandwidth to the Internet. Your website will be online and available almost all of the time. By “almost” all of the time, I mean like 99.99% up time.
- Ample bandwidth and file storage capacity. This should not be a problem for most hosting account. The account I use costs about $8.00 a month and I don’t even come close to using half the capacity of the account. This leads to the next point.
- Price. You don’t have to spend an arm and a leg for webhosting. Entry level hosting plans that provide all the basic features for a static html website can be had for under $5.00 a month. You’ll pay a little more to get features such as databases and scripting services when you start looking at building a database driven website based on a content management system or other web applications.
- Choice of server operating system and web server. My recommendation is to use a server running the Linux OS and the Apache web server as opposed to a Windows OS and Microsoft Server. Apache running on Linux is generally considered more secure and costs less than Microsoft Internet Information Server running on Windows.
- A note about registering domain names: some low cost hosting plans entice potential clients with free domain registration for the life of the hosting account. There are two key considerations here.
- First, when the hosting company registers your domain name, who owns it? Without a doubt you should. If you don’t, the only way to keep your domain name is to keep hosting with the same company. This is a risky practice if you value your domain name. See my post about tips on choosing a good domain name.
- Second, I urge you to register your domain name independently of your hosting account. By doing so, you can change your web hosting company without having to change your domain registrar. Changing registrars is possible but takes extra work and time. So choose a good, reputable registrar.
Information Architecture
Care to guess what the most important part of a website is? I’ll give you a hint. It’s not the design. It’s the information. As has been said so often for so many years, content is king. You can have a website that’s an absolute work of art, but without quality content that’s well organized, easy to navigate, and of real value to the reader, you don’t have squat. It would be like having a picture frame without the picture. Many web designers will work with their clients to get the initial content for the site before they even start to design the site. The organization of the information, the information architecture, guides the design of the navigation and this all influences the visual design of the site. Content consists of the text, pictures, graphs, charts, audio, video, and another media that communicates the information of the site to the user. Gather as much as you can before you design and build your site.
Web Design Tools
Text Editors
For the business of creating a basic web page, you’ll need some kind of text editor. In the early days, the Notepad program installed on all PCs with Windows was all there was. Today there are many editors of all kinds for text, html, Cascading Style Sheets (CSS) as well as various scripting editors for the likes of JavaScript and PHP. Wikipedia has a great page that provides a comparison of these types of editors. Personally, I use the free and very capable Notepad++ that does everything I need to examine and edit various text based files. Although this paragraph addresses text editors in general, I have referred to several web related scripting languages. Each one is truly a new language to learn. Do not let any of this overwhelm you. No one knows everything about all the technologies that make up the web. At the very least you should learn to work with html and CSS. I dabble in just enough JavaScript to adapt and use scripts developed by people who really know what they are doing. Most of these scripts do seem to have some things in common in their syntax so once you start to get the feel of a couple of them, the others are not complete gibberish.
Graphics Software
Most websites make use of digital images in their design, from backgrounds to borders; from diagrams and charts to photographs. There are two basic ways digital images are made. Most common on the web are raster graphics, also known as bitmaps. Images created this way consist of lots of little dots, each dot forming an element of the picture, or pixel (for picture element). Programs used for creating and editing raster graphics are the GIMP (GNU Image Manipulation Program) and Photoshop.
The other way to make graphics is to use points to create lines and shapes. Images made this way are called vector graphics. For example, to create a triangle using the vector graphics technique, you would 3 points on the canvas and connect them with straight lines. This is a very basic example. I suggest you take advantage of the list of further reading to gain a better understanding.
FTP Software
The usual practice is to design and build your website locally on your PC and then upload it to your web server. The method of transferring the files is called FTP, File Transfer Protocol. Today’s modern FTP programs make it as easy as drag and drop. Once you configure your program to log into your web server via FTP, you’ll see the files on your PC and the filing system of your web server. Just drag and drop from your computer to the server, being sure to maintain the same file structure. Once again you can buy an FTP program or use a free one. I’ve been very satisfied using the free, open source program FileZilla.
The Power Tools
Well, that’s what I call them. There’s much more to designing an entire web site than creating one design for pages. Productivity becomes important. Once you start learning the basics of making web pages, filling them with content and organizing them in a meaningful way, you’ll really appreciate having software that not only edits text, html, CSS, and the rest, but also automates some of the coding and other tasks. MS FrontPage is an early example of such software. Adobe Dreamweaver is very popular for this purpose. Microsoft replaced FrontPage with their new program called Microsoft Expression. You’ll have to fork over a very pretty penny for these babies. As of this writing, Dreamweaver sells for $399 and Expression goes for $699.
But don’t be dismayed. There are some low cost or no cost alternatives to get you started. Take a look at the free Nvu, SeaMonkey, and KompoZer, all of which have WYSIWYG editors. I have not tried SeaMonkey or KompoZer, but I have tried Nvu and found it pretty darn good, especially for a free product. For just a little coin, you can buy CoffeeCup HTML Editor 2008 for $49.00. Try it free for 30 days.
How to Start Learning
Play. Yep. Play. Start by downloading and installing some of the programs mentioned here and play with them. In addition to articles in Wikipedia, the web is full of tutorials and videos that show you how to use them. How about this novel idea? Go to the library and find a book on Photoshop or any of the other technologies. Classes at community colleges are also good. Better yet, make computer science and web design your major and get a degree. However you decide to do it, get serious about satisfying your desire to be a web designer and play. It’s fun. By the way, I still have my full time job that pays the bills. But I also am a web designer, and pretty soon, it will be my next full time career that pays the bills.
Further Reading Online
CSS in Wikipedia and in the CSS WikiBook
JavaScript in Wikipedia and in the JavaScript WikiBook
PHP in Wikipedia and in the PHP WikiBook
Raster Graphics Editors in Wikipedia
Vector Graphics Editors in Wikipedia
How to Build a Website from About.com
FTP 101 – A Beginner’s Guide from FTPplanet.com
