A few good tools if you’re taking the do-it-yourself approach to designing your small business website:
Web Developer Toolbar for Firefox: A great toolbar. Great for working on your website and great for learning about how a web page is laid out. You can edit CSS and see changes real-time in addition to lots of other great little features.
Aardvark: An extension for Firefox which outlines in red (and labels) all the different elements on a page. If you’re trying to understand CSS layout, this tool is really helpful. Also really helpful if you’re trying to understand and customize the layout of a template system (as in a hosted blog or templated front end package).
Colorzilla: Great for matching colors on different web pages. Just drag the dropper to whatever area of the page you’re interested in to easily find the hexadecimal color code.
PSpad: A free and capable web editor. You could use any old text editor but a good freebie like this is much better. You get a better, colorized view and and don’t have to mess around with text wrapping like you do in Windows Notepad.
HTML Color Code Combination Chooser: Make sure your page’s colors mesh.
Favicion maker: For those little icons (“favicons”) that appear on the address line in your browser or next to the bookmark entry. Your site isn’t cool without a cool Favicon. Just upload an image here and download the resulting favicon. Usually you just place a favicon in the root directory of your website.