<?xml version="1.0" encoding="UTF-8"?>
<essay xml:lang="en" version="5.0" xmlns="http://docbook.org/ns/docbook" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/" xmlns:gal="http://norman.walsh.name/rdf/gallery#" xmlns:foaf="http://xmlns.com/foaf/0.1/">
<info>
    
    
    
    
    
    
    
    
    
    
    
    
<title>Formatting online books</title><biblioid class="uri">http://norman.walsh.name/2008/02/01/formattingBooks</biblioid>
<volumenum>11</volumenum>
<issuenum>17</issuenum>
<pubdate>2008-02-01T07:39:19-05:00</pubdate>
<date>$Date$</date>
<author>
      <personname>
<firstname>Norman</firstname>
	<surname>Walsh</surname>
</personname>
    </author>
<copyright>
      <year>2008</year>
      <holder>Norman Walsh</holder>
    </copyright>
<abstract>
<para>I can push markup around all day. Design, now that's a different
story.</para>
</abstract>
<dc:subject rdf:resource="http://norman.walsh.name/knows/taxonomy#DocBook"/>
<dc:subject rdf:resource="http://norman.walsh.name/knows/taxonomy#HTML"/>
<dc:subject rdf:resource="http://norman.walsh.name/knows/taxonomy#Lazyweb"/>
</info>

<para xml:id="p1">Back when I started formatting books online, in about 94
or so, I chose (stole or invented, I can't recall) a design that you've
seen over and over again: each page has a fixed header and a fixed footer
which contain various sorts of navigation: previous to the
left, next to the right, and some combination of current title/home/up
in the middle. You've seen it, it's been the default style for the
<wikipedia>DocBook</wikipedia>
stylesheets since back in the day when they were written in
<wikipedia>DSSSL</wikipedia>. I've put
<link xlink:href="examples/fixed.html">a contrived example</link> online
for the purpose of this discussion.</para>

<para xml:id="p2">This design, stunning in its lack of style and
sophistication, suffers from at least two other significant flaws: very short
pages are dominated by the header and footer (an effect that's redundant at
best; downright awful when the design of the headers and footers is a
strong contrast to the text) and very long pages offer no navigation at
all when the reader is in the middle.</para>

<para xml:id="p3">I'm working on a project now to put a book online, more about
that later, and I thought it must be possible to do better. My first
idea, my only idea so far, was to adapt some “floating footer” code
from my slide presentations to make the top header float.
I've put
<link xlink:href="examples/float.html">an example</link> of that
online too (make your browser narrow enough to require scrolling, then
scroll down to see the effect).</para>

<para xml:id="p4">It's not entirely successful, perhaps because of the jittery way
it upates. Perhaps because it's still an unsophisticated and styleless
rectangular blog.</para>

<para xml:id="p5">Anyone have a better idea about how to make navigation graceful
and elegant across the pages of an online book?</para>

</essay>

