Sigil und Epub V2

Mein erster Text

Heute schreibe ich zum ersten Mal meinen Text in Sigil. Mal sehen, wie es aussieht, wenn ich es nachher als Epub-Datei öffnen werde.

Bin echt gespannt, da ich vorher so etwas noch nie ausprobiert habe. Ein eigenes Epub zu schreiben muss doch interessant sein.

Um auf die nächste Seite zu kommen, muss ich im Buchbrowser nur darauf klicken.

Klick hier und gehe zu Seite Zwei!

Sigil und Epub V2

Mein erster Text - Seite 2

... und schon bin ich auf der zweiten Seite gelandet.

Hier steht nun eine Zeile mit Text.

Und hier noch eine Zeile mit viel mehr Nichts sagendem Text. Um vom Buch-Browser-Fenster zurück zum Quelltext-Editor (Das große Fenster in der Mitte) zu kommen nur einmal rein klicken. Steht der Cursor woanders, wird im Editor die letzte Zeile nur Grau hinterlegt. Ist der Editor aktiv, taucht die Zeile unter dem Cursor den Hintergrund in Gelb (= Aktiv).

Jetzt markiere ich den ersten Absatz und klicke dafür nur auf die Zeilennummern links vom Text des Editors. Um mehrere damit zu markieren, nur bei gedrückter Maustaste über die gewünschten Zeilennummern fahren:

Hier wurden lediglich die Zeilennummern 21 und 22 mit der Maus berührt.

Anschließend fuhr meine Maus im CLIP-Fenster (unten-links) auf die Zeile mit  p -p .

Dies löste den Befehl aus, den markierten Text , mit p und /p in eckigen Klammern einzuschließen.

Selbstverständlich ist es ebenso möglich, den Text direkt mit der Maus zu markieren.

Jeder Text, egal wie lang, muss über <p> und </p> umschlossen werden. Sonst erscheint eine Fehlermeldung. Durch die schnelle Markierung über die Zeilennummern, sollte dies kein Problem darstellen. Außerdem ist es nur je ein Mausklick ...

Am Anfang steht der Befehl  p  für das englische Wort paragraph, gleich Absatz. Am Schluss steht auch ein p, jedoch mit einem / davor =  /p . Und auch noch alles in eckigen Klammern. Somit weiß Sigil, wo der Befehl anfängt und wo er aufhört.

Wenn wir schon bei <p> und </p> sind, sollten Sie wissen, dass dies auch von Hand eingegeben werden kann. Aber Anklicken ist einfacher. Kommen wir nun zu  p 160 -p  , ein wichtiger Befehl im CLIP-Fenster.  <p>&#160;</p>  erzeugt eine Leerzeile. Deshalb auch in <p> und </p>.

#160 ist ein Sonderzeichen, wie viele andere auch. Um dies mitzuteilen steht davor das Zeichen Ampersand (&) und es wird mit einem ; Strichpunkt beendet. Eingeklammert zwischen p und /p wirkt der Befehl.

Hier folgen nun vier kurze Zeilen, je mit p -p geklammert. Die Absätze kleben förmlich aneinander.

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tellus nunc. Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

2. Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula. Praesent orci dui, pulvinar id convallis a, faucibus non mauris.

3. Donec tellus augue, tempus sed facilisis sed, fringilla quis leo. Mauris vulputate, leo ac facilisis vulputate.

4. Enim orci interdum augue, in blandit quam turpis quis dui. Morbi dictum luctus velit nec faucibus. Cras vitae tortor purus, ut tincidunt mauris.

Jetzt den gleichen Text, jede geklammerte Zeile mit  <p>&#160;</p>  ergänzt.

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tellus nunc. Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

2. Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula. Praesent orci dui, pulvinar id convallis a, faucibus non mauris.

3. Donec tellus augue, tempus sed facilisis sed, fringilla quis leo. Mauris vulputate, leo ac facilisis vulputate.

4. Enim orci interdum augue, in blandit quam turpis quis dui. Morbi dictum luctus velit nec faucibus. Cras vitae tortor purus, ut tincidunt mauris.

Sehen Sie sich den Text im Quelltext-Editor genau an. Jeder Text beginnt mit <p>. Das schließende Schlussteil </p> wurde meist in die nächste Zeile gesetzt.

Danach fügte ich mit p 160 -p aus dem CLIP  <p>&#160;</p>  ein.

Wichtig ist, dass keine Verschachtelung der p Befehle zustande kommt. Sonst hagelt es Fehlermeldungen.

Immer <p> zuerst mit </p> beenden. Dann erst das das Nächste <p> mit </p> anfügen!

Klicke im Buch-Browser auf Seite Drei

Oder hier zur Weiterleitung

Schon auf Seite Drei !

Bisherige Fehlermeldungen:

- - - - - - - - - - - - - - - - - -

Überschriften

- - - - - - - - - - - - - - - - - -

Überschrift h1

h1 {font-style: normal; font-weight: 900; text-align: center;}

Überschrift h2

h2 {font-style: normal; font-weight: 800; text-align: center;}

Überschrift h3

h3 {font-style: normal;font-weight: 700;text-align: left;}

Überschrift h4

h4 {font-style: normal; font-weight: 300; text-align: center;}

Überschrift h5

h5 {font-style: normal;font-weight: 200;text-align: right;}

Überschrift h6

h6 {font-style: normal; font-weight: 100; text-align: center;}

Die Überschriften werden in CSS & XHTML mit den Selektoren h1 bis h6 bestimmt.

Wer wann welche Überschrift verwenden will, bleibt jedem selbst überlassen.

font-style: normal; bewirkt eine gerade Schrift

font-weight: 900; bestimmt die Stärke

