SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

En vedette

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
 

En vedette (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
 

Plus 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
 

Dernier

Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfchloefrazer622
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024Janet Corral
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 

Dernier (20)

Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 

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