If you are anything like me, you wish that the iWeb sites navigation bars were more user friendly. By that I mean you can move them or change the links within them to name but a few. So after a bit of a play about with my tester site I came up with the following solution. Not only do I think the results look better, but they are far more customisable.
Having good navigation on your iWeb site is paramount when it comes to accessiblity for your users. Not only that, but if a visitor to your site can’t find their way around easily they WILL leave. There are plenty of other sites on the internet that have good navigation, why should they waste their time on your site struggling to find their way around.
iWeb contains all the tools we need to create our own custom navigation bar that we can place anywhere we want on the page. Not only that, it will be accessible and browser friendly. Additionally this method allows you to create a nav-bar with names of the pages that you want whilst giving the pages more SEO friendly names.
Creating your own nav-bar.
Open iWeb and create a new page. I like to duplicate my Home Page so that I know a rough layout of header images and text.
Insert a text box into the page and place it in the rough position of where you will want it to appear on your pages.
By now you should have decided which pages you want to link to on your site, so type the names of those pages in the text box each separated by 5 or 6 spaces (or more if you like).
Now you have to open Inspector and individually link each word to its relevant page in your site.
Once you are happy with the links, make sure you are happy with the chosen font, the size and colour of the text and position of your new nav-bar.
Before inserting this new nav-bar into the rest of your pages you must first make sure that you have DESELECTED the ‘include this page in navigation’ from the Inspector from all the pages on your site.
All you have to do now is select the text-box and copy/paste it onto all your pages. If you want a coloured background to your nav-bar or a different style border you can open Inspector and, using the Graphic Tab (sixth along from the left) change the settings of the text-box until you get a style you are happy with. You can add fills, change the border, apply shadows, blurs or transparency….play about with it.
To improve accessibility on your iWeb site it is always a good idea to have some text based links to your main pages at the bottom of each page. That way, visitors to your site who have their browsers security set to the highest level still have some means of getting around your site.
Just duplicate the nav-bar you created initially but remove all the formatting. You need nice small plain text in a universal font (such as Arial). Then just cut and paste as before. Not only does this improve accessibility (as I mentioned above) but search engines find text linked sites easier to crawl.