Académique Documents
Professionnel Documents
Culture Documents
1
Microsoft Word l'elaboratore di testo pi popolare al mondo e per questo una gran fortuna poter usare documenti di Word come base per generare un ebook in formato EPUB. Purtroppo EPUB non in grado di riconoscere direttamente Word, per questo dovrai salvare i tuoi documenti in formato HTML, per poi ritoccarli in modo che EPUB li possa usare. Questo processo te lo descrivo in questo il capitolo e in particolare ti mostro come: Dare uno stile al documento di Word Salvare le di Word in HTML Preparare le HTML, generati da Word, per EPUB Chiaro che non sei obbligato a usare Word. Se hai InDesign, puoi saltare questo capitolo in cui parlo di Word (e quindi passa al prossimo capitolo). Puoi anche utilizzare un editor di testo per scrivere i tuoi le XHTML e CSS, seguendo le linee guida del capitolo 3.
14
Una buona idea quella di applicare almeno la formattazione di base, in modo da poter distinguere il corpo del testo dal titolo, dalle citazioni e cos via. Di fatto questo documento ha tre principali stili che vanno applicati: Normale per il testo principale, Citazione per tutte quelle parti di testo che Thoreau ha spaziato dal testo principale e Titolo 1 per titolo del capitolo.
Suggerimento
Anche se non hai interesse a formattare il tuo documento di Word, dovresti comunque farlo per facilitarti la successiva elaborazione del CSS per EPUB. Uno stile vuoto pu tornare utile per identicare i diversi contenuti del documento.
15
molto semplice cambiare e ordinare gli stili per riettere le tue necessit di formattazione.
Prima di tutto fai clic con il tasto destro del mouse sullo stile Normale e seleziona Modica dal menu che appare. Dalla nestra di dialogo seleziona le caratteristiche di formattazione che ti interessano. In questo esempio io voglio che lo stile Normale utilizzi il carattere Optima,11 punti e interlinea doppia.
Dalla nestra di dialogo Modica stile seleziona le caratteristiche di formattazione che ti interessano e fai clic su OK.
Modica lo stile Titolo 1 in modo che sia allineato al centro, abbia una dimensione di 36 punti, sia verde e abbia 100 punti di spaziatura dopo. In questo modo separi il titolo dal corpo del testo. Lo stile Citazione dovrebbe avere interlinea singola. Per lo stile Enfasi non sono necessarie modiche.
16
Ora fai clic sul piccolo pulsante che trovi nel gruppo Stili nella scheda Home in modo da visualizzare la nestra Stili. Nella nestra Stili fai clic sul pulsante che trovi in basso a destra in modo da aprire la nestra Gestione stili.
Fai clic sul piccolo pulsante in basso a destra per far apparire la nestra Stili. Poi nella nestra Stili fai clic sul pulsante Gestisci stili.
Nella scheda Stili consigliati della nestra Gestione stili seleziona gli stili di cui non hai bisogno e poi clicca Nascondi o Nascondi nch non utilizzato. In questo modo li rimuovi dalla nestra Stili e quelli che ti servono sono pi facili da trovare e applicare.
Nascondere stili inutilizzati ti permette di applicare quelli che tu vuoi in modo pi facile e veloce.
Puoi anche ordinare gli stili in modo da mettere quelli che utilizzi pi di frequente all'inizio della lista. Seleziona lo stile e fai clic su Sposta su o Sposta gi. Oppure clicca Assegna valore per dare allo stile un numero che ne determini la posizione nella lista. Fai clic su OK quando sei soddisfatto.
17
molto pi facile applicare stili quando non devi correre lungo la lista per trovare quello che ti serve.
Ora fai clic sul piccolo pulsante che trovi nel gruppo Stili nella scheda Home in modo da visualizzare la nestra Stili. Nella parte inferiore della nestra Stili clicca il pulsante Nuovo stile (quello tutto a sinistra).
Clicca il piccolo pulsante per aprire la nestra Stili e poi seleziona il pulsante Nuovo stile.
Nella nestra di dialogo Crea nuovo stile da formattazione specica il nuovo Nome dello stile che vuoi creare (nel nostro esempio Maiuscoletto) e seleziona Carattere per il Tipo dato che vogliamo applicare questo stile solo a una selezione di caratteri o parole e non a interi paragra.
18
La nestra Crea nuovo stile da formattazione ti permette di denire le caratteristiche di formattazione che vengono applicate con un dato stile.
3 4
Clicca poi il pulsante Formato > Carattere che trovi in basso a sinistra per fare apparire la nestra di dialogo Carattere e le relative opzioni di formattazione. Seleziona Maiuscoletto e poi fai clic su OK due volte.
Seleziona Maiuscoletto all'interno del gruppo Effetti per aggiungere questa caratteristica al tuo nuovo stile.
19
Il primo passo salvare gli stili all'interno di un modello. Seleziona, dall'elenco a discesa del pulsante Cambia stili nel gruppo Stili della scheda Home, Set di stili > Salva come set di stili veloci... Dai un nome descrittivo al nuovo stile. In questo esempio io uso WaldenStyles.
Puoi anche scaricare gli stili di questo esempio dal sito web del libro.
Per caricare stili in un nuovo documento apri un nuovo documento, clicca Cambia stili e poi seleziona Set di stili > WaldenStyles dal menu a discesa.
Una volta che il tuo set di stili salvato, apparir nell'elenco di Set di stili che possono essere applicati in qualsiasi documento.
20
Ora puoi iniziare ad applicare stili al nuovo documento e ti spiego come pi avanti.
Seleziona tutto il documento (Control o Opzione - A) e quindi clicca lo stile Normale nella barra degli strumenti.
21
Lo stile Titolo 1 centra il testo e lo visualizza a grandi lettere verdi lasciando un bello spazio prima del prossimo paragrafo.
Continua ad applicare gli stili nel documento no a quando completo, ossia applica lo stile Citazione dove appaiono le citazioni, metti il corsivo con lo stile Enfasi e ricorda che la prima lettera nella pagina deve avere applicato lo stile Maiuscoletto.
Suggerimento
Pi usi gli stili per formattare i tuoi documenti, invece che usare la formattazione locale, pi semplice sar la generazione del le HTML da usare nel EPUB. Gli stili di titolo in Word (Titolo 1, Titolo 2 e cos via) sono convertiti automaticamente in stili di intestazione in HTML (h1, h2 e cos via). Tutti gli altri stili sono creati con le classi e elementi p.
22
1 2
Applica gli stili al tuo documento cos come ti ho spiegato poco fa. Assicurati di aver salvato il tuo documento come Word prima di procedere al prossimo passo. Questo un punto importante poich alcune formattazioni verranno perse quando salvi in HTML. Per fare questo clicca il pulsante Ofce e seleziona Salva. Se ti viene richiesto seleziona il formato di Word .doc oppure .docx.
Assicurati di aver salvato tutti i cambiamenti apportati al documento prima di salvarlo come HTML.
23
Ora torna al pulsante Ofce e seleziona questa volta Salva con nome. Qui non necessario che tu scelga una delle opzioni che ti vengono proposte nel menu a anco.
Ora stai per creare una versione parallela del tuo documento in formato HTML.
Seleziona Pagina Web ltrata nel menu a discesa che appare in corrispondenza di Salva come. Ricorda che HTML il formato necessario per i le contenuti in un documento EPUB. Word offre sia HTML che HTML ltrato. Il secondo ha un minor numero di informazioni strane ed da preferire al primo.
Scegli quindi Pagina Web ltrata che genera le pi simili a quello di cui abbiamo bisogno noi.
24
Il documento che ti viene ora proposto un'interpretazione HTML del tuo documento di Word. Ti pu sembrare molto simile a quello appena formattato, ma mi raccomando non apportare nessun cambiamento qui. Invece seleziona subito Chiudi dal menu che appare cliccando il pulsante Ofce.
La versione HTML ltrata pu assomigliare molto a quella di Word, ma di fatto perde molte caratteristiche di Word. meglio non apportare modiche su questo documento.
25
26
Sostituisci quella intestazione con il codice che ogni documento XHTML per EPUB deve avere. E cio:
<?xml version=1.0 encoding=utf-8 ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/ xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
Questo dichiara che il documento un le XHTML. chiaro che la dichiarazione solo l'inizio. Aggiusteremo il resto del codice perch l'HTML diventi XHTML. Ogni le XHTML usato per EPUB dovrebbe sempre iniziare con il codice che ti ho riportato sopra.
Cambia il valore della variabile charset con utf-8. Presta attenzione a non cancellare per sbaglio le virgolette di chiusura. Fai caso che le virgolette di apertura precedono text/html, come devono.
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
Quelli che conoscono XHTML noteranno che il primo attributo non tra virgolette e manca la barra di chiusura al termine della riga. Porteremo a termine tutti questi cambiamenti pi avanti, ma sentiti libero di farlo ora, se preferisci.
27
Se usi un Mac, seleziona Archivio > Salva come e poi Opzioni per scegliere la codica corretta UTF-8. Ora la codica corrisponde esattamente a quanto ci siamo ripromessi. Sostituisci il le originale con quello con la codica corretta, appena creato. Gli utenti di Windows dovrebbero utilizzare i ne riga predeniti.
Non preoccuparti se il tuo programma utilizza parole differenti, l'importante che ci sia da qualche parte la codica UTF-8.
Suggerimento
Word inserisce anche un meta elemento che con orgoglio dichiara che ti ha generato il tuo codice HTML. Puoi cancellarlo o cambiarlo se vuoi. <meta name=Generator content="Microsoft Word 12 (ltered)"> Aggiungeremo le virgolette mancanti in maniera automatica pi avanti in questo capitolo.
1 2
Seleziona il contenuto del foglio stile partendo da <style> no a </style> incluso e seleziona File > Taglia per rimuoverlo dal le XHTML. Poi apri un nuovo documento all'interno dell'editor di testo e seleziona File > Incolla per aggiungere i contenuti dello stile.
28
3 4 5 6
Salva il nuovo le CSS indipendente con l'estensione .css. Lascialo aperto perch dobbiamo fare delle modiche. Rimuovi i tag di apertura e chiusura <style>. In un le CSS indipendente non sono necessari. Se decidi di mantenere le informazioni di stile all'interno del le XHTML, il tag di apertura deve includere type="text/css". Inne rimuovi i commenti <!-- e --> che si trovano all'inizio e alla ne delle informazioni dello stile. Non ti dimenticare di salvare le modiche apportate!
Io raccomando di cancellare tutta questa parte. Se vuoi incorporare i caratteri ci sono maggiori informazioni all'interno del capitolo 4.
29
h1 {mso-style-link:"Titolo 1 Carattere"; margin-top:0cm; margin-right:0cm; margin-bottom:100.0pt; margin-left:0cm; text-align:center; page-break-after:avoid; font-size:36.0pt; font-family:"Albertus MT","serif"; color:#76923C;}
La prima dichiarazione dovrebbe essere cancellata del tutto e quindi risultare cos:
h1 {margin-top:0cm; margin-right:0cm; margin-bottom:100.0pt; margin-left:0cm; text-align:center; page-break-after:avoid; font-size:36.0pt; font-family:"Albertus MT","serif"; color:#76923C;}
Ripeti questo passaggio per tutte le istanze che trovi contenenti mso-style-link.
30
h1 {margin-top:0cm; margin-right:0cm; margin-bottom:100.0pt; margin-left:0cm; text-align:center; page-break-after:avoid; font-size:36.0pt; font-family:"Albertus MT","serif"; color:#76923C;} span.Titolo1Carattere {mso-style-link:"Titolo 1 Carattere"; mso-style-link:"Titolo 1"; font-family:"Albertus MT","serif"; color:#76923C;} font-weight:bold;}
Ci sono un paio di cose a cui necessario fare caso. Per ogni stile di titolo all'interno del tuo documento (Titolo 1, Titolo 2 e cos via), Word genera un stile all'interno del tuo XHTML (h1, h2 e cos via) come anche corrispondenti coppie di propriet/regole all'interno del CSS. Dato che gli stili dei titoli creati da Word per impostazione predenita sono stili collegati, Word mette alcune delle informazioni del carattere all'interno di Titolo 1 Carattere e altre nella denizione della regola h1. E capita anche che le informazioni vengano inserite in entrambe le dichiarazioni. Ecco perch Word risulta ridondante. Io consiglio di unire tutte le denizioni di stile e applicarle a un unico selettore h1. Il risultato maggiore chiarezza e facilit di modica e aggiornamento. In questo esempio c' una sola regola per Titolo 1 Carattere che non inserita nella regola h1:
font-weight:bold;
Devo essere sincera, non capisco ancora dove Word discrimini che un certo tipo di informazione di formattazione sia del "carattere" o del "paragrafo". Non mi sembra molto logico applicare un colore, una grandezza carattere o una famiglia di caratteri a un paragrafo e non lo stile (in questo caso il grassetto). Ma cosa posso saperne io in merito?
Unisci le regole di stile sotto il selettore principale ed elimina il resto delle regole.
31
h1 {margin-top:0cm; margin-right:0cm; margin-bottom:100.0pt; margin-left:0cm; text-align:center; page-break-after:avoid; font-size:36.0pt; font-family:"Albertus MT","serif"; color:#76923C;} font-weight:bold;}
32
h1 {margin-top:0cm; margin-right:0cm; margin-bottom:100.0pt; margin-left:0cm; text-align:center; page-break-after:avoid; font-size:36.0pt; font-family:"Albertus MT","serif"; color:#76923C;} font-weight:bold;} p.MsoQuote, li.MsoQuote, div.MsoQuote {margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:14.4pt; font-size:11.0pt; font-family:"Optima","sans-serif"; color:black; font-style:italic;}
Su un iPad 12pt equivalgono a circa 16 pixel o 1em, quindi 100pt sono circa 133px o 8,3em. La grandezza del carattere di 36pt dovr essere 48px o 3em. In generale dividi i punti per 12 per avere gli em equivalenti e poi moltiplica per 16 per ottenere il numero di pixel.
33
Ci signica che le speciche di formattazione dovranno essere applicate agli elementi p della classe MsoNormal, li della classe MsoNormal e div della classe MsoNormal. Comunque io non ho ancora assistito alla creazione di elementi li o div in un HTML che usa queste classi. Invece meglio creare una serie di regole per il selettore della classe .MsoNormal in modo da applicare la formattazione specica a tutti gli elementi della classe MsoNormal. pi corto e pi completo. Non dimenticarti del punto iniziale (.) che sta a signicare che le regole si applicano alla classe MsoNormal.
34
pi pulito, ordinato e corto e quindi pi semplice da modicare e aggiornare e ancora pi veloce da scaricare. Se preferisci puoi usare Trova e Sostituisci per eliminare velocemente tutti i pressi Mso che precedono i nomi degli stili, ma se fai questo ricordati di farlo anche nell'XHTML. Ora che il foglio stile CSS completo chiudilo e trorna al le XHTML.
35
In realt XHTML 1.1, che la versione che si dovrebbe usare per gli EPUB, supporta xml:lang ma non lang. Quindi necessario che tu metta xml:lang e aggiunga le virgolette.
<body xml:lang="EN-US">
In Wikipedia puoi trovare i codici delle lingue: http://en.wikipedia.org/wiki/List_of_ISO_6391_codes. Inoltre tieni presente che l'attributo xml:lang non pi richiesto. Se preferisci cancella direttamente questo attributo. D'altro canto dovresti dichiarare la lingua del tuo ebook all'interno del le content.opf come ti descrivo nel capitolo 3.
1 2 3
Apri la nestra di dialogo Trova e Sostituisci (di solito con CTRL o Opzione - F). Seleziona la casella GREP in modo da poter utilizzare i caratteri jolly che rendono cos valido il GREP. Scrivi =([^"'].*?)([ >\r]) nella casella Trova e class="\1"\2 nella casella Sostituisci con. Questo in sostanza cerca tutto quello che c' dopo il segno uguale, tranne ci che inizia con le virgolette singole o doppie (ossia gli attributi gi messi tra virgolette da Word) no a quando non trova uno spazio o >, e quindi sostituisce ci che ha trovato con il segno uguale e lo stesso valore tra virgolette. Adoro il GREP!
L'unica riga che questa espressione includer erroneamente il primo elemento meta che dichiara il set di caratteri a causa dello strano modo in cui scritto il secondo attributo. Dovresti lasciargli mettere tra virgolette il primo attributo e saltare il secondo.
36
4 5 6
Fai clic su Trova per avviare la ricerca. L'editor di testo evidenzia la prima istanza trovata.
Ora l'attributo MsoNormal tra virgolette, cos come richiesto dalle speciche XHTML.
37
1 2 3
Apri la nestra Trova e Sostituisci. Ancora, io uso BBEdit per questi esempi, ma le espressioni GREP funzionano in qualunque editor di testo che supporti il GREP. Nella casella Trova scrivi (?s)<(img|br|hr)(.*?)>. Questo dice di cercare tutti i tag img, br, e hr e di ricordarsi quello che contengono. Nella casella Sostituisci con scrivi <\1\2 />. Questo signica che deve aggiungere uno spazio e una barra di chiusura a ci che ha trovato.
Seleziona l'opzione per fare in modo che la ricerca parta dall'inizio del documento e poi seleziona Sostituisci tutto.
38
Inne fai caso che, se anche puoi specicare altezza e larghezza delle immagini in XHTML 1.1, questo non raccomandabile all'interno del codice per gli ebook. In particolare iPad ridimensiona automaticamente le immagini passando tra la visualizzazione orizzontale e verticale solo se non sono state specicate le dimensioni.
Creare un EPUB
Una volta che i tuoi documenti di Word sono stati trasformati in XHTML e CSS ben strutturati puoi saltare al capitolo 3 dove ti spiego come creare un documento EPUB.