Action, protest, campaigns, demos and issues magazine features, photos, articles, stories photos of London, New York, Wales, England and photography features music, parties, clubs, events, records, releases drug information, harm reduction, no-nonsense guide punch a celebrity football, features, issues, cardiff city games, useless games and diversions technical info, web authoring, reviews and features site news, updates and urban75 blog urban75 community news and events urban75 bulletin boards join the chatroom search urban75 back to urban75 homepage
London features, photos, history, articles New York features, photos, history, articles Brixton features, photos, history, articles panoramas, 360 degree vistas, London, New York, Wales, England Offline London club night festival reports, photos, features and articles urban75 sitemap and page listing about us, info, FAQs, copyright join our mailing list for updates and news contact urban75
Planning and building a navigation system for your website
The lowdown

PART THREE: What style of navigation should you use?

Have a rummage in our big bag of navigational gizmos


» Index
» Introduction
» Planning
» Which technology?
» Design issues
» Widgets
» Updating
» Checking
» More info

« tech homepage


urban75 web project Creating a navigation system:
Which technology?
By Mike Slocombe for Internet Magazine, May 2004


1. Text navigation
Planning your website navigation - using text links It may not be sexy to look at, but text-based navigation makes the most accessible and fastest loading menus in town. And search engines love them!

But they don't have to be too dull either: using CSS you can create attractive menus with groovy effects like rollovers, coloured backgrounds, tabs and more!

Tip: offer more information to your links by using the "title" attribute e.g.
<a href="chapter2.html" title="Go to chapter two.">chapter two</a>.

More info:
CSS Shark
Cascading Style Sheets and Page Design
W3C: using links



2. Javascript
Javascript can be used to create all manner of entertaining/useful/pointless navigation elements, including animations, colour scrolling, timed redirects and sliding menus.

Planning your website navigation - using javascriptAlthough these can certainly liven up a dull page, it's strongly recommended that you also provide a text alternative.

Go to JavaScript Navigation scripts for a veritable feast of free javascript scripts.


3. DHTML
Using DHTML, you can create sophisticated, interactive drop-down menus, which can display any number of links.

The code required can be quite complex and there's been cross-browser issues with some scripts. Planning your website navigation - using DHTML

You can download some tried and trusted free/shareware scripts from DHTML Central and OpenCube

If you don't fancy fiddling about with all that tricky code, these commercial alternatives simplify the process considerably: DHTML Menu Builder, All Web Menus


4. Flash
Planning and building your website navigation - using Flash Using Flash, you can create fun interactive menus which can include rollovers, sound effects and animation.

But there are potential drawbacks: Flash content can be blocked by firewalls, search engines may not follow their links and there are some accessibility issues.

We recommend that you always add a text-only menu to Flash-only sites - see Authoring in Flash only? for more info.
» Free Flash Flash Bar Generator


5. Frames
Frames are bad for website navigationKeeping the navigation in a separate frame might seem like a good idea, but it's full of potential pitfalls.

Search engines have difficulties with framed sites and users aren't able to bookmark individual pages.

More seriously, some search engines may direct users to just the main frame, leaving users stranded without the navigation frame.
Frames and search engines


6. Java Applets
website navigation - problems with using Java While there's no denying that some Java applets can look WaY K3w1, they're an absolute disaster for navigation.

Many people accessing from the workplace have Java disabled on their machines, so they'll be unable to navigate your site.

Some java applets can also be devilishly slow to download, and come with long history of browser compatibility and accessibility issues.

Our advice is to avoid at all costs, but if you simply have to have your Java widget, make sure you include a text-only copy of the navigation system on every page.





urban75 - community - action - mag - photos - tech - music - drugs - punch - football - offline club - brixton - london - new york - useless - boards - help/FAQs - © - design - contact - sitemap - search