I en del av iBooks Bootcamp-serien pratade vi om hur man får ett iBooks innehållsleverantörskonto från Apple och diskuterade iBooks-plattformen på en hög nivå. I den andra delen kommer vi att gå över hur du faktiskt skapar ditt första iBooks-projekt med fast layout.
Det första vi behöver göra är att ställa in de nödvändiga mapparna.
Börja med att skapa en huvudprojektmapp där du kan lagra allt.
Du kan namnge mappen vad du än vill. För den här handledningen ska jag namnge vår "iBookDemo".
Inne i huvudmappen skapar vi två nya mappar. Den första måste kallas "META-INF" och den andra "OEBPS".
De META-INF mappen innehåller metadata som iBooks kan använda för att identifiera boken. De OEBPS mappen innehåller alla innehåll och stödjande filer för boken. Dessa två mappar krävs. Om den inte tillhandahålls, kommer boken inte att valideras som en iBook och kommer inte att öppnas i iBooks-appen.
Förutom META-INF och OEBPS-mapparna är den enda andra filen som ska finnas närvarande i huvudnivån i mappen mimetypfilen. Starta din textredigerare och välj en ny fil. Skriv följande kod på första raden:
application / epub + zip
Den här mimetypfilen berättar iBooks att detta är en zippad EPUB-applikation. Se till att det inte finns några vagnreturer och att koden visas på första raden. Klicka på "Spara" och ange filen "mimetype". Observera att filen inte har en förlängning efter namnet.
Låt oss ange några iBooks-alternativ. Skapa en annan ny fil i din textredigerare och skriv följande kod:
Ovanstående kod ställer in filen för att lägga till visningsalternativ för boken. Vi lägger till specifika alternativ för varje en lite senare. Spara filen som "com.apple.ibooks.display-options.xml" inuti META-INF mapp.
Som vi diskuterade i del 1 av denna handledning, pekar filen container.xml iBooks i riktning mot .opf-filen, som innehåller metadata för boken. Skapa en ny fil i din textredigerare och lägg till följande kod:
Så länge du alltid heter din .opf-fil med samma namn och sparar det på samma plats, kan du återanvända samma container.xml-fil varje gång du skapar en ny iBook. Spara filen som "container.xml" och se till att du lägger den i samma META-INF mapp.
Lätt den största filen i bunten, .opf-filen är där du ska lista innehållet och ordningen i din bok. Skapa en ny fil i din textredigerare och lägg till följande kod:
.Opf-filen startar med de obligatoriska namnområdena och följs av fyra huvudavsnitt. Den första delen är metadata för boken. Detta inkluderar saker som titel, författare och upphovsrätt. Den andra är manifestet som beskriver varje fil som används i bokens innehåll. Alla XHTML-filer, teckensnitt, bilder, CSS, JavaScript, ljud och video; Varje bit av innehåll som används i boken måste listas här. Den tredje delen är ryggraden, och det är här varje sida i boken är upptagen i den ordning den kommer att visas på. Det sista avsnittet är den guide som anger viktiga delar av boken, till exempel ett index, ordlista eller innehållsförteckning. Guiden är valfri, men om din bok har en officiell innehållsförteckning eller index, är det en bra idé att lägga till dessa referenser till guiden. Spara filen som "content.opf" och se till att den är inne i OEBPS mapp.
Den senaste EPUB-specifika filen är .ncx-filen, katalogen med bokmärken i din bok. Skapa en ny fil i din textredigerare och lägg till följande kod:
Precis som nästan alla EPUB-specifika filer som vi har skapat, är denna fil också baserad på XML. Spara filen som "toc.ncx" i OEBPS mapp.
Medan du kan använda extern, intern eller in-line CSS med iBooks, för organisatoriska ändamål kommer vi att hålla fast vid externt länkad CSS. Skapa en ny fil i din textredigerare och lägg till följande kod:
kropp width: 612px; höjd: 792px; marginal: 0;
Vi lägger bara till en tagg för nu, och det är det kropp
märka. Sidans storlek definieras på två ställen i en iBook, the kropp
tagg av CSS och visningsområde
tagg i XHTML-filen. Spara filen och namnge den "cssstyles.css". För detta exempel sparar vi CSS-filerna direkt i OEBPS mapp, men du kanske vill ha en separat mapp i OEBPS-mappen i ditt eget projekt om du planerar att använda en separat CSS-fil för varje sida.
Varje sida i en fast layout iBook är en separat XHTML-fil. Det innebär att om din bok har tio sidor, kommer du att ha tio separata XHTML-filer. Det enklaste sättet att skapa så många sidor är att börja med att bygga en mall som innehåller koden som kommer att finnas på varje sida och klicka på "Spara som" för att spara filen som de andra XHTML-sidorna du behöver. Låt oss börja med att bygga mallen för vårt projekt. Skapa en ny fil i din textredigerare och lägg till följande kod.
iBooks Demo
Det finns några viktiga delar till den här koden. Den första sektionen innehåller namnnamn XHTML och EPUB och motsvarande URI. Inuti huvud
taggen är bokens titel
och en tagg för visningsområde
. Precis som kropp
tagga i CSS-filen, visningsområde
Låter iBooks känna till storleken på en boks sida i pixlar. Vi länkar också till den nyskapade externa CSS-filen. Det sista avsnittet, kropp
, är där allt vårt innehåll går. Spara filen som "page01.xhtml" och se till att den är sparad i OEBPS mapp.
Med "page01.xhtml" fortfarande öppen klickar du på Arkiv> Spara som och spara filen som "page02.xhtml" i OEBPS mapp. Klick Arkiv> Spara som igen och spara filen som "page03.xhtml" i OEBPS mapp. Du har nu tre sidor för din demo iBook utan att behöva skriva samma kod tre gånger!
Ditt projekt är nu upprättat, men det finns inget innehåll ännu och inget att testa om vi laddar upp till en enhet. I nästa del av denna serie lägger vi till lite innehåll för att skapa ett fungerande exempel på en iBook.