Search

Ebook Basics: Understanding HTML, XML, CSS, ePub, for beginners

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    Notes on slide 1

    3 Favorites

    Ebook Basics: Understanding HTML, XML, CSS, ePub, for beginners - Presentation Transcript

    1. Under the hood – Getting techie
    2. What is an ebook?
      • Digital Publishing’s goal: Create once, re-use many times
      • To work effectively ebooks today need to:
        • Support reflowable text
        • Ideally support scalable images (SVG)
        • Be compact and contained in a single file
        • Simple layout (often displayed in black and white), easily readable
        • Be in a suitable format for e-reader devices
    3. Under the hood
      • Most ebooks today are built on a foundation of (X)HTML / XML , the language of the web
      • Common formats today: mobi, azw, ePub, PDF
      • PDF is adapting with announcement (Feb 09) of reflowable PDF aimed at mobile devices
      • Digital Rights Management
        • DRM or DRM-free ? A key decision for publishers and the industry
    4. Under the hood - HTML/XML Chapter 1 What is an Ebook? An ebook is a book without pages. HTML describes the presentation of your book (or web page). For instance:
    5. Your book is 'marked up' to show the e-reader how to display it <html> <body> <h1> Chapter 1 </h1> <h2> What is an Ebook? </h2> <p> An ebook is a book without pages. </p> </body> </html>
    6. This is what it looks like when viewed in the browser / e-reader Chapter 1 What is an Ebook? An ebook is a book without pages.
    7. XML describes the structure <chapter> <title> What is an Ebook? </title> <paragraph> An ebook is a book without pages. </paragraph> </chapter>
    8. Using CSS to style your document
      • CSS = 'Cascading Style Sheets'
      • Apply a designated style to the underlying HTML document
      • The power of CSS comes from being able to restyle an entire document by just changing its style sheet
        • “ Create once, re-use multiple times”
        • Can allow the same content to be formatted to suit entirely different outputs – eg printer, PC, mobile phone
    9. So, this HTML <html> <body> <h1> Chapter 1 </h1> <h2> What is an Ebook? </h2> <p> An ebook is a book without pages. </p> </body> </html>
    10. Combined with this CSS ... body {color: black} h1 {font-family: “comic sans ms”, arial, 'sans serif'} h2 {color: red} p {text-align:center}
    11. Produces this style variation Chapter 1 What is an Ebook? An ebook is a book without pages.
    12. Metadata – data about the ebook
      • As well as creating the book, we need to describe it for selling purposes
        • Eg ISBN, author, price, availability, blurb, links to cover image, etc
      • E-tailing is driving a need for standardised metadata as computers manage more of the process
      • ONIX ( ON line I nformation E x change) is the book industry standard
        • An XML standard, 31 core metadata elements
    13. Bonus : A free website in 5 steps and 15 minutes No HTML coding needed
    14. Bonus : A free website in 5 steps
      • Go to WordPress.com
      • Sign Up for a free account then Login
      • Go to Appearances | Themes
        • Choose a theme (site design) and Activate it
      • Go to Settings | General
        • Add your site’s Title and Tagline
      • Go to Posts | Add New
        • Write your first story and Publish!
    15. Add PAGES for static information
    16. Instant website (cont.d)
      • (Optional) Go to Pages | Add New
        • Write pages for static info (eg Home, About Us, Contact Us)
      • Go to Settings | Reading
        • For Front Page Display select A static page
        • Choose a Page for the Front page and for the Posts page (ie your news/blog articles)
      • Save Changes . You’re done!
    17. So there it is … in case you’d ever wondered 
    18. Thanks! Martin Taylor web: digitalpublishing.org.nz email: martin@digitalstrategies.co.nz blog: activitypress.com/ ereport

    + Digital Publishing ForumDigital Publishing Forum, 2 months ago

    custom

    410 views, 3 favs, 1 embeds more stats

    This is a very simple and basic introduction to ket more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 410
      • 409 on SlideShare
      • 1 from embeds
    • Comments 0
    • Favorites 3
    • Downloads 7
    Most viewed embeds
    • 1 views on http://blog.naver.com

    more

    All embeds
    • 1 views on http://blog.naver.com

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories

    Tags

    -->
    Search
    RSS Feed
    What's new?

    © 2009 SlideShare Inc. All Rights Reserved