text-align: center; zentriert die Ausgabe, left und right stehen für links- und rechtsbündig.

Anzumerken ist lediglich, dass Überschriften (h1-h6)  kein   <p> und </p>  benötigen.

Weiter zu Seite Vier

Überschrift

Hier kommt normaler Text

 Einfach gepunktet 

 mit Strichen 

 Dicke Linie 

 Doppelte Linie 

 Einfache Linie 

 Nach außen gestülpt 

 Als Klotz gedrückt 

 Als Klotz nach außen 

 Oben unten Punkte, sowie rechts und links Doppellinie 

Das ist doch eine andere Überschrift, oder?

Hier kommt die Linie OBEN hin

Hier kommt die Linie DURCHGESTRICHEN

Hier kommt die Linie UNTEN hin

Hier kommt die Linie OBEN und UNTEN hin

Hier fügen wir ein Bild ein!

X Am Besten hier einfügen vom langen Text... Ausprobieren in Zeile 75!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.

Praesent orci dui, pulvinar id convallis a, faucibus non mauris. Donec tellus augue, tempus sed facilisis sed, fringilla quis leo.

Mauris vulputate, leo ac facilisis vulputate, enim orci interdum augue, in blandit quam turpis quis dui.

Morbi dictum luctus velit nec faucibus. Cras vitae tortor purus, ut tincidunt mauris. Sed at velit nisl.

Donec eu mauris tortor, interdum condimentum erat.

Nam egestas turpis eget nibh laoreet pharetra.

Suspendisse a sem eros, ut pulvinar enim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.

Praesent orci dui, pulvinar id convallis a, faucibus non mauris. Donec tellus augue, tempus sed facilisis sed, fringilla quis leo.

Mauris vulputate, leo ac facilisis vulputate, enim orci interdum augue, in blandit quam turpis quis dui.

Morbi dictum luctus velit nec faucibus. Cras vitae tortor purus, ut tincidunt mauris. Sed at velit nisl.

Donec eu mauris tortor, interdum condimentum erat.

Nam egestas turpis eget nibh laoreet pharetra.

Suspendisse a sem eros, ut pulvinar enim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.

Praesent orci dui, pulvinar id convallis a, faucibus non mauris. Donec tellus augue, tempus sed facilisis sed, fringilla quis leo.

Mauris vulputate, leo ac facilisis vulputate, enim orci interdum augue, in blandit quam turpis quis dui.

Morbi dictum luctus velit nec faucibus. Cras vitae tortor purus, ut tincidunt mauris. Sed at velit nisl.

Donec eu mauris tortor, interdum condimentum erat.

Nam egestas turpis eget nibh laoreet pharetra.

Suspendisse a sem eros, ut pulvinar enim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.

Praesent orci dui, pulvinar id convallis a, faucibus non mauris. Donec tellus augue, tempus sed facilisis sed, fringilla quis leo.

Mauris vulputate, leo ac facilisis vulputate, enim orci interdum augue, in blandit quam turpis quis dui.

Morbi dictum luctus velit nec faucibus. Cras vitae tortor purus, ut tincidunt mauris. Sed at velit nisl.

Donec eu mauris tortor, interdum condimentum erat.

Nam egestas turpis eget nibh laoreet pharetra.

Suspendisse a sem eros, ut pulvinar enim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.

Hier soll die erste Seite aufhören.

Die Trennung soll hier erfolgen. Dies soll die nächste Seite werden.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.

Praesent orci dui, pulvinar id convallis a, faucibus non mauris. Donec tellus augue, tempus sed facilisis sed, fringilla quis leo.

Mauris vulputate, leo ac facilisis vulputate, enim orci interdum augue, in blandit quam turpis quis dui.

Morbi dictum luctus velit nec faucibus. Cras vitae tortor purus, ut tincidunt mauris. Sed at velit nisl.

Donec eu mauris tortor, interdum condimentum erat.

Nam egestas turpis eget nibh laoreet pharetra.

Suspendisse a sem eros, ut pulvinar enim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.

Praesent orci dui, pulvinar id convallis a, faucibus non mauris. Donec tellus augue, tempus sed facilisis sed, fringilla quis leo.

Mauris vulputate, leo ac facilisis vulputate, enim orci interdum augue, in blandit quam turpis quis dui.

Morbi dictum luctus velit nec faucibus. Cras vitae tortor purus, ut tincidunt mauris. Sed at velit nisl.

Donec eu mauris tortor, interdum condimentum erat.

Nam egestas turpis eget nibh laoreet pharetra.

Suspendisse a sem eros, ut pulvinar enim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.

Praesent orci dui, pulvinar id convallis a, faucibus non mauris. Donec tellus augue, tempus sed facilisis sed, fringilla quis leo.

Mauris vulputate, leo ac facilisis vulputate, enim orci interdum augue, in blandit quam turpis quis dui.

Morbi dictum luctus velit nec faucibus. Cras vitae tortor purus, ut tincidunt mauris. Sed at velit nisl.

Donec eu mauris tortor, interdum condimentum erat.

Nam egestas turpis eget nibh laoreet pharetra.

Suspendisse a sem eros, ut pulvinar enim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.

Praesent orci dui, pulvinar id convallis a, faucibus non mauris. Donec tellus augue, tempus sed facilisis sed, fringilla quis leo.

Mauris vulputate, leo ac facilisis vulputate, enim orci interdum augue, in blandit quam turpis quis dui.

Morbi dictum luctus velit nec faucibus. Cras vitae tortor purus, ut tincidunt mauris. Sed at velit nisl.

Donec eu mauris tortor, interdum condimentum erat.

Nam egestas turpis eget nibh laoreet pharetra.

Suspendisse a sem eros, ut pulvinar enim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla ac tellus nunc.

Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.

Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.