Your SlideShare is downloading. ×
Ebook basics   under the hood
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Ebook basics under the hood

1,860
views

Published on

How ebooks are put together. Explains the key technologies you need, HTML and CSS (Cascading Style Sheets). Also shows how to build a quick, free website using Wordpress.

How ebooks are put together. Explains the key technologies you need, HTML and CSS (Cascading Style Sheets). Also shows how to build a quick, free website using Wordpress.

Published in: Education

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,860
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

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