Share
I en del av iBooks Bootcamp-serien snakket vi om hvordan du får en iBooks-innholdsleverandørkonto fra Apple og diskutert iBooks-plattformen på et høyt nivå. I denne andre tråden går vi over hvordan du faktisk lager ditt første faste layout iBooks-prosjekt.
Det første vi må gjøre er å sette opp de nødvendige mappene.
Start med å lage en hovedprosjektmappe hvor du kan lagre alt.
Du kan navngi mappen hva du vil. For denne opplæringen skal jeg nevne vår "iBookDemo".
I hovedmappen lager vi to nye mapper. Den første må bli kalt "META-INF" og den andre "OEBPS".
De META-INF mappen inneholder metadata som iBooks kan bruke til å identifisere boken. De OEBPS mappen inneholder alt innholdet og støttende filer for boken. Disse to mappene kreves. Hvis ikke oppgitt, vil boken ikke validere som en iBook og vil ikke åpne i iBooks-appen.
Foruten META-INF og OEBPS-mappene, er den eneste andre filen som skal være tilstede i hovednivået til mappen, mimetypefilen. Start teksteditoren og velg en ny fil. Skriv inn følgende kode på første linje:
applikasjon / EPUB + glidelås
Denne mimetypefilen forteller iBooks at dette er en zip-EPUB-applikasjon. Pass på at det ikke er vognretur, og at koden vises på første linje. Klikk "Lagre", og så navnet filen "mimetype". Merk at filen ikke har en utvidelse etter navnet.
La oss spesifisere noen iBooks-alternativer. Opprett en ny fil i tekstredigeringsprogrammet, og skriv inn følgende kode:
Koden ovenfor setter opp filen for å legge til visningsalternativer for boken. Vi legger til de spesifikke alternativene for hver enkelt litt senere. Lagre filen som "com.apple.ibooks.display-options.xml" inne i META-INF mappe.
Som vi diskuterte i del 1 av denne opplæringen, peker container.xml-filen iBooks i retning av .opf-filen, som inneholder metadata for boken. Opprett en ny fil i tekstredigeringsprogrammet og legg til følgende kode:
Så lenge du alltid oppgir .opf-filen ditt samme navn og lagrer det på samme sted, kan du bruke den samme container.xml-filen hver gang du oppretter en ny iBook. Lagre filen som "container.xml" og sørg for å sette den i det samme META-INF mappe.
Den største filen i gjengen, enkelt .opf-filen, er enkelt der du vil oppgi innholdet og bestillingen av boken din. Opprett en ny fil i tekstredigeringsprogrammet og legg til følgende kode:
.Opf-filen starter med de nødvendige navneområdene og følges av fire hovedavsnitt. Den første delen er metadata for boken. Dette inkluderer ting som tittelen, forfatteren og opphavsretten. Den andre er manifestet som beskriver hver fil som brukes i innholdet i boken. Alle XHTML-filer, skrifter, bilder, CSS, JavaScript, lyd og video; Hver bit av innhold som brukes i boken må være oppført her. Den tredje delen er ryggraden, og dette er hvor hver side av boken er oppført i den rekkefølgen den vil bli vist. Den siste delen er veiledningen som angir viktige deler av boken, for eksempel en indeks, ordliste eller innholdsfortegnelse. Guiden er valgfri, men hvis boka har en offisiell innholdsfortegnelse eller indeks, er det en god idé å legge til disse referansene til veilederen. Lagre filen som "content.opf" og sørg for at den er inne i OEBPS mappe.
Den siste EPUB-spesifikke filen er .ncx-filen, katalogen av bokmerker i boken din. Opprett en ny fil i tekstredigeringsprogrammet og legg til følgende kode:
Som nesten alle EPUB-spesifikke filene vi har opprettet, er denne filen også basert på XML. Lagre filen som "toc.ncx" i OEBPS mappe.
Mens du kan bruke eksternt, internt eller in-line CSS med iBooks, for organisatoriske formål, skal vi holde fast med eksternt koblet CSS. Opprett en ny fil i tekstredigeringsprogrammet og legg til følgende kode:
kropp bredde: 612px; høyde: 792px; margin: 0;
Vi vil bare legge til en tag for nå, og det er kropp stikkord. Størrelsen på siden er definert på to steder i en iBook, the kropp tag på CSS og view tag i XHTML-filen. Lagre filen og navnet den "cssstyles.css". For dette eksempelet lagrer vi CSS-filene direkte i OEBPS mappe, men du vil kanskje ha en egen mappe i OEBPS-mappen i ditt eget prosjekt hvis du planlegger å bruke en egen CSS-fil for hver side.
Hver side i en fast layout iBook er en egen XHTML-fil. Dette betyr at hvis boken din har ti sider, vil du ha ti separate XHTML-filer. Den enkleste måten å lage de mange sidene på er å starte ved å bygge en mal som inneholder koden som vil være til stede på hver side, og klikk på "Lagre som" for å lagre filen som de andre XHTML-sidene du trenger. La oss begynne med å bygge malen for prosjektet vårt. Opprett en ny fil i tekstredigeringsprogrammet og legg til følgende kode.
iBooks Demo
Det er noen viktige brikker til denne koden. Den første delen inneholder navnene XHTML og EPUB og tilsvarende URIer. Inne i hode tag er bokens tittel og en tag for view. Akkurat som kropp tag i CSS-filen, view Lar iBooks vite størrelsen på en boks side i piksler. Vi kobler også den nyopprettede eksterne CSS-filen. Den siste delen, kropp, er hvor alt vårt innhold går. Lagre filen som "page01.xhtml" og sørg for at den er lagret i OEBPS mappe.
Med "page01.xhtml" fortsatt åpen, klikk Fil> Lagre som og lagre filen som "page02.xhtml" i OEBPS mappe. Klikk Fil> Lagre som igjen og lagre filen som "page03.xhtml" i OEBPS mappe. Du har nå tre sider for din demo iBook uten å skrive den samme koden tre ganger!
Ditt prosjekt er nå satt opp, men det er ikke noe innhold ennå, og ingenting å teste om vi laster opp til en enhet. I neste avdeling av denne serien vil vi legge til noe innhold for å lage et fungerende eksempel på en iBook.
Accentsconagua