SlideShare una empresa de Scribd logo
1 de 18
Under the  hood  – Getting techie
What is an ebook? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Under the hood ,[object Object],[object Object],[object Object],[object Object],[object Object]
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:
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>
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.
XML describes the  structure <chapter> <title> What is an Ebook? </title> <paragraph> An ebook is a book without pages. </paragraph> </chapter>
Using CSS to  style  your document ,[object Object],[object Object],[object Object],[object Object],[object Object]
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>
Combined with this CSS ... body  {color: black} h1  {font-family: “comic sans ms”, arial, 'sans serif'} h2  {color: red} p  {text-align:center}
Produces this style variation Chapter 1 What is an Ebook? An ebook is a book without pages.
Metadata  – data  about  the ebook ,[object Object],[object Object],[object Object],[object Object],[object Object]
Bonus : A free website in  5 steps  and  15 minutes No HTML coding needed
Bonus : A free website in  5 steps ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Add PAGES for static information
Instant website (cont.d) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
So there it is … in case you’d ever wondered 
Thanks! Martin Taylor web: digitalpublishing.org.nz email: martin@digitalstrategies.co.nz blog: activitypress.com/ ereport

Más contenido relacionado

Destacado

From XML to eBooks Part 2: The Details
From XML to eBooks Part 2: The DetailsFrom XML to eBooks Part 2: The Details
From XML to eBooks Part 2: The DetailsRichard Hamilton
 
EPUB3 Now! at IDPF 2013 Digital Book
EPUB3 Now! at IDPF 2013 Digital BookEPUB3 Now! at IDPF 2013 Digital Book
EPUB3 Now! at IDPF 2013 Digital Bookliz_castro
 
Preparing for ePub 3
Preparing for ePub 3Preparing for ePub 3
Preparing for ePub 3Ron Severdia
 
EPUB + iPad = free from paper books
EPUB + iPad = free from paper booksEPUB + iPad = free from paper books
EPUB + iPad = free from paper booksosimajp
 
What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3
What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3
What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3Autumn Cuellar
 
The Vocabulary of xAPI
The Vocabulary of xAPIThe Vocabulary of xAPI
The Vocabulary of xAPIAaron Silvers
 
Business plan for startup
Business plan for startupBusiness plan for startup
Business plan for startupReginald Addae
 
EPUB Evolutions: Towards HTML5 and CSS3
EPUB Evolutions: Towards HTML5 and CSS3EPUB Evolutions: Towards HTML5 and CSS3
EPUB Evolutions: Towards HTML5 and CSS3Liza Daly
 
FR201 - The Creative Blend: New Tools to Engage Learners
FR201 - The Creative Blend: New Tools to Engage LearnersFR201 - The Creative Blend: New Tools to Engage Learners
FR201 - The Creative Blend: New Tools to Engage LearnersTorranceLearning
 
What is xAPI and is it contagious?
What is xAPI and is it contagious?What is xAPI and is it contagious?
What is xAPI and is it contagious?TorranceLearning
 

Destacado (14)

From XML to eBooks Part 2: The Details
From XML to eBooks Part 2: The DetailsFrom XML to eBooks Part 2: The Details
From XML to eBooks Part 2: The Details
 
EPUB3 Now! at IDPF 2013 Digital Book
EPUB3 Now! at IDPF 2013 Digital BookEPUB3 Now! at IDPF 2013 Digital Book
EPUB3 Now! at IDPF 2013 Digital Book
 
Preparing for ePub 3
Preparing for ePub 3Preparing for ePub 3
Preparing for ePub 3
 
EPUB + iPad = free from paper books
EPUB + iPad = free from paper booksEPUB + iPad = free from paper books
EPUB + iPad = free from paper books
 
What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3
What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3
What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3
 
The Vocabulary of xAPI
The Vocabulary of xAPIThe Vocabulary of xAPI
The Vocabulary of xAPI
 
Business plan for startup
Business plan for startupBusiness plan for startup
Business plan for startup
 
EPUB Evolutions: Towards HTML5 and CSS3
EPUB Evolutions: Towards HTML5 and CSS3EPUB Evolutions: Towards HTML5 and CSS3
EPUB Evolutions: Towards HTML5 and CSS3
 
FR201 - The Creative Blend: New Tools to Engage Learners
FR201 - The Creative Blend: New Tools to Engage LearnersFR201 - The Creative Blend: New Tools to Engage Learners
FR201 - The Creative Blend: New Tools to Engage Learners
 
Interactive E-Books
Interactive E-BooksInteractive E-Books
Interactive E-Books
 
cmi5-xapi-camp
cmi5-xapi-campcmi5-xapi-camp
cmi5-xapi-camp
 
What is xAPI and is it contagious?
What is xAPI and is it contagious?What is xAPI and is it contagious?
What is xAPI and is it contagious?
 
