I got a bit of a problem I like some help on.
I'm designing 10 training modules for people that work in food
processing plants. This is my target audience. These workers have little
or no computer knowledge at all! And they also have outdated, old
browsers, slow modems, old computers, etc. So I need to keep this as
simple as possible and as browser compatible as possible.
The client wants a navigation bar at the bottom of each page with a NEXT
and BACK button and he wants it fixed. So if the content ran long, you
could scroll without the navigation bar moving. He wants the navigation
to stay put as the content scrolls.
My first thought was using the dreaded frameset. The navigation would be
in it's own frame at the bottom and the content would be above it in
it's own frame. That way the content could scroll and the navigation
would stay.
I soon realized that this wouldn't work. All of these modules in this
training are more than one page long, so how could I set the NEXT button
to link to many different, consecutive pages when I can only assign one
link to that NEXT button?
So then I thought I could get rid of the frames idea and use DIVS with
absolute positioning. After looking into this, you'd need a very recent
browser for absolute positioning to display correctly. Getting these
users to learn how to update their browsers would be a huge task.
My question is, this seems like it should work somehow in older
browsers. But I can't figure it out.
I do know of a way but it involves a frameset, plus two more html pages
(content and navigation) for each page of each module. So for each page
of a module I'd need 3 html pages. I really don't want to go there. Sure
the user wouldnt know the difference but I'd like to find a better
alternative.
Doing it in flash? We're trying to stay away from that right now.
Here is a graphic of what the pages will look like.
http://aem.cornell.edu/special_progr...st_graphic.jpg
This is just a graphic, rough draft, it doesn't link anywhere.
In theory, when you click on the green next button on page one, you are
taken to page two. From page two when you click on the NEXT button you'd
go to page three, and so on. But if the navigation is only one html page
nested in a frame, I can't assign multiple links like that to the NEXT
button.
I just hope I'm missing something so glaringly easy.
Thanks for any advice.
Steve