Schlagwort-Archive: kf8

#ePrdctn 7 – Listen in E-Books

Heute wollte ich eigentlich mal mehrere Antworten auf Google-Suchanfragen schnell hintereinander beantworten, doch dann blieb ich schon an der ersten hängen und habe gebastelt und – #hach – lest selbst…

Der Suchbegriff, mit dem jemand auf meine Seite kam, lautete „css-befehl für aufzählungszeichnen“

Die Frage hier lautet für mich zunächst, was der oder die Suchende meint.

Dazu sollte ich zwei Sätze zum grundsätlichen Verhältnis von HTML und CSS verlieren: HTML (das „M“ steht für „Markup“) zeichnet ein bestimmtes Element in deiner Datei als etwas aus. Besipielsweise wird ein bestimmter Abschnitt deines E-Books als Liste ausgezeichnet. CSS hingegen legt das Aussehen dieser ausgezeichneten Elemente fest (das erste „S“ steht für „Style“).

Wenn du, liebe/r Suchende/r also wissen wolltest, wie du Listen erstellst, so ist CSS die falsche Sprache dazu.
Stattdessen kannst du geordnete (ordered) Listen, also solche mit Ordnungszahlen, und ungeordnete (unordered) Listen, das sind die mit Aufzählungszeichen, in HTML auszeichnen.

Die Befehle sehen folgendermaßen aus:

<ul>
<li>ul bezeichnet die „unordered List“</li>
<li>li bzeichnet den Listenpunkt</li>
</ul>

oder eben:

<ol>
<li>ol steht dann für die „ordered List“</li>
<li>li hingegen hat die gleiche Bedeutung</li>
</ol>

Kleiner Grammatiknerdeinschub: Am Ende von Auzählungspunkten macht man keine Punkte. NIE! Vergesse ich aber dauernd…

Beide Arten der Listen werden auf jeden Fall unterstützt von ePub2, ePub3 und kf8. Bei mobi7 bin ich mir nicht ganz sicher, aber wer will denn auch noch mobi7 schreiben?

Wenn es dir hingegen tatsächlich um den Stil der Liste ging, dann stehst du zunächst einmal vor der Wahl, ob du das Aussehen deiner Listen universell oder doch lieber individuell festlegen möchtest.

Wenn du allen ordered lists den gleichen Stil zuweisen möchtest, lautet der Befehl, den du in die CSS-Datei eintragen musst, folgendermaßen:

ol {
list-style-type: upper-roman;
}

Wenn du hingegen ein Freund des Individualismus bist, musst du zunächst einmal Klassen vergeben. Deine ungeordnete Liste musst du etwa so benennen: <ul class=“smiley“>

Dann kannst du im CSS für jede Liste das Aussehen einzeln bestimmen:

ul.smiley {
list-style-image: url('smiley.png');
}

Wie dz siehst, habe ich einmal einen der vordefinierten Typen verwendet und einmal ein Bild als Aufzählungspunkt. Beide Varianten werden ganz sicher unterstützt von ePub2, ePub3 und kf8. Ich habe mir die Listen in einem halben Dutzend Readern angeguckt, bis auf Stanza lösten alle meine Listen mit dem fantastischen Smiley smiley problemlos auf.

Das Beispiel-E-Book habe ich wieder hier zur Verfügung gestellt.

Ausführlich aufgeschlüsselt, wie du Stile Listen zuweisen kannst, findest du hier.

Eine Auflistung der zulässigen Werte hingegen hier.

Viel Spaß!

Hinterlasse einen Kommentar

Eingeordnet unter #ePrdctn

Formate

Ein Wesen mit drei Gesichtern (und noch mehr Är… Äh, Sie wissen schon), so stellt sich das E-Book dieser Tage dar. Denn das E-Book gibt es nicht. Drei Formate in verschiedenen Versionen geben den Ton an.

PDF

Logoaus der Adobe Creative Suite 4 für PDF. Urheber: Adobe Systems.

Logo aus der Adobe Creative Suite 4 für PDF. Urheber: Adobe Systems.

Da wäre zunächst einmal Adobes PDF-Format und es ist erstaunlich, wie viele Menschen das noch immer für das E-Book-Format schlechthin halten. Ist es nicht, um so viel hier ein für alle Mal klarzustellen. Warum? Nun, dafür muss man sehen, woher PDF kommt. Es ist das Dateiformat, mit dem Mediengestalter ihre Daten an die Druckerei liefern. Und zu diesem Zweck ist es perfekt geeignet, da es sich voll kontrolliert layouten lässt und unzählige Einstellungsmöglichkeiten im Farbmanagement und ähnlichem aufweist, um auch noch auf der letzten angestaubten Druckpresse eine gute Figur zu machen.

Damit es das kann, ist ein Faktor entscheidend: es weist ein seitenbasiertes Layout auf. Ich stelle in meinem Layout-Programm ein, dass ich bitte 300 Seiten in A5 haben möchte und kann dann beliebig viele Bücher in diesem Format drucken.

