E-Publishing Conversion Process            for NMSU Extension Numbered Publications            by Ana Henke and Frank Shol...
General: select document;                               leave bullets and numbers                               at its def...
Before you start developing the HTML file, you’ll need toconvert the PDF of masthead into JPEG graphic.Open pub PDF inPhot...
Use the eraser tool to erase                   the superscript next to the                   author name.    Select Image,...
Masthead from publication should be madeOverview of new HTML format for pubsinto graphic.Remove the superscript regarding ...
After you export a file for Dreamweaver, an image folder is automatically generatedalong with an HTML file. Remember ALL s...
It is important to keep the author’s    New graphic inserted.    title line in its own separate cell. If    you don’t, it ...
Using Photoshop to resize and insert photos into HTML file—after they were converted for Dreamweaver from InDesign.       ...
To insert the horizontal rule, just put the cursor where you’d like to place the ruleand click the horizontal rule button ...
Copy and paste the                                                                     keywords into this                 ...
Now, you need to add                                                                   the Alt tag (or photo              ...
You will need to save two HTML files. One for the web and the other for the e-publishing conversionprocess. The HTML file ...
Before converting the HTML file into an ePub or Mobi file,you’ll need to typeset the pub’s cover page.                    ...
After you typeset the cover, save it as     a graphic like you did the masthead by     rasterizing it in Photoshop.     Re...
Calibre Tools   Add      Edit   Convert                Save     Remove     User’s  books   metadata books     View        ...
• 	 The first thing you need to                                                               do is create the metadata fo...
Once you have updated the     metadata and inserted the     cover graphic, you are ready to     convert the file.     Clic...
For MOBI format     Click MOBI on the Output     format button at top right     corner.     Make sure the box Do not     b...
After it is converted into     an ePUB or Mobi, it shows     up on the list of e-books     available in your library.     ...
Once you are ready to send the eBook                                and html files to webmaster, rememberIMPORTANT: This i...
Upcoming SlideShare
Loading in …5
×

Converting Publications to eBooks, Step by step

410 views

Published on

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
410
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Converting Publications to eBooks, Step by step

  1. 1. E-Publishing Conversion Process for NMSU Extension Numbered Publications by Ana Henke and Frank Sholedice (Revised September 2011) Converting InDesign file to • Open InDesign file and make sure all HTML using Dreamweaver links are connected properly (VERY IMPORTANT!). • File > Export for DreamweaverFile > Export for Dreamweaver • Save as HTMLSave As HTML 1
  2. 2. General: select document; leave bullets and numbers at its default.Export Options: General Copy Images (select optimized), Images: Image conversion (select JPEG) JPEG Options (select High)Export Options: Images Advanced: select Empty CSS Declarations Then click ExportExport Options: Advanced 2
  3. 3. Before you start developing the HTML file, you’ll need toconvert the PDF of masthead into JPEG graphic.Open pub PDF inPhotoshop. The ImportPDF box is displayed.Make sure that thefirst page of thedocument is selected.Leave the resolution at300 so that the file sizeis still large. Click OK.Go to Image > CanvasSize. You’ll need toenlarge the size of thecanvas (or page) to8 x 10 so that you canhave a small marginaround the page.Click OK.Once the canvas sizeis reset, crop out themasthead from thepage. Then, selectLayer and thenFlatten Image (thatis what gives you thewhite backgroundinstead of the graycheckered pattern). 3
  4. 4. Use the eraser tool to erase the superscript next to the author name. Select Image, then Image Size and change the resolution to 72dpi and save the file as a JPEG. Make sure that NONE of the buttons at the botton are checked. Save at the highest quality JPEG setting. Remember to size the masthead to You need to SAVE the file, then reopen a width of 785 pixels. Image size—click all the boxes, so that you can access pixels.4
  5. 5. Masthead from publication should be madeOverview of new HTML format for pubsinto graphic.Remove the superscript regarding authortitles in Photoshop.Don’t forget to add the word “Author(s):”followed by author(s) information belowmasthead (text should be BOLD). Alsoadd the word “Respectively” when thereis more than one author as shown here.Apply basic subhead styles to text(start with sub 2).Bold photo captions.Add lead author photo and bio beforethe closing information to all new/revisedpublications.Place ACES contact information, copyrightpermission and EEO statement at the endof file in this order.Place “Printed and electronicallydistributed” line at the end of theHTML file in BOLD. 5
  6. 6. After you export a file for Dreamweaver, an image folder is automatically generatedalong with an HTML file. Remember ALL styles have been stripped out of this HTML file. You’ll be applying styles to this file in Dreamweaver, which will be transfered into the eBook formats. Open the HTML file in Dreamweaver. Delete masthead shell graphic and the text what would fill it like pub and replace with masthead graphic you title, pub number, authors names, etc. developed from PDF in Photoshop. If the masthead has superscripts, go back into Photoshop and delete them. Insert new masthead graphic by clicking Insert > Image. After you’ve selected which image you want to insert, this Image Tag box comes up—just click OK. Since you’ve sized the graphic in Photoshop, all you need to do is insert it in the document. 6
  7. 7. It is important to keep the author’s New graphic inserted. title line in its own separate cell. If you don’t, it appears much too close to the masthead on the web. The rest of the content should be one cell. Highlight the subhead text and click the appropriate style throughout the publication (remember the styles have been stripped out). Apply the heading styles the way you would for any publication, but you must start with HEADING 2! TIP: If subheads are in ALL CAPS, use MS Word “change case” option to correct. Select “title” option. If this formatting tools panel doesn’t appear, go to the pull-down menu under Modify > Selection Properties. NOTE: Tables are more clearly/easily displayed online and in the iPad (ePub format) by using the table grid option. To insert a table, click the Table button on the side menu options. Then type in the number of rows and columns desired.7
  8. 8. Using Photoshop to resize and insert photos into HTML file—after they were converted for Dreamweaver from InDesign. When you export a document for Dreamweaver, the software creates an HTML file and resizes the photos/ graphics. It also puts all the graphics into one folder. Because we use high resolution photos for our publications, when Dreamweaver converts our photos into JPG files it ends up increasing the “Document size.” So, you’ll need to open the files in Photoshop to resize them. Click Image > Image Size When resizing a photo, you must check all of the following boxes: Scale Styles, Constrain Proportions and Resample Image. Next, type in 400 pixels in the width box for all photos. If you want to group photos together, just make them two-photos wide. Hopefully, the photo will have a high enough resolution for the 400 pixel width. If not, 350 will be fine. When you open the document in Dream- weaver again, the resized photos will automatically be updated in the HTML file. Note: If you are inserting a lineart im- age/illustration that contains text, the image width should be 600 pixels. 8
  9. 9. To insert the horizontal rule, just put the cursor where you’d like to place the ruleand click the horizontal rule button on the right side panel.After formatting your publication, you’ll need to add the head tags to theHTML code (keywords, meta description and alt tags). Place your cursor directly after <head>. This is where you’ll be inserting the head tags.Insert > HTML > Head Tags > Keywords 9
  10. 10. Copy and paste the keywords into this box and click OK. Make sure that “NMSU Extension” is a keyword to ALL Extension pubs! and “NMSU Experiment Station” is a keyword for AES pubs.The keywords are then inserted into the html code. The same method allows you to insertthe description as well (Insert > HTML > Head Tags > Descriptions). 10
  11. 11. Now, you need to add the Alt tag (or photo description) First, click the photo. Then copy and past the Alt tag information into the Alt box located on the bottom toolbar. After it is pasted in, the information is inserted into the HTML code. Note: ONLY figures require alt tags! Also, if you replace a figure, you’ll need to reinsert the alt tags!! You are DONE with the Head tags!!After this step, give to editor to review content. After you make his corrections letsupervisor know HTML file is ready for review. 11
  12. 12. You will need to save two HTML files. One for the web and the other for the e-publishing conversionprocess. The HTML file for the web includes everything you just added to the file. The file name shouldbe the publication number (EX: B218.html).For the HTML file for e-publishing, delete the masthead graphic because you are going to createa cover for the eBooks. The file name should be the publication number with eBook added(EX: B218eBook.html).From now on each electronic publication folder should have four folders: (Main folder: B218;Subfolders: B218eBook, B218HTML, B218InDesign) plus the B218.PDF file. 12
  13. 13. Before converting the HTML file into an ePub or Mobi file,you’ll need to typeset the pub’s cover page. I’ve set up an eBook cover template in InDesign with character styles. After you layout the eBook cover, let editor review it for text accuracy and have supervisor review the layout. A hard copy or PDF version is fine. Don’t forget to insert the pub name, number, author’s name(s) and title(s) before the publication content! This is necessary because the Kindle often skips the cover page when displaying an eBook. 13
  14. 14. After you typeset the cover, save it as a graphic like you did the masthead by rasterizing it in Photoshop. Remember that the resolution needs to be 300 AND leave the image size AS IS. It is not necessary to enlarge the canvas to 8 X 10 like for the masthead. CROP the image so that it appears to have a FULL BLEED!! Then Flatten the image and save as a JPEG. This is the image file that will be added to eBook in calibre.14
  15. 15. Calibre Tools Add Edit Convert Save Remove User’s books metadata books View to disk books manual PreferencesConverting HTML file to ePUB & MOBI formats using Calibre Before converting the HTML file into an ePUB or MOBI format, you need to open the file in Calibre by clicking the Add books button at top left and selecting the HTML file and clicking Open. 15
  16. 16. • The first thing you need to do is create the metadata for the publication. Click the Edit metadata button at the top left corner and then just start filling in the information. • Remember to add in pub number BEFORE title! • Copy and paste keywords that have been provided by editors for this publication. • Once you are done with this, you’ll need to replace the generic book cover with the cover you typeset.Publisher: New Mexico State University Cooperative Extension Service • Click the “Change cover image” button and select the file. 16
  17. 17. Once you have updated the metadata and inserted the cover graphic, you are ready to convert the file. Click the “Convert Books” button. Click Table of Contents icon at left. Make sure the box Do to the Table of Contents IS not add detected chapters CHECKED Click Look & Feel icon at left, In the Look & Feel menu, click the drop-down menu to the right of Text justification: and select Left align Once these steps are completed, you need to decide if you want the book to be in EPUB or MOBI format.17
  18. 18. For MOBI format Click MOBI on the Output format button at top right corner. Make sure the box Do not book IS CHECKED. add Table of Contents to Also click the MOBI Output button on the left side panel. Click OK at bottom right to convert file. For EPUB format Click EPUB on the Output format button at top right corner. Click Do not split on step! If this is not checked, page breaks. Important blank pages will appear throughout your eBook on the iPad! Also click the EPUB Output button on the left side panel. Click OK at bottom right to convert file.18
  19. 19. After it is converted into an ePUB or Mobi, it shows up on the list of e-books available in your library. Now, you can view it via Calibre, by clicking the title you want and clicking the view button. View of eBook. After eBook file is done, upload the eBooks to our office eReaders to see how the files are work- ing. Have supervisor and editor double check eBooks on readers as well. If they work properly on all eReaders, you can forward eBook files to webmaster for posting.19
  20. 20. Once you are ready to send the eBook and html files to webmaster, rememberIMPORTANT: This is how your all you need to send is the MOBI file andfiles should be organized and the EPUB file. You don’t need to sendnamed once you have completed her the eBook cover grraphic OR thepublication. eBook HTML file. Everything is already included in the MOBI/EPUB formats! When you are done with the HTML files, you can just email her the HTML file along with the individual graphics files. I’ve had no problem emailing the files like I’ve shown above. REMEMBER: ONLY send the webmaster the one HTML file to be posted to the web and NOT the eBook HTML file!CONGRATUATIONS! You’ve converted an Extension print publicationinto HTML and eBook versions! 20

×