About Gallery Interaction Create e-book Download

HTML input


You can create an e-book from any HTML file!


As well as your HTML file, you need a small auxiliary HTML file (called index.html in the download package) and, optionally, an image to use as the cover image. You need to make a small change to index.html to include the URL of your HTML file. But first you need to ensure that your HTML file is valid XHTML, and insert section tags information if you wish.


  1. Suppose your HTML input is



    2. <P>Farming snails</P>

    <P>1. Did you know that many kinds of snails are good to eat?

    <P ALIGN="JUSTIFY">2. Snail meat tastes good and it is also good for you.</P>

    <P><center><img src="s1.png"><br>Family kept strong and healthy</P>



  2. Make it into valid XHTML by ensuring that all start tag have an end tag and vice versa. (Note: You can use HTMLTidy to do this)



  3. Specify the width and height of all images in the HTML file by using attributes of the <img> tag



  4. Make sure that you have an <HTML> tag at the beginning and an </HTML> tag at the end



  5. The title of the document on the front page can be specified using the HTML <title> tag



  6. If you wish you can insert additional <Section> and <Description> tags into XHTML to specify sections and subsections. These can also be used to specify the book's title (if used, they override the HTML <title> tag mentioned above). The section/subsection headings are specified as “Title” metadata within a <Description> block


  7. Edit the file index.html to include the URL for the HTML file containing your book (say “snail.htm”), and include the URL to the cover image, if you have one (say “snail.jpg”). You could insert other HTML text into index.html if you wish



    8. <html>

    <head>

    <title></title>

    <script src="RealisticBook.js" language="javascript"></script>

    </head>

    <body>

    ... Some HTML text ...

    <div id="bookdiv"></div>

    <script type="text/javascript">

    embedProgram("snail.htm","snail.jpg");

    </script>

    ... Additional HTML text ...

    </body>

    </html>



You can specify additional metadata if you wish.

HTML

PDF

Video and hyperlinks

Additional metadata