Your SlideShare is downloading. ×
Ebook Basics: Understanding HTML, XML, CSS, ePub, for beginners
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: Understanding HTML, XML, CSS, ePub, for beginners

12,811

Published on

This is a very simple and basic introduction to ket technologies that are used in ebooks and the web. It's intended to give people with little technical knowledge a basic, conceptual understanding on …

This is a very simple and basic introduction to ket technologies that are used in ebooks and the web. It's intended to give people with little technical knowledge a basic, conceptual understanding on how these important technologies work.
At the end of the presentation, there's also a quick, 5-step way to build a website free using WordPress.com.
By Martin Taylor, Director of the New Zealand Digital Publishing Forum.

Published in: Education, Technology
0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
12,811
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
9
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

×