Week 3

The navigation of a website

example of my entry page navigationThis week we had to work on the navigation links. What I learnt? Well never, never, never set up a website before you think a bit deeper about your navigation system. It is hard work to set up another navigation system to your website if you want to change it again. So in my case I needed to remove lots of links for to change my navigation. By all this work during the week I added to my new website layout 4 courses, which I took before on LVS school. I wanted to bring up an uniform look and to have the same navigation system for the user. I didn't change the colors in my layout of javascript class, as I feared to mess it up :)...

Let us talk about my own design of the navigation system. I wanted to use all the information I got by Farron. I had one printed page with instructions how to make a tricky colored border around cells in the table, by inserting one table into another one and giving the first one a colored background. I wanted this to try out. When I looked at the table in Netscape 6 it didn't look bad but in Opera the links are sitting a bit deeper, but I thought is is o.k. somehow.

The next tip was the discussion about greying out the active page. So the user will know that this link is a dead link. Thanks to Farron for all help.

Although I know how to create flash navigation buttons I think it is better to stay with the normal text links or a bit small buttons as nobody wants to download first a viewer for to look at navigation links. I dont know how many people are able to watch Flash at this time.

For to let the user know if there is still another page going with the week's assignment I went into Powerpoint and put an action button - like in my case an arrow - as also the home button you can see on bottom of every page for to go back to the index. I made a capture screen from the buttons and worked on it in Paint Shop Pro, my favorite program.

 

divider

week 1

week 2

week 3

week 4

week 5

week 6

emptynext

back to class indexback to all classesback to my entry page