| |||
Navigation bar (above) is common to all pages. |
Body of the Page contains
useful information i.e. the "content":
This page and its linked sub-pages
show some simple, general-purpose layouts that work quite well. General Principles
NavigationMany sites put a navigation bar on the <-left-< which feels natural, but it arguably wastes paper-space if a long page is printed. If the nav' bar is placed on the right-hand side, and the "content column" (this one) is set to at least the width of an A4 page (see subDirectory/), then the nav' bar won't get printed (but there are other disadvantages). The common navigation bar lists the major sections of the site. It is possible to have cascaded "menus" come up, e.g. by using JavaScript. One can also have sub navigation lists within major sub-sections. LayoutThe layout is done by TABLEs, here with BORDER=1 (on) to make this clear. It is possible to suppress this by BORDER=0, and it is then usual to employ different colours and/or backgrounds to distinguish the various components. Similar effects can be obtained with FRAMEs but FRAMEs have fallen out of fashion lately on many popular sites (being more trouble than they are worth in my opinion, and having unfortunate interactions with bookmarks, search engines etc.). How's it Done? Source HTML :-
Server Side Includes[Server side includes]
are used here to reduce duplication.
Common information can be held in one file
and |
File common/footer.txt
e.g. address and other contact information.School of Computer Science and Software Engineering, Monash University, Australia 3168. |