Using CSS, frames and local links to format an online book

Frame layout for links and content

As an example using frames and style sheets to format a book we use Chapter 11 of my Computer Science book (Introduction to Computer Science: An Object Oriented Approach using Java 2).

Chapter 11
left and right frames using the stylesheet java.css
This version use side by side frames. The left frame holds a scrolling list of links to the chapters and sections of the book and the right frame holds the content of the appropriate chapter. Each chapter can be in its own html file and within a file local links can be used to position the document in the frame.
Chapter 11
top and bottom frames using the stylesheet java.css
This version uses a top and bottom arrangement for the frames. The top frame can hold the scrolling list of links and the bottom frame holds the content.
Chapter 11
top and bottom frames not using a stylesheet.
This version is the same but a style sheet is not used.

Using local links

If the anchor

   <a name="section1"> 
appears in a document it gives the name section1 to that document position which can be referenced from another place in the same document using the hypertext link
   <a href="#section1">link text</a>
When this link is clicked the position of the anchor will now be at the top of the browser window.

An anchor can be referenced from another document called chapter7.html using the link

   <a href="chapter7.html#section1">link text</a>

If you are using this link in a frame for a table of contents and the document appears in another frame in the frameset use a link of the form

   <a href="chapter7.html#section1" target="page">link text</a>
where page is the name of the frame that should display the page.