BeebMaster

Navigating
Around
BeebMaster


I've tried to keep the structure of BeebMaster as simple as possible, but in case you get lost, the information below on how things work may help. It's also a good reminder for me in case I forget.

I think of the BeebMaster layout as a hierarchical structure, a bit like an ADFS disc in fact. There is the home page, which is like the Root, linked to each of the main sections on the home page. Most of the main sections have sub-sections and some have further sections beneath until the lowest level of individual items is reached.

Clicking on the BeebMaster logo at the top of each page will always return you to my home page. Logos for main sections can also be clicked to go back to the main page for that section.

Each picture set has an index page with small images of all the pictures in the set. Each of these small pictures can be clicked to give a full-size image with further information. In many of the picture sets, I have put "Next" and "Previous" arrows at the bottom of the page to aid progress through the set.

I have started to introduce a link at the bottom of some of the index pages to explicitly refer to the parent page in the hierarchy. This is to eliminate the possibility of going round in an endless loop when using the Next/Previous arrows.

Many of my pages have references in the text to other items on my website and as far as possible I have put in links to the appropriate page so that you can see the item in question with a single click rather than having to search for it later.

At the very bottom of each page is the "back" option. This has exactly the same effect as pressing the Back button in your internet browser, i.e. you will always be taken to the previous page visited. Originally the "back" link was an explicit link to the referring page, but as the site developed and the number of links to other pages within the text increased, there was a possibility that clicking on the "back" link would take you to a page not previously visited, so I replaced all these explicit references with a relative link back to the previous page viewed.

In my Domesday Section, I have added an additional navigation feature to some of the screenshots of the Domesday System in action. Clicking on the left-hand side of the picture will navigate to the previous picture in the set, and clicking on the right-hand side will go to the next one. This is akin to the navigation system used within the Domesday Machine.

On the technical side, I write all the HTML myself. This is done using Notepad, I don't use any fancy software or tools for doing it. I don't have "templates" as such, but when I am creating a new page, I select one of the existing pages to use as a base and save a copy and then work on it. This means that I don't have to start from scratch every time and it also helps to ensure that all the pages are uniform in terms of HTML header information and layout.

The HTML pages are stored in different directories within my webspace according to which section they fall into. Picture files are held separately in a sub-directory to the relevant section. References to other pages and to image files within the HTML code are always given in relative terms which means I can create all the webpages off-line and then upload them to my webspace, which has the same directory structure, when they are ready.



Click here to go back