Webtools to help Web developers
The
nonadvertising version of this page to be used for handouts is here:
Webtools to help web developers
Welcome to the web tools page.
On this page I have tried to include a variety of different web tools to
assist you when you are designing and writing your own web pages. I've not
tried to include every possible webtool which is out there, since the list
would be extremely long, but instead I'm just including those web tools which
are good examples, are unique, or which cover specific areas of page design. If
you think I've missed any webtool in particular, please let me know, and I'll
try and include it next time I update the page.
Web page creation
Suprisingly enough, you don't actually have to write a web page for
yourself, since there are resources on the Net which will do it for you. I
can't vouch for any of these, since I've not used them. However, if you're at a
very basic level of knowledge and/or understanding, it might be something worth
trying out, just to see what sort of results you get.
- Make a home page
- This is actually designed for teachers, but it's a really
excellent page, that does a lot of the work for you.
- This is another example -
I've not used it, but you might want to try it out.
- Colour for your
pages
- This page gives you a whole bunch of RGB codes to include as
appropriate, with the code included as the colour it is. (If that doesn't make
much sense, it will when you visit the page.)
- Forms generator
- Software product that will create forms for you. Commercial
product.
- Browser
compatibility
- Input details on the page that you're interested in, and this
site will tell you what the page looks like with different browsers.
- Framemaker
- Really nice utility - it creates a frames page for you, and then
you cut and paste the result into your own markup. The same site also does two
others:
- Imagemaps
- Map
This is a free utility for creating image maps, but I've not tried it
myself, so can't vouch for it.
If you've got to the stage of writing a home page, you probably know all
about HTML markup tags anyway, but there are a couple of useful sites to
visit:
- http://www.w3.org/MarkUp
- More stuff here on HTML than you can shake a stick at. There's so
much I'm not even going to try and tell you how much, except to point out:
- HTML3.2
- Which tells you about HTML3.2 in detail.
- All the
tags.
- A nice page which covers all the tags in both text and html
formats. Recommended.
Graphics
I'm not going to say much about graphics, since thats a huge area in its
own right. If you want a clear idea how to use graphics, and also what *not* to
do, visit the article that I wrote about
web page design. Other than
that, there are two elements you need to take into account; where to find
graphics and software packages to use with them.
- The RNIB website has a lot of
useful information on designing web pages for people with visual impairments as
well.
Domain Registration
You may have to register a domain name (like philb.com only don't try
for that one, since I already have it!), and theres a lot you need to know
about this. The best source that I've discovered is:
- Reign Your Domain
- Guides, legal cases, and you can search for Domain names to see
who they belong to.
- Domain Name
lookup
- Just tells you who owns a domain and therefore if its registered.
Fast and effective.
- Easyspace.com
- is a useful site that tells you if a domain has been taken, and
if so, who by. Also gives you the chance to buy up domain names if they've not
already been taken.
Page checkers
Its always useful to check your pages - even the best writers and
designers get it wrong sometimes! If you're anything like me, you won't see
your own mistakes, so you need someone to point them out to you.
- Dr Watson
- This page will check your links both internal and external, html,
and spelling. Neat, reasonably fast, with a readable output.
- Doctor HTML
- This one checks your spelling, syntax, structure, table
structure, document structure, hyperlinks and so on. Gives you a very thorough
readout of your page and goes into tremendous detail. Definately go and visit
it.
- Bobby
- This utility checks your page against the browser of your choice,
thus allowing you to try out a variety of them and alter your html if
necessary. Its slightly different, in that it is designed with disabled people
in mind. Unfortunately it is rather slow...
- Check Web
- First rate free utility you can download to check your web page
links.
Meta tags.
These are the little beasts that you can use in your HTML to give search
engines something more to go on when they come to index your pages. If you want
to know more about them, you'd do worse than to read the
article I wrote on them.
- Northern
Webs
- Nice little utility that you can use to create meta tags for
you.
Keyword density
Too few repetitions of your keywords? Too many? This can affect the
ranking that your site gets. It's always worth checking your page(s) to check
that you're on the right track.
Interactivity
You really do need to have some sort of interactivity with your site, or
people will get bored, fed up and leave, never to return! The following sites
may prove useful:
- Hostedscripts have
scripts for message boards, random links, polls and so on. Really good.
- Javascripts have over 4,500
scripts and tutorials that you can use to quickly put in place on your site,
without having to know anything at all about JavaScript.
- Atomz Add a free utility that
people can use to search your site; installation time - 5 minutes! I use it on
my own site, so it must be good!
- Scriptsearch
- More CGI scripts, applets and programs than you can shake a stick
at.
Registering with Search Engines
A web page is no use at all if people can't find it, so you should
register with the different search engines to maximise the chances of your
page(s) being found.
- Submit it!
- Allows you to submit your page(s) to a variety of key search
engines. Before you start to use it, work out a good 25 word summary for your
site. Its the one that I use if I'm not doing it manually (which is usually
what I do.) There is a free and a commercial version available.
- Submit Wolf Pro
v6.0
- This is a commercial package (with a free trial), allowing you to
submit to over 1,000 directories and search engines. It's had good write ups,
but I've not tried it myself.
Search Engine FAQs
This is a partial list of the search engines, with links to the pages
that tell you how to register with them, as well as a whole bunch of other
stuff. Please note that search engines are always faffing around with their
pages and links, so if any of the following don't work try their help
pages.
Usability issues and resources
Positioning with Search Engines
I suppose you could go to the major search engines in turn and run
searches to see if your pages come up near the top, but quite frankly, life
isn't long enough. There are some useful utilities that will do it all for you,
so why not use them?
- Position Agent
- You can enter a URL and some keywords and it will check to see if
the URL you've given is in the top five pages of some of the major search
engines. If it isn't, you'd better go along and register with the ones you're
missing on!
- Did-it
- Did it what? I have no clue. However, this utility will search
the key search engines to see if your page has been listed, and it will return
a response to you by email.
- Web
Robots
- Web robots or spiders are the little beasties that wander around
the net sniffing out new and changed pages. As such, you need to know about
them, and this article that I wrote tells you all you need.
Check your link popularity
Net nannies etc...
Not strictly part of a Web designers toolkit, but nonetheless useful to
know about. These little utilities can be used to block access to sites which
are regarded as not desirable for your users to look at. The three that I'm
aware of are:
Other utilities
FTP (File Transfer Protocol) is rather useful. In fact, you can't do
without one. Its the utility you need to copy or move files from your local
hard disk onto that of your web service provider. Theres a whole bunch of them,
and the easiest way of seeing what's out there is to go to:
- Yahoo
- List of the different FTP programs out there.
Utilities which grab an entire site and allow you to look at it offline
are useful things as well. For a full list of the ones which are available, its
easiest to go to Yahoo:
Once your site is up and running, you might want to view your
statistics, or if you're creating an entire site, you will probably want to
keep an eye on who is visiting.
- Access
Analyzers
- This provides you with a huge list of these, divided by operating
system.
- Rating your site.
- There are a number of schemes out there which allow you to rate
your page for nudity, sexual content, violence and so on.
General pages
Lots of pages out there, with lots of useful stuff.
New additions!
I keep finding new tools in my travels around the web, and sad to say,
it sometimes takes me a while to add them onto the appropriate place on the
page. Rather than not add them at all, I'm putting them here, so at least you
can see them, and I'll get around to adding them in properly later.
- Top ten website design mistakes of 2003 - make you don't make them
yourself!
- Another keyword density analyser
- Check your position quickly and easily in Google. Currently under
reconstruction I'm afraid.
- Find broken links on your site. This is excellent.
- Who is linking to you, and have they stopped?
- 14 useful tips to make your site work for the visually impaired
- 8 ways to be more friendly to search engines
- Optimising your .pdf files for search engines
- Accessible design for library websites
- Colour scheme generater
- Check your website in more ways than you thought possible!
- Web ranking tool (Google, Alexa and Yahoo backlinks all in one)
- 10 accessibility blunders of the big players
© Phil Bradley, 2001, 2002, 2003, 2004
Last updated 13th October 2004