How To Put A Book On The Web?

Discussion in 'Web Design' started by abrogard, Jan 2, 2011.

to remove all ads.
  1. abrogard

    abrogard New Member

    Messages:
    1
    I want to put a 500 page book on the web. But not a novel, it is a Tech Manual - so it must be accessible to any chosen chapter, even page, rather than just read through from beginning to end.

    It is currently in the form of 500 .jpg files.

    There's 22 chapters in the book.

    How best to put these up on my site?

    Do I have to create an html page for each .jpg file (each scanned page) ?

    Or can I somehow have one page that displays the chosen page?

    Whichever way it goes once the chosen page is displayed how do I have a 'Next' button or something that will find the next page for them?

    I guess the 'Home' button is easy enough. And 'back' is covered by the browser 'back' arrow.
     
  2. smoovo

    smoovo New Member

    Messages:
    377
    The best way to do it is with PHP. You will make one page that will contain "img" element. This page will generate new image name (for the source) with getting new parameter.

    It should look something like that... (it's just an example)

    page.php
    PHP:
    <?php
        
    if (!isset($_GET['number'])) {
            
    $number 1;
        } else {
            
    $number $_GET['number'];
        }

        if (isset(
    $_GET['next']) && $_GET['next'] == "Next") {
            
    $number $_GET['number']+1;
        }

         if (isset(
    $_GET['prev']) && $_GET['prev'] == "Previous") {
            
    $number $_GET['number']-1;
        }
    ?>

    <form action="page.php" method="get">
        <input type="hidden" name="number" value="<?= $number?>" />
        <input type="submit" name="prev" value="Previous" />
    </form>

    <form action="page.php" method="get">
        <input type="hidden" name="number" value="<?= $number?>" />
        <input type="submit" name="next" value="Next" />
    </form>

    <img src="book/page<?= $_GET['number']; ?>.jpg" alt="" />
    Now, I'm assuming you are familiar with PHP and HTML, so build a menu with links that includes get variables in it, like this one ->
    HTML:
    <a href="http://www.yourDomain.com?number=1">Page 1</a>
    <a href="http://www.yourDomain.com?number=2">Page 2</a>
    - Enjoy. :)
     
    Last edited: Jan 2, 2011
  3. LouTheDesigner

    LouTheDesigner New Member

    Messages:
    506
    I would just look at some quick InDesign tutorials regarding how to place your images on spreads... Then you can export as an interactive SWF with left and right buttons. Very easy to do.

    -Lou
     
  4. d a v e

    d a v e New Member

    Messages:
    671
    can you not have a pdf (with real text) too?
     

Share This Page