Going with xAPI
Going with xAPIGoing with xAPI
Going with xAPI
 
DIY xAPI
DIY xAPIDIY xAPI
DIY xAPI
 

Más de Digital Publishing Forum NZ (17)

A Digital Roadmap for Writers
A Digital Roadmap for WritersA Digital Roadmap for Writers
A Digital Roadmap for Writers
 
Social networking and online community-building
Social networking and online community-buildingSocial networking and online community-building
Social networking and online community-building
 
Paid Search and Web Analytics - SEO Part 2
Paid Search and Web Analytics - SEO Part 2Paid Search and Web Analytics - SEO Part 2
Paid Search and Web Analytics - SEO Part 2
 
1000 Great New Zealand eBooks
1000 Great New Zealand eBooks1000 Great New Zealand eBooks
1000 Great New Zealand eBooks
 
Richard Pipe 2
Richard Pipe 2Richard Pipe 2
Richard Pipe 2
 
Richard Pipe
Richard PipeRichard Pipe
Richard Pipe
 
Michael Ross
Michael RossMichael Ross
Michael Ross
 
Simon Rowell
Simon RowellSimon Rowell
Simon Rowell
 
The Future Of The Book Conference
The Future Of The Book ConferenceThe Future Of The Book Conference
The Future Of The Book Conference
 
Karl Von Randow
Karl Von RandowKarl Von Randow
Karl Von Randow
 
Mark Szulc
Mark SzulcMark Szulc
Mark Szulc
 
Gavin Mc Ardle
Gavin Mc ArdleGavin Mc Ardle
Gavin Mc Ardle
 
Martin Taylor
Martin TaylorMartin Taylor
Martin Taylor
 
Martin Taylor Intro
Martin Taylor   IntroMartin Taylor   Intro
Martin Taylor Intro
 
John Garraway
John GarrawayJohn Garraway
John Garraway
 
The Book is Dead. Long Live the Book.
The Book is Dead. Long Live the Book.The Book is Dead. Long Live the Book.
The Book is Dead. Long Live the Book.
 
Production and Distribution of Digital Content
Production and Distribution of Digital ContentProduction and Distribution of Digital Content
Production and Distribution of Digital Content
 

Último

Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parentsnavabharathschool99
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4JOYLYNSAMANIEGO
 
The Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World PoliticsThe Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World PoliticsRommel Regala
 
EMBODO Lesson Plan Grade 9 Law of Sines.docx
EMBODO Lesson Plan Grade 9 Law of Sines.docxEMBODO Lesson Plan Grade 9 Law of Sines.docx
EMBODO Lesson Plan Grade 9 Law of Sines.docxElton John Embodo
 
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxVanesaIglesias10
 
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...JojoEDelaCruz
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptxmary850239
 
Millenials and Fillennials (Ethical Challenge and Responses).pptx
Millenials and Fillennials (Ethical Challenge and Responses).pptxMillenials and Fillennials (Ethical Challenge and Responses).pptx
Millenials and Fillennials (Ethical Challenge and Responses).pptxJanEmmanBrigoli
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfVanessa Camilleri
 
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptIntegumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptshraddhaparab530
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptxmary850239
 
4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptxmary850239
 
Dust Of Snow By Robert Frost Class-X English CBSE
Dust Of Snow By Robert Frost Class-X English CBSEDust Of Snow By Robert Frost Class-X English CBSE
Dust Of Snow By Robert Frost Class-X English CBSEaurabinda banchhor
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management SystemChristalin Nelson
 
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfJemuel Francisco
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17Celine George
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management systemChristalin Nelson
 

Último (20)

Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4
 
The Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World PoliticsThe Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World Politics
 
EMBODO Lesson Plan Grade 9 Law of Sines.docx
EMBODO Lesson Plan Grade 9 Law of Sines.docxEMBODO Lesson Plan Grade 9 Law of Sines.docx
EMBODO Lesson Plan Grade 9 Law of Sines.docx
 
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptx
 
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx
 
Millenials and Fillennials (Ethical Challenge and Responses).pptx
Millenials and Fillennials (Ethical Challenge and Responses).pptxMillenials and Fillennials (Ethical Challenge and Responses).pptx
Millenials and Fillennials (Ethical Challenge and Responses).pptx
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdf
 
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptxLEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
 
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptIntegumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.ppt
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx
 
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 
4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx
 
Dust Of Snow By Robert Frost Class-X English CBSE
Dust Of Snow By Robert Frost Class-X English CBSEDust Of Snow By Robert Frost Class-X English CBSE
Dust Of Snow By Robert Frost Class-X English CBSE
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management System
 
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management system
 

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

  • 1. Under the hood – Getting techie
  • 2.
  • 3.
  • 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.
  • 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.
  • 13. Bonus : A free website in 5 steps and 15 minutes No HTML coding needed
  • 14.
  • 15. Add PAGES for static information
  • 16.
  • 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