![]() Here, I’ll introduce the basic concepts behind a simple page layout in Adobe InDesign CS5. While QuarkXPress was once the page layout tool of choice for nearly everyone, Adobe InDesign has become the industry standard. However, page layout is an important function for a lot of design projects, and there is an opportunity to do quite a bit with a layout. (567×819 should work well.) In the CSS you’ll want to set the max-width to 100%, all margins and padding set to zero.Page layout is not as glamorous or interesting to a lot of designers and digital artists as creating t-shirts, posters and album covers. For a cover page to fit well in that, and also look good at larger sizes, you’ll want to create a single image with that aspect ratio. The right aspect ratio for the thumbnail. We don’t actually agree with it at the moment (for various reasons), but if you want to experiment with it, go ahead! Further reading on covers Advice from AdobeĪdobe provides the following advice regarding covers. SVG is a great format for creating crisp vector graphics, so this would be best practice if most ereaders supported it, but they don’t. Tech note: Some people say you should use SVG for covers. xpgt file to control margins and columns in ADE, do not link to it in your cover.xhtml file, or you’ll get white space around your cover page. Once you’re confident of this process, you can jump ahead to do that now. Note: In a moment you’ll add more code to the CSS file. Both the body and p classes are necessary, because they control different aspects of cover display in ADE. The text-align puts the cover in the middle of the reader’s viewport. The margin and padding here override the automatic white space ADE adds around elements. Note: This is our preference for displaying cover images. Open the CSS file in a text editor and add the following lines: /*Cover*/ You’ll find the CSS file in the OEBPS folder, usually called template.css (or, often, style.css). The CSS file contains information about how things should look, such as colours and spacing of text and images. That is, it’s not a page of content, it’s just the cover. It tells the reading system not to include the cover in the normal reading flow of the epub. ![]() Tech note: The linear="no" part is optional, but recommended. The spine tells a reading system in what order to read things in the epub package.Īfter the tag, insert the following line (the order in the spine is very important cover first!):
0 Comments
Leave a Reply. |