Ein Problem ist jetzt aber, dass es im digitalen Bereich sehr viele verschiedene Displaygrößen gibt. Das fängt an bei dem schönen 16:9-Bildschirm, an dem ich diese Zeilen schreibe, geht weiter über iPad, Kindle (in verschiedenen Ausführungen und Größen), Googles Nexus 7, bis hin zu Smartphones mit kleinen aber auch da noch sehr unterschiedlichen Displays. Und wer einmal ein PDF auf einen Smartphone gelesen hat, der weiß, dass man sich totscrollt und das auch noch kreuz und quer.

Natürlich kann man jetzt für jede Displaygröße ein eigenes PDF erstellen, aber das ist nicht wirklich praktikabel. Die Antwort, die man im Mediendesign darauf fand, kam aus dem Webdesign und bringt den traditionellen Setzer ob der Witwen und Waisen (beziehungsweise politisch unkorrekt: Schusterjungen und Hurenkinder) fast um den Verstand: variabel fließender Text.

Die Grundidee kommt aus der Kombination von HTML und CSS. Dass man nämlich „Container“ schafft, innerhalb derer der Text frei fließen kann. Habe ich ein großes Display, füllt sich dieses mit viel Text, habe ich ein kleines, so wird eben nur wenig Text angezeigt. Zudem kann ich den Text vergrößern und verkleinern. Und der Text fließt immer automatisch so, dass ich nur in eine Richtung scrollen oder „blättern“ muss. Diese Möglichkeit bieten die beiden anderen gängigen Formate.

ePUB

Das ePUB-Logo des idpf. Urheber dieser Version Wikimedia Commons User: Inductiveload.

Das ePUB-Logo des idpf. Urheber dieser Version Wikimedia Commons User: Inductiveload.

ePUB ist toll! ePUB ist das am weitesten verbreitete E-Book-Format, aber vor allem ist es ein offener Standard. Es gibt hier eine Dokumentation, anhand derer jeder ein E-Book erstellen kann. Im Prinzip geht das mit jedem Standard-Text-Editor und einem Packprogramm. ePUB basiert auf HTML und CSS. Es ist ein so genannter HTML-Dialekt. Das heißt, dass nicht alle Auszeichnungen von HTML auch in ePUB funktionieren und dass andere, die auf Webseiten keinen Sinn machen, wohl aber in Büchern, hinzugefügt wurden. Wir sind mittlerweile bei der Version 3.0 angelangt. Leider verhält es sich hier noch genauso wie mit HTML und den Browsern in den frühen Jahren des Internets. Die Lesegeräte interpretieren ePUB teilweise recht eigenwillig, sie unterstützen auch noch nicht alle die 3.0-Version. Manche sind noch auf dem Stand von 2.0.1, andere, wie Adobe Digital Edition, unterstützen (warum auch immer) nur Teile von ePUB 3.0 und Apples iBooks wiederum unterstützt 3.0 weitgehend komplett, hat aber noch weitere Elemente hinzugefügt, wie „fixed Layout“ oder den Einsatz von Java-Script.

Dennoch ist es einfach das stärkste Projekt und wird sich hoffentlich langfristig durchsetzen. Denn bislang ist ein anderes Format federführend. Und zwar eine hybride Geburt aus dem Hause Amazon.

mobipocket/kf8/azw

Amazon kindle Logo. Urheber: Amazon.com

Amazon kindle Logo. Urheber: Amazon.com

Ebenso wie ePUB unterstützt Amazons E-Book-Sprache fließenden Text (in der neuesten Version auch „fixed Layout“). Aber im Unterschied zu ePUB ist der Standard nicht offen sondern mittlerweile eine dreifach verkorkste Ummantelung, die mir regelmäßig die Zornesröte ins Gesicht treibt.

Das liegt daran, dass Amazon im E-Book-Geschäft der Marktführer ist und es auch bleiben will. So setzt Amazon alles daran, dass die Leser ihre Bücher auch nur über die Amazon-Webseite kaufen. Am liebsten wäre es dem Internetkaufhaus daher, wenn man Nur-Text-Dateien auf ihren Server laden würde und diese dann von Amazon selbst direkt in azw umwandeln ließe.

Da dies nun aber für jeden Mediengestalter äußerst unzufriedenstellend ist und auch beim Leser oft nicht so gut ankommt, muss man einen anderen Weg gehen, den ich später noch en detail erklären werde. Der in der Kurzform aber so aussieht. Man erstellt eine HTML-Datei oder ein ePUB, konvertiert dieses dann in das neueste Format kf8, das wird aber mit einem Mobipocket (dem alten Format) ummantelt. Anschließend lädt man es auf den Amazonserver, wo es in ein azw umgewandelt wird. Und das Ergebnis hat dann entfernte Ähnlichkeit mit dem Buch, das man mal irgendwann gelayoutet hat.

So sieht es derzeit aus. Als nächstes erzähle ich an dieser Stelle, wie man sich bei Amazon anmeldet und welche Nettigkeiten in ihren AGB stehen.

3 Kommentare

Eingeordnet unter #ePrdctn