Share
În prima parte a seriei iBooks Bootcamp, am vorbit despre cum să obținem un cont furnizor de conținut iBooks de la Apple și am discutat despre platforma iBooks la un nivel înalt. În această a doua tranșă, vom examina cum să creați de fapt primul dvs. proiect iBooks cu layout fix.
Primul lucru pe care trebuie să-l facem este să setăm dosarele necesare.
Începeți prin a crea un director principal al proiectului în care să stocați totul.
Puteți numi dosarul oricui doriți. Pentru acest tutorial, voi numi a noastră "iBookDemo".
În interiorul directorului principal vom crea două foldere noi. Primul trebuie să fie numit "META-INF", iar al doilea "OEBPS".
META-INF va conține metadate pe care iBooks le poate utiliza pentru a identifica cartea. OEBPS dosarul va conține tot conținutul și fișierele suport ale cărții. Aceste două dosare sunt obligatorii. Dacă nu este furnizat, cartea nu va fi validată ca iBook și nu se va deschide în aplicația iBooks.
Pe lângă folderele META-INF și OEBPS, singurul alt fișier care ar trebui să fie prezent în nivelul principal al dosarului este fișierul mimetype. Lansați editorul de text și selectați un fișier nou. Introduceți următorul cod pe prima linie:
application / epub + zip
Acest fișier mimetype îi spune lui iBooks că este o aplicație EPUB zipped. Asigurați-vă că nu există retururi de cărucior și că codul apare pe prima linie. Faceți clic pe "Salvați", apoi denumiți fișierul "mimetype". Rețineți că fișierul nu are o extensie după nume.
Să specificăm câteva opțiuni iBooks. Creați un alt fișier nou în editorul de text și tastați următorul cod:
Codul de mai sus stabilește fișierul pentru a adăuga opțiuni de afișare pentru carte. Vom adăuga opțiunile specifice pentru fiecare dintre noi puțin mai târziu. Salvați fișierul ca "com.apple.ibooks.display-options.xml" în interiorul META-INF pliant.
Așa cum am discutat în prima parte a acestui tutorial, fișierul container.xml puncte iBooks în direcția fișierului .opf, care conține metadatele pentru carte. Creați un fișier nou în editorul dvs. de text și adăugați următorul cod:
Atâta timp cât vă denumiți întotdeauna fișierul .opf același nume și îl salvați în aceeași locație, puteți reutiliza același fișier container.xml de fiecare dată când creați o nouă carte iBook. Salvați fișierul ca "container.xml" și asigurați-vă că îl puneți în același META-INF pliant.
Cu ușurință cel mai mare fișier din grup, fișierul .opf este locul în care veți lista conținutul și ordinea cărții dvs. Creați un fișier nou în editorul dvs. de text și adăugați următorul cod:
Fișierul .opf începe cu spațiul de nume necesar și este urmat de patru secțiuni principale. Prima secțiune este metadatele pentru carte. Acestea includ lucruri precum titlul, autorul și drepturile de autor. Al doilea este manifestul care detaliază fiecare fișier utilizat în conținutul cărții. Toate fișierele XHTML, fonturile, imaginile, CSS, JavaScript, audio și video; fiecare bit de conținut utilizat în cartea trebuie să fie listat aici. A treia secțiune este coloana vertebrală, iar în fiecare pagină a cărții este afișată în ordinea în care va fi afișată. Secțiunea finală este ghidul care specifică secțiuni importante ale cărții, cum ar fi un index, glosar sau cuprins. Ghidul este opțional, însă dacă cartea dvs. conține un tabel de conținut sau un index, este o idee bună să adăugați aceste referințe la ghid. Salvați fișierul ca "content.opf" și asigurați-vă că acesta este în interiorul OEBPS pliant.
Ultimul fișier specific EPUB este fișierul .ncx, directorul de marcaje din cartea dvs. Creați un fișier nou în editorul dvs. de text și adăugați următorul cod:
Ca aproape toate fișierele specifice EPUB pe care le-am creat, acest fișier se bazează, de asemenea, pe XML. Salvați fișierul ca "toc.ncx" în OEBPS pliant.
În timp ce puteți utiliza CSS externe, interne sau în linie cu iBooks, în scopuri organizaționale, vom rămâne cu CSS extern legat. Creați un fișier nou în editorul dvs. de text și adăugați următorul cod:
corp lățime: 612px; înălțime: 792px; marja: 0;
Vom adăuga doar o singură etichetă pentru moment, și anume corp etichetă. Dimensiunea paginii este definită în două locuri dintr - un iBook, corp eticheta CSS și viewport tag în fișierul XHTML. Salvați fișierul și denumiți-l "cssstyles.css". Pentru acest exemplu, vom salva fișierele CSS direct în OEBPS , dar doriți să aveți un folder separat în folderul OEBPS în propriul proiect dacă intenționați să utilizați un fișier CSS separat pentru fiecare pagină.
Fiecare pagină a iBook-ului Fix Layout este un fișier XHTML separat. Aceasta înseamnă că, dacă cartea dvs. are zece pagini, veți avea zece fișiere XHTML separate. Cea mai ușoară modalitate de a crea numeroase pagini este de a începe prin construirea unui șablon care să conțină codul care va apărea pe fiecare pagină și faceți clic pe "Salvați ca" pentru a salva fișierul ca la celelalte pagini XHTML de care veți avea nevoie. Să începem prin construirea șablonului pentru proiectul nostru. Creați un fișier nou în editorul de text și adăugați următorul cod.
iBooks Demo
Există câteva piese importante ale acestui cod. Prima secțiune include spațiile de nume XHTML și EPUB și URI-urile corespunzătoare. În interiorul cap eticheta este cartea lui titlu și o etichetă pentru viewport. La fel ca și corp tag în fișierul CSS, viewport iBooks cunoaște dimensiunea paginii unei cărți în pixeli. De asemenea, conectăm fișierul extern CSS nou creat. Ultima secțiune, corp, este în cazul în care tot conținutul nostru merge. Salvați fișierul ca "page01.xhtml" și asigurați-vă că este salvat în OEBPS pliant.
Cu "page01.xhtml" încă deschis, faceți clic pe Fișier> Salvare ca și salvați fișierul ca "page02.xhtml" în OEBPS pliant. Clic Fișier> Salvare ca din nou și salvați fișierul ca "page03.xhtml" în OEBPS pliant. Aveți acum trei pagini pentru iBook-ul demo, fără a trebui să scrieți același cod de trei ori!
Proiectul dvs. este acum setat, dar nu există încă conținut și nimic de testat dacă încărcăm pe un dispozitiv. În următoarea tranșă din această serie, vom adăuga un anumit conținut pentru a crea un exemplu de lucru al unui iBook.
Accentsconagua