Linee guida per pubblicare su Amazon Kindle Come rendere i libri disponibili per la piattaforma Kindle

Transcript

1 Linee guida per pubblicare su Amazon Kindle Come rendere i libri disponibili per la piattaforma Kindle versione Il presente documento descrive i principali modi in cui editori, autori e case di conversione possono rendere fruibili i loro contenuti attraverso la piattaforma Amazon Kindle. Il documento include le linee guida e i suggerimenti atti a garantire un più agevole processo di conversione e di pubblicazione. Copyright 2015 Amazon.com, Inc. o affiliate. Tutti i diritti riservati.

2 Cronologia delle revisioni Numero di revisione Note sulla revision Aggiornata la sezione 8 Richieste di media Aggiunta la sezione 8.1 Linee guida per le richieste di media(esottosezioni ) Linee guida per pubblicare su Kindle Amazon.com 2

3 Indice dei contenuti 1 Informazioni preliminari Percorsi per pubblicare i contenuti su Kindle Piattaforma di Pubblicazione Diretta Kindle di Amazon Creazione di libri Kindle in sede con gli strumenti Kindle Publisher Kindle Plugin per Adobe InDesign KindleGen Software Kindle Previewer Servizi di conversione di terze parti Linee guida generali per la formattazione Linee guida per il testo Linea guida per il testo n 1: il corpo del testo deve usare tutti i valori predefiniti Linea guida per il testo n 2: uso dei CSS per le interruzioni di pagina Linea guida per il testo n 3: formattazione dei paragrafi Linea guida per il testo n 4: supporto di altre codifiche Linea guida per il testo n 5: spazi e caratteri Unicode Linea guida per il testo n 6: supporto del carattere monospazio Linea guida per il testo n 7: supporto CSS Linea guida per il testo n 8: numeri di pagina Linea guida per il testo n 9: personalizzare la selezione del carattere Linee guida per l'immagine di copertina Linea guida per l'immagine di copertina n 1: l'immagine di copertina di marketing è obbligatoria Linea guida per l'immagine di copertina n 2: l'immagine di copertina interna dei contenuti è obbligatoria Linea guida per l'immagine di copertina n 3: la copertina interna non deve comparire due volte Linee guida per l'indice dei contenuti (TOC) Linea guida per l'indice dei contenuti n 1: l'indice logico dei contenuti è consigliato Linea guida per l'indice dei contenuti n 2: l'indice dei contenuti HTML deve essere sotto forma di link Linea guida per l'indice dei contenuti n 3: l'indice dei contenuti HTML deve essere referenziato Linea guida per l'indice dei contenuti n 4: nessuna tabella nell'indice dei contenuti Linea guida per l'indice dei contenuti n 5: nessun numero di pagina nell'indice dei contenuti Linea guida per l'indice dei contenuti n 6: inserire l'indice dei contenuti all'inizio del libro Linea guida per l'indice dei contenuti n 7: includere un indice dei contenuti per le edizioni in bundle Linee guida per gli elementi landmarks nav Linea guida per gli elementi landmarks nav n. 1: elementi landmarks nav consigliati Linee guida per l'elemento guida Linea guida per l'elemento guida n 1: elementi guida consigliati Linee guida per le immagini Linea guida per le immagini n 1: formati di input supportati Linee guida per pubblicare su Kindle Amazon.com 3

4 3.6.2 Linea guida per le immagini n 2: conversione automatica delle immagini con KindleGen Linea guida per le immagini n 3: usare immagini a colori Linea guida per le immagini n 4: per le fotografie usare il formato JPEG Linea guida per le immagini n 5: utilizzo di GIF o PNG per testo e line-art Linea guida per le immagini n 6: requisiti di immagine e grandezza del carattere per testo e line-art Linea guida per le immagini n 7: preferire l'html alle immagini Linea guida per le immagini n 8: inserimento di una didascalia per l'immagine Linea guida per le immagini n 9: controllo del rapporto di aspetto delle immagini Linea guida per le immagini n 10: Visualizzare correttamente il testo all'interno di SVG Linee guida per le tabelle Linea guida per le tabelle n 1: utilizzare le tabelle solo per i dati tabulari Linea guida per le tabelle n 2: evitare tabelle molto grandi Linea guida per le tabelle n 3: creare semplici tabelle HTML Linea guida per le tabelle n 4: suddivisione di tabelle se necessario Linea guida per le tabelle n 5: ottimizzare la grandezza massima della tabella Linee guida per la compatibilità Adobe Digital Editions Linea guida per la compatibilità Adobe Digital Editions n 1: uso di elementi univoci Linee guida di stile Linea guida di stile n 1: utilizzare indici dei contenuti HTML annidati Linea guida di stile n 2: formattare correttamente la spalla Linee guida HTML Linea guida HTML n 1: costruzione di documenti HTML ben formati (XHTML) Linea guida HTML n 2: gli ancoraggi devono essere aggiunti prima dei tag di formattazione Linea guida HTML n 3: gli elementi guida EPUB sono opzionali Linea guida HTML n 4: utilizzo di layout con colonna unica senza posizioni assolute Linea guida HTML n 5: utilizzo della posizione assoluta per il testo su un'immagine Linea guida HTML n 6: evitare l'utilizzo di valori negativi Linea guida HTML n 7: evitare l'utilizzo di script Linea guida HTML n 8: evitare l'utilizzo di valori negativi per l'altezza riga Linea guida HTML n 9: i riferimenti ai file devono corrispondere esattamente al sorgente per quanto riguarda ortografia e maiuscole/minuscole Linee guida per i caratteri integrati Linee guida per i collegamenti esterni Creazione di libri per bambini e libri a layout fisso Campi di metadati che supportano libri per bambini a layout fisso Requisiti per i contenuti Requisito n 1: Uso della struttura dei file HTML Requisito n. 2: uso dell'ingrandimento su Regione (pop up) Requisito n. 3: configurazione di immagini come immagini di sfondo Raccomandazioni per i contenuti Raccomandazione n 1: reimpostazione CSS Linee guida per pubblicare su Kindle Amazon.com 4

5 4.3.2 Raccomandazione n. 2: inclusione di un file CSS per pagina HTML Raccomandazione n 3: ottimizzazionecontenuti per lo schermo intero Raccomandazione n 4: uso di grandi elementi da toccare per l'ingrandimento su Regione nei libri per bambini Raccomandazione n 5: contenuti con layout fisso nei libri per bambini per dispositivi futuri Raccomandazione n 6: inclusione di caratteri specifici Raccomandazionen 7: esclusione della copertina frontale HTML Raccomandazione n 8: inclusione della quarta di copertina Raccomandazione n 9: esclusione della posizione di lettura iniziale Creazione di libri con testo e immagini di sfondo multipagina Utilizzare immagini affiancate per formare un articolo su pagina doppia quando il blocco dell'orientamento è impostato su Orizzontale Posizionamento dei blocchi di testo Allineamento del testo Creazione di libri quali romanzi grafici/manga/fumetti a layout fisso Campi di metadati che supportano libri a layout fisso Requisiti degli asset Qualità dell'immagine Panel View (Ingrandimento dell'area) Ottimizzare il contenuto dell'esperienza di romanzo grafico Ottimizzare i tap target Ottimizzare i Panel View Ottimizzare per scene larghe o alte Ottimizzare per grossi blocchi di testo Pannelli virtuali in fumetti e manga Requisito n. 1: accoppiare pagine quando il blocco dell'orientamento è pari a none Linee guida per audio e video Video integrati Video streaming Audio integrato Audio integrato Directory multimediale Linee guida audio Linee guida video Metadati audio e video File NCX Immagini con comandi di riproduzione Distinzione tra maiuscole e minuscole nei nomi file Confermare il tipo mime corretto Dimensione dei file Linee guida per pubblicare su Kindle Amazon.com 5

6 6.14 Narrazione Indice dei contenuti Guida alle didascalie multimediali Personalizzare file campione Panoramicasui dizionari Modello per le voci del dizionario Metadati: creazione del file OPF Dizionario HTML di base Formato Elementi del set di frame Incide dei lemmi Flessioni per dizionari Indice delle flessioni Parametro per la corrispondenza esatta Costruzione di un dizionario con Kindlegen Testare i dizionari Kindle Test del formato Test della ricerca Richieste di media Linee guida per le richieste di media Linee guida per le richieste di media n 1: utilizzo corretto della sintassi CSS Linee guida per le richieste di media n 2: aggiunta di un commento CSS prima di ogni richiesta di media Linee guida per le richieste di media n 3: utilizzare sempre un codice richiesta di tipo non media per dispositivi e-ink Linee guida per le richieste di media n 4: le richieste di media devono comparire dopo il codice di richiesta di tipo non media Linee guida per le richieste di media n 5: evitare codici doppi Utilizzare le richieste di media Utilizzare le richieste di media per la compatibilità retroattiva con Mobi Inviare una richiesta di media Opzione 1: Utilizzo di un file CSS Opzione 2: Utilizzo di diversi file CSS Opzione 3: Utilizzo di tag di stile Opzione 4: Utilizzo Uso della proprietà display:none con Media Queries Uso della proprietà display:none con tabelle complesse Uso della proprietà display:none con immagini SVG Limitazione all'uso della proprietà display:-none Migliori prassi Kindle Test dei Libri Kindle Linee guida per pubblicare su Kindle Amazon.com 6

7 10 Linee guida per la qualità Kindle Appendici Appendice A: Tag HTML supportati nel formato Kindle Appendice B: Selettori, attributi e proprietà CSS supportati nel formato Kindle Appendice C: Linee guida per la conversione di XMDF in KF Comando Kindlegen Inconvenienti con la sorgente Funzionalità non supportate Linee guida per pubblicare su Kindle Amazon.com 7

8 1 Informazioni preliminari Esistono numerose opzioni per rendere i libri disponibili sulla piattaforma Amazon Kindle. Le opzioni migliori per voi dipendono dalla natura delle pubblicazioni (ad esempio, il formato dei file di origine), dalle risorse e capacità tecniche che avete a disposizione e dal modello di vendita generale dell'ebook. Per agevolare le scelte future, qui di seguito sono riportati alcuni esempi di scenari di pubblicazione comuni e raccomandazioni: Se siete autoeditori o autori che vorrebbero approfittare degli strumenti self-service di Amazon per creare libri Kindle e venderli su Amazon, consultate la sezione 2.1 Piattaforma di Pubblicazione Diretta Kindle di Amazon. Se siete editori che già dispongono di numerosi titoli da convertire e hanno già avuto esperienze di creazione di libri Kindle in sede con il software Kindle Publisher Tools, consultate la sezione 2.2 Creazione di libri Kindle in sede con gli strumenti Kindle Publisher. Se siete editori che non desiderano convertire i file in sede o che non hanno le necessarie risorse tecniche per farlo, il sistema per affidare tale incarico a una casa di conversione esterna è descritto alla sezione 2.3 Servizi di conversione di terze parti. 2 Percorsi per pubblicare i contenuti su Kindle 2.1 Piattaforma di Pubblicazione Diretta Kindle di Amazon Gli autoeditori possono convertire i libri in formato elettronico mediante gli strumenti di autopubblicazione di Amazon e venderli su Amazon Kindle grazie alla Piattaforma di Pubblicazione Diretta Kindle (KDP, Kindle Direct Publishing) di Amazon. KDP è un sistema di autopubblicazione facile da usare, che permette di pubblicare contenuti testuali digitali per Amazon Kindle. Eseguire l'upload dei contenuti, inserire la copia di vendita, le informazioni sul prezzo e si pubblicherà in pochi minuti. Per saperne di più e per registrarsi, visitare il sito Creazione di libri Kindle in sede con gli strumenti Kindle Publisher Gli editori possono decidere di creare libri Kindle in sede a partire dai loro contenuti Adobe InDesign, da file HTML, XHTML e EPUB, con l'ausilio degli strumenti Kindle Publisher. Questi strumenti sono ufficialmente supportati da Amazon per convertire i file nel formato Kindle 8. Solo per i file Kindle creati grazie a questi strumenti è prevista la compatibilità con gli attuali e futuri dispositivi e applicazioni Kindle. I file creati con software di terze parti potrebbero non funzionare correttamente sugli attuali e futuri dispositivi e applicazioni Kindle Kindle Plugin per Adobe InDesign Gli editori possono decidere di creare autonomamente libri Kindle a partire dai loro contenuti Adobe InDesign con l'ausilio di un programma software gratuito chiamato Kindle Plugin per Adobe InDesign. Questo plug-in consente all'editore di convertire in contenuti da InDesign nel formato Kindle. L'attuale versione di Kindle Plugin per Adobe InDesign supporta il formato Kindle 8. Vai su per il download del plug-in, per la documentazione di installazione, di aiuto e i dettagli delle opzioni attualmente supportate da Kindle Plugin per Adobe InDesign KindleGen Gli editori possono decidere di creare libri Kindle in sede con l'ausilio di un programma software gratuito chiamato KindleGen. Questo è un tool a riga di comando progettato per creare un ebook Kindle. KindleGen accetta contenuti sorgente in formato HTML, XHTML o EPUB. La versione più recente di KindleGen può essere scaricata gratuitamente dal sito Amazon pubblica periodicamente nuove versioni del software Linee guida per pubblicare su Kindle Amazon.com 8

9 KindleGen. Controllare il sito regolarmente per scaricare gli aggiornamenti. È preferibile usare KindleGen 2 o versioni successive per creare libri per il formato Kindle File sorgente da utilizzare con KindleGen Per la creazione di file Amazon Kindle con il tool KindleGen, è necessario: un unico file HTML che rappresenti l'intero libro, oppure file compatibili con EPUB (le specifiche EPUB di IPDF sono disponibili sul sito: Grazie alle specifiche EPUB, sarà possibile creare un libro Kindle con file HTML multipli oppure un unico file OPF che li raggruppi tutti insieme Installazione di KindleGen IMPORTANTE: attenersi a questa procedura per eseguire KindleGen. Facendo doppio clic sull'icona KindleGen il programma non verrà lanciato. KindleGen per Windows (XP, Vista, 7) 1. Scaricare il file zip KindleGen dal sito sul desktop del PC. 2. Cliccare con il tasto destro del mouse sul file zippato, selezionare EstrarreTutti e accedere alla cartella c:\kindlegen. 3. Aprire il prompt dei comandi selezionando dal menu Start > Tutti i programmi > Accessori > Prompt dei comandi. 4. Digitare c:\kindlegen\kindlegen. In questo modo verranno visualizzate le istruzioni per eseguire KindleGen. Esempio di conversione: Per convertire un file denominato book.html, usare modifica directory (cd) per andare nella directory in cui si trova il libro, ad esempio cd desktop, e digitare c:\kindlegen\kindlegen book.html. Se la conversione è stata eseguita correttamente, sul desktop apparirà un nuovo file denominato book.mobi. KindleGen per Linux 2.6 i386 o recente: 1. Scaricare il file KindleGen tar.gzdal sito PC locale in una posizione come, ad esempio, la directory principale (~). 2. Estrarlo sotto ~/KindleGen. 3. Aprire il comando prompt dei comandi e digitare ~/KindleGen/kindlegen. In questo modo verranno visualizzate le istruzioni per eseguire KindleGen. Esempio di conversione: Per convertire un file denominato book.html, andare nella directory in cui si trova il libro, ad esempio cd desktop, e digitare ~/KindleGen/kindlegen book.html. Se la conversione è stata eseguita correttamente, sul desktop apparirà un nuovo file denominato book.mobi. KindleGen per Mac OS 10.5 e superiore a i386: 1. Scaricare il file KindleGen.zipdal sito In automatico, il file viene scaricato nella cartella Downloads. 2. Decomprimere il file zippato. Con Safari, il file zippato viene automaticamente decompresso dopo lo scaricamento. Se questa impostazione è disattivata o se è stato utilizzato un browser diverso, fare un doppio-clic sul file zippato scaricato per decomprimerlo. 3. Cliccare sull'icona torcia in alto a destra e digitare Terminal. Cliccare sull'applicazione per aprirla. Linee guida per pubblicare su Kindle Amazon.com 9

10 4. Per visualizzare le istruzioni per eseguire KindleGen localizzare il programma kindlegen nella finestra Finder. Cliccarci sopra e trascinarlo nella finestra Terminal dove si trova il cursore. Il cursore scrive sul percorso e si sposta alla fine della riga. Premere Invio per visualizzare le istruzioni. o In alternativa, visualizzare le istruzioni digitando il comando cd~/downloads/kindlegen_mac_i386_v2 nel Terminal quindi digitare il comando kindlegen. Esempio di conversione: 1. Per convertire un file denominato book.html, copiare book.html sul desktop. 2. Nella finestra Finder, localizzare il programma kindlegen. Cliccarci sopra e trascinarlo nella finestra Terminal lasciandolo poi dove si trova il cursore. Il cursore inserisce il percorso automaticamente e si sposta alla fine della riga. 3. Nella finestra Finder, localizzare il documento. Cliccarci sopra e trascinarlo nella finestra Terminal lasciandolo poi dove si trova il cursore. Il cursore scrive il percorso automaticamente e si sposta alla fine della riga. Premere Invio. Se la conversione è stata eseguita correttamente, sul desktop apparirà un nuovo file denominato book.mobi. o In alternativa, convertire il file digitando il comando cd~/downloads/kindlegen_mac_i386_v2 nel Terminal quindi digitare il comando kindlegen~/desktop/book.html. Se la conversione è stata eseguita correttamente, sul desktop apparirà un nuovo file denominato book.mobi Come utilizzare KindleGen Per convertire un libro EPUB o HTML nel formato Kindle 8, utilizzare KindleGen versione 2 o superiore come descritto qui di seguito: C:> kindlegen filename.opf/.htm/.html/.epub [-c0 or -c1 or c2] [-verbose] [-western] [-o <file name>] Options: -c0: no compression -c1: standard DOC compression -c2: Kindle huffdic compression (consigliata per file grandi, con molto testo) -o <file name>: Specifies the output file name. Output file will be created in the same directory as that of input file. <file name> should not contain directory path. -verbose: offre più informazioni durante la conversione di un ebook -western: force build of Windows-1252 book -releasenotes: display release notes -gif: images are converted to GIF format (no JPEG in the book) -locale <locale option>: To display messages in the selected language. en: English de: German fr: French es: Spanish it: Italian Linee guida per pubblicare su Kindle Amazon.com 10

11 ch: Chinese ja: Japanese bp: Brazilian Portuguese nl: Dutch Messaggi KindleGen: Durante la conversione, KindleGen visualizza messaggi informativi dettagliati. Se Kindlegen riscontra dei problemi in fase di conversione dei file, sullo schermo appare un avviso o un messaggio di errore. Amazon raccomanda vivamente di risolvere tutti gli avvisi e gli errori KindleGen prima di pubblicare un ebook. Se KindleGen visualizza un errore, non creerà il file.mobi. Gli errori pregiudicano la leggibilità dell'ebook su Kindle. Se KindleGen visualizza un avviso, creerà il file.mobi tentando di risolvere automaticamente il problema descritto nell'avviso. Amazon non garantisce il buon esito della correzione automatica di KindleGen, e questo potrebbe far sì che l'ebook abbia un aspetto differente rispetto a quanto previsto Software Kindle Previewer Kindle Previewer è un tool di interfaccia grafica utente che imita il modo in cui i libri vengono visualizzati sui dispositivi e sulle applicazioni Kindle. Kindle Previewer contente di visualizzare facilmente in anteprima il layout di un libro e fa sì che il testo appaia correttamente in termini di orientamento e di dimensione dei caratteri. Per produrre libri Kindle di altissima qualità, Amazon consiglia l'utilizzo di questo strumento in combinazione con KindleGen. Kindle Previewer è disponibile per le piattaforme Windows e Mac OS X Istruzioni per l'installazione di Kindle Previewer La versione più recente di Kindle Previewer può essere scaricata gratuitamente dal sito La documentazione di installazione e di supporto è reperibile sul sito Kindle Previewer per Windows (XP, Vista, 7, 8) 1. Scaricare il software Kindle Previewer per Windows dal sito 2. Archiviare il file eseguibile (KindlePreviewerInstall.exe) sul disco locale. 3. Eseguire KindlePreviewerInstall.exe facendo doppio clic su di esso. 4. Accettare l'accordo di Licenza con l'utente Finale dalla finestra di dialogo con i dettagli per installare Kindle Previewer. 5. Kindle Previewer appare in Start > Programmi > Amazon > Kindle Previewer dopo l'avvenuta installazione. Kindle Previewer per Mac OS e superiore a i386: 1. Scaricare il software Kindle Previewer per Intel Mac da sito 2. Salvare il file zip (KindlePreviewer.zip) nel disco locale. 3. Fare doppio clic sul file zip per decomprimere KindlePreviewer. Linee guida per pubblicare su Kindle Amazon.com 11

12 4. Trascinare KindlePreviewer dalla cartella Download alla cartella Applicazioni. 5. Avviare KindlePreviewer. Utilizzare F1 o il menu Help per visualizzare Il Manuale dell'utente Kindle. 2.3 Servizi di conversione di terze parti Gli editori hanno la possibilità di affidare a terze parti la conversione di titoli da una varietà di formati in formati ebook. Le case di conversione offrono agli editori soluzioni e servizi che includono l'assunzione di una serie di formati di input e la creazione di ebook o di output pronti per la stampa. I formati di input tipici sono: Word (.DOC,.DOCX), Rich Text Format (.rtf), Text (.txt) PDF Scansioni di un libro di stampa FrameMaker, InDesign, PageMaker, QuarkXPress XML (quali DocBook, ecc.) HTML, XHTML EPUB (anche conosciuto come IDPF o OEB) Il processo di conversione di contenuti non reimpaginabili (come, ad esempio, i PDF o le digitalizzazioni) in contenuti reimpaginabili richiede molto lavoro e conoscenze di formattazione specifiche. Mentre si passano al vaglio le opzioni delle case di conversione, Amazon consiglia di confermare il formato o i formati di origine richiesti dalla casa per convertire i file ai fini dell'utilizzo sul Kindle. Gli output preferiti dalle case di conversione che potranno essere elaborati da Amazon sono: Libri in formato Amazon Kindle (.mobi/.prc) Metadati in formato ONIX (XML) Amazon, inoltre, è in grado di elaborare contenuti nel formato di origine EPUB. KindleGen provvede a compilare il file ed eseguire controlli alla ricerca di errori comuni. Gli eventuali errori o avvertimenti impediranno che i titoli diventino disponibili. Questi errori devono essere corretti nel file EPUB prima che il titolo sia pubblicato nel negozio Kindle. I titoli nel formato EPUB devono essere testati all'interno del software e/o hardware Amazon e devono rispettare le linee guida di pubblicazione fornite nel presente documento. Le case di conversione potranno inoltre essere di utilità per aiutare gli editori a fornire metadati ai rivenditori di ebook. Cercare nel web "conversione ebook" per trovare un elenco di partner con cui lavorare. 3 Linee guida generali per la formattazione Il formato Kindle 8 (KF8) è il formato di file di prossima generazione (in sostituzione del formato Mobi 7) per i libri Kindle e supporta HTML 5 e CSS 3. La tabella che segue illustra le funzionalità del formato Kindle 8 e il supporto per il dispositivo e le applicazioni: Linee guida per pubblicare su Kindle Amazon.com 12

13 Caratteristiche e vantaggi Il supporto completo per CSS permette agli editori di controllare tutti gli elementi del layout del testo, tra cui la spaziatura delle righe, l'allineamento, la giustificazione, i margini, il colore, lo stile e i bordi. Supporto per il carattere drop cap all'inizio dei paragrafi. Supporto per gli elementi mobili, quali testo in caselle, richiami, barre laterali e immagini con testo sovrapposto. Supporto per elenchi puntati e numerati. Supporto per tabelle annidate e celle unite richieste per libri di testo ed esigenze tecniche. Supporto per immagini di fondo su pagine e per testo su immagini di fondo. Supporto per grafica vettoriale scalabile (SVG) per ingrandimenti senza perdita di fedeltà. Supporto per caratteri integrati che permettono agli editori di realizzare un libro dall'aspetto personalizzato. Supporto per angoli arrotondati di elementi incasellati. Tutti i dispositivi e le app Kindle eccetto Kindle e Kindle DX di 1 e 2 generazione Si Si Si Si Si Si Si Si Si Supporto per ombre esterne. Supporto per testo con contorno. Supporto per immagini di fondo multiple e ripetute. Supporto per gradiente cromatico. Consente un controllo raffinato degli attributi del testo e di altri elementi grazie ai selettori CSS. Supporto per pagine con layout fisso per dimensioni video particolari. Si Si Si Si Sì Si Linee guida per pubblicare su Kindle Amazon.com 13

14 Esistono importanti differenze tra la scrittura HTML per siti web e per i libri Kindle, Al fine di consentire una buona esperienza di lettura, dovrebbero essere evitate numerose prassi di progettazione di pagine web durante la creazione dei libri Kindle. Fare riferimento alle sezioni successive per ulteriori informazioni. Supporto per testo cinese, giapponese e coreano I dispositivi Kindle più recenti di e inclusi Paperwhite e Fire HD supportano testi in verticale da destra a sinistra e lo script giapponese Ruby. Le versioni più datate di Ink e dei tablet sono limitati a testi in cinese, giapponese o coreano orizzontali da sinistra a destra Linee guida per il testo Linea guida per il testo n 1: il corpo del testo deve usare tutti i valori predefiniti Il corpo del testo in un libro Kindle (di narrativa e non) adattabile deve essere con tutti i valori predefiniti. Amazon suggerisce ai creatori di contenuti di utilizzare stili creativi per intestazioni, paragrafi speciali, note a piè di pagina, tabelle di contenuti, ecc., ma non per il corpo del testo. Questo perché qualsiasi modifica stilistica sul corpo del testo in HTML annulla le impostazioni di lettura predefinite scelte dall'utente. Gli utenti avrebbero un'esperienza di lettura sgradevole. Ecco alcuni punti fondamentali: Un corpo del testo deve utilizzare una dimensione di caratteri e di altezze di riga predefiniti. Un corpo del testo deve utilizzare una dimensione di carattere predefinita. Il tag <font size= > o gli attributi di altezza di riga e di dimensione del carattere in CSS non dovrebbe essere utilizzato nel testo normale. Un corpo del testo non dovrebbe essere principalmente in grassetto o corsivo. Naturalmente, alcune parti di testo possono essere in grassetto o in corsivo per maggiore enfasi. Questa linea guida intende soltanto evitare che un libro sia scritto, ad esempio, interamente in grassetto. Il corpo del testo non dovrebbe avere un colore di carattere imposto all'interno del libro. Se si preferisce l'uso di un colore di carattere imposto in alcune sezioni del libro, non utilizzare un colore troppo chiaro o troppo scuro. I colori chiari non saranno visualizzati con contrasto sufficiente sui dispositivi impostati su sfondi bianchi o su dispositivi eink. I colori scuri non saranno visualizzati in modo ottimale su dispositivi impostati su sfondi neri. Per i grigi, usare colori all'interno dell'intervallo di valori esagonali da 666 a 999. Un corpo del testo non deve presentare un colore di carattere bianco o nero. I clienti riferiscono che si tratta di un'esperienza di lettura sgradevole perché il testo può diventare invisibile se Kindle è impostato sullo stesso colore di sfondo del carattere. Un corpo del testo non deve avere uno sfondo di lettura nero o bianco. I clienti riferiscono che si tratta di un'esperienza di lettura sgradevole perché quando lo sfondo del dispositivo è impostato su un colore differente può verificarsi un'esperienza di lettura scomoda, come se il testo fosse inscatolato e perché il testo può diventare invisibile quando un utente cambia le impostazioni del colore dello sfondo sul proprio dispositivo e il colore del carattere si inverte automaticamente. I clienti riferiscono che preferiscono disporre dell'opzione per selezionare un carattere preferito da un elenco di predefiniti del dispositivo Linea guida per il testo n 2: uso dei CSS per le interruzioni di pagina Non inserire righe vuote di testo per creare interruzioni di pagine. Utilizzare gli attributi page-breakbefore e page-break-after CSS per le interruzioni di pagina Linea guida per il testo n 3: formattazione dei paragrafi La prima riga di ogni paragrafo è impostata con un rientro automatico predefinito in KindleGen. Per modificare questo comportamento utilizzare lo stile text-indent sul tag <p>. Ad esempio: <p style="text-indent:0"> - nessun rientro della prima riga Linee guida per pubblicare su Kindle Amazon.com 14

15 <p style="text-indent:10%"> - rientro positivo, 10% della larghezza della pagina <p style="text-indent:5em"> - rientro positivo, 5 em Per modificare lo spazio prima di ciascun paragrafo utilizzare lo stile "margin-top" sul tag <p> Linea guida per il testo n 4: supporto di altre codifiche L'origine di un libro Kindle può essere codificata in svariati modi. Sono supportate tutte le codifiche a condizione che La codifica dei file HTML sia chiaramente dichiarata nell'html, e Il computer sul quale si compilano le origini supporti la codifica e sia in grado di convertire le origini in UNICODE. Amazon consiglia di specificare la codifica dei file HTML nell'html stesso utilizzando il tag <meta> nella sezione <head>. Esempio <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso "> Linea guida per il testo n 5: spazi e caratteri Unicode Gli spazi unicamente supportati sono lo spazio normale, lo spazio indivisibile ( ) e il noncongiuntore di larghezza zero ( ). L'utilizzo di qualsiasi altro spazio può spezzare la selezione, la ricerca nei dizionari e gli algoritmi di ritorno a capo. NON utilizzare i formati a carattere Unicode in quanto potrebbero causare problemi Linea guida per il testo n 6: supporto del carattere monospazio Kindle utilizza un carattere predefinito per i contenuti, ma supporta anche un carattere monospazio. Kindle utilizza il carattere monospazio per presentare i contenuti nei seguenti tag:<pre>, <code>, <samp>, <kbd>, <tt>, <font face= courier >, <font face= monospace >. Ad eccezione di <pre>, i tag sopra elencati non variano l'allineamento del testo. Se il contenuto di questi tag deve essere allineato a sinistra, sarà necessario far ritornare a capo i tag precedenti in un <div> realizzato con CSS che utilizza text-align:left. Gli editori possono includere caratteri propri per i contenuti. Amazon ha posto in essere un processo di garanzia della qualità per garantire che questi caratteri visualizzati correttamente sui dispositivi basati su e lnk non pregiudichino l'esperienza del lettore. Non includere il carattere Charis che è stato sostituito da un carattere di migliore qualità nei lettori Kindle Linea guida per il testo n 7: supporto CSS La precedente piattaforma Kindle offriva un supporto abbastanza limitato per il CSS (Cascading Stye Sheets). Le recenti migliorie del formato Kindle 8 offrono supporto per CSS 2/CSS 3 (consultare la sezione 11.2 per l'elenco degli attributi/selettori CSS supportati). Per verificare che l'utilizzo degli elementi CSS sia visualizzato nella maniera desiderata, visualizzare in anteprima il libro Kindle su vari dispositivi prima di pubblicarlo. Linee guida per pubblicare su Kindle Amazon.com 15

16 Evitare l'utilizzo di valori fissi quali punti e pixel per le proprietà CSS, quali dimensione del carattere, larghezza, altezza, margini, riempimento, rientro del testo e altezza riga. Per consentire la resa tra le varie dimensioni e risoluzioni di monitor, specificare questi valori in percentuali. Quando si utilizzano le proprietà CSS di riempimento e margine, specificare i valori in percentuali (%) anziché in unità em. Questo accorgimento fa sì che i margini non diventino troppo ampi, se le dimensioni del carattere sono grandi. Ai margini dovrebbero essere assegnati valori pari a 0 o maggiori per evitare che il contenuto esca dal bordo dello schermo o si sovrapponga ad altri contenuti. Impostare sempre il margine sinistro e il margine destro su 0 per un corpo di testo normale per consentire agli utenti l'intera gamma di selezione di margini usando i predefiniti del dispositivo. Per garantire la paginatura, il lettore Kindle non rispetta il valore di altezza riga inferiore a 1,2 em o al 120%. Gli elementi del tipo drop caps dovrebbero essere espressi in percentuali o unità relative (positive o negative) anziché utilizzare valori fissi quali punti e pixel (Esempio: drop caps: utilizzare la dimensione carattere 300%). La parte superiore dei drop cap dovrebbe essere allineata con il corpo del testo. Per creare i caratteri drop caps, Amazon raccomanda di utilizzare il campione CSS sotto riportato: Esempio p.para { font-family: "Times New Roman"; font-size: 4em; margin-bottom: 0; margin-top: 0; text-align: justify; text-indent: amzn-kf8 { span.dropcaps { font-weight:normal; font-size:320%; float:left; margin-top: em; amzn-mobi { span.dropcaps Linee guida per pubblicare su Kindle Amazon.com 16

17 { font-size:3em; font-weight: bold; <p class="para"><span class="dropcaps">t</span>here is a sample Per verificare la visualizzazione dei drop caps voluti, testare il libro come descritto nella sezione 9.1, Test dei Libri Kindle Linea guida per il testo n 8: numeri di pagina Non sempre i numeri di pagina dei libri Kindle sono direttamente reimpaginabili nelle edizioni fisiche del libro. Per tale motivo, il libro non dovrebbe contenere riferimenti ai numeri di pagina. I numeri di pagina non dovrebbero essere inseriti nei riferimenti incrociati, né nell'indice di testo. Amazon può rendere i numeri di pagina disponibili per i libri come metadati aggiuntivi. Amazon genera questi numeri di pagina in base alle tecnologie interne a sua disposizione Linea guida per il testo n 9: personalizzare la selezione del carattere Il carattere principale o primario in un libro dovrebbe essere configurato al livello di <body>. Se si preferisce l'uso di uno stile di testo aggiuntivo come il corsivo o il grassetto, assicurarsi che gli stili siano impostati sul testo piuttosto che sul carattere in modo tale che i caratteri selezionati dal cliente visualizzino correttamente questi elementi di stile. Di seguito sono indicati alcuni esempi di implementazioni corrette e non corrette di caratteri di personalizzazione in un ebook. Codice HTML non corretto <html> <body> <p style="font-family:primaryfont"> Contenuto di carattere primario </p> <p style="font-family:secondaryfont"> Contenuto di carattere secondario </p> <p style="font-family:primaryfont"> Contenuto di carattere primario </p> <p style="font-family:primaryfont"> Contenuto di carattere primario </p> </body> </html> Codice HTML corretto <html> <body style="font-family:primaryfont"> <p> Contenuto di carattere primario </p> <p style="font-family:secondaryfont"> Contenuto di carattere secondario </p> <p>contenuto di carattere primario </p> <p>contenuto di carattere primario </p> </body> </html> Lo stesso comportamento può essere ottenuto usando classi CSS come indicato di seguito. Linee guida per pubblicare su Kindle Amazon.com 17

18 Codice CSS non corretto body{ font-size: asize;.indent { font-size: asize; font-family: PrimaryFont;.sidebar-text { font-family: SecondaryFont; weight: bold; Codice CSS corretto body { font-family: PrimaryFont; font-size: asize;.indent { font-size: asize;.sidebar-text { font-family: SecondaryFont; weight: bold; 3.2 Linee guida per l'immagine di copertina Linea guida per l'immagine di copertina n 1: l'immagine di copertina di marketing è obbligatoria I libri Kindle devono avere un'immagine di copertina di marketing che sarà utilizzata nella pagina di dettaglio del sito web. Il formato preferibile per la copertina di marketing è un'immagine di 2560 pixel sul lato più grande di 1600 pixel sul lato più piccolo a 350 dpi per garantire un'immagine più nitida sui dispositivi Kindle HDX. La dimensione del file di immagine deve essere pari o inferiore a 5MB. Se la dimensione dell'immagine di copertina di marketing è inferiore a 2560 x 1600, viene visualizzato un messaggio di promemoria al momento del caricamento. Le copertine con meno di 500 pixel sul lato più piccolo non sono visualizzate sul sito web. Se l'immagine di copertina è più piccola delle dimensioni raccomandate, Amazon consiglia di creare una nuova immagine che soddisfi i requisiti per le dimensioni. È preferibile non allungare l'immagine per soddisfare i requisiti, poiché ciò potrebbe ridurre la qualità dell'immagine. I contenuti dell'immagine di copertina non devono: Violare il diritto d'autore di un altro artista o editore per la stessa copertina; Indicare il prezzo o altre offerte promozionali a termine Linea guida per l'immagine di copertina n 2: l'immagine di copertina interna dei contenuti è obbligatoria I libri Kindle devono presentare anche un'immagine di copertina interna che sarà utilizzata nei contenuti del libro. Prevedere una copertina più grande e ad alta risoluzione, perché se il Controllo Qualità di Amazon sul libro non sarà superato se la copertina è troppo piccola. Le copertine sono definite nel formato.opf mediante l'utilizzo di uno dei seguenti metodi (gli elementi sottolineati sono obbligatori): Metodo 1 (preferito): <manifest>... <item id="cimage" media-type="image/jpeg" href="other_cover.jpg" properties="coverimage"/>... </manifest> Linee guida per pubblicare su Kindle Amazon.com 18

19 Questa sintassi è parte dello standard di IDPF 3.0 ed è descritta su publications html#sec-item-property-values Metodo 2: <metadata>... <meta name="cover" content="my-cover-image" />... </metadata>... <manifest>... <item href="mycoverimage.jpg" id="my-cover-image" media-type="image/jpeg" />... </manifest> L'utilizzo di name= cover nel nome dell'elemento dei metadati è obbligatorio. Questa sintassi non fa parte dello standard IDPF poiché questo standard non prevede le immagini di copertina. Tuttavia, è stato progettato con l'aiuto dell'idpf e sarà convalidato in un validatore IDPF Linea guida per l'immagine di copertina n 3: la copertina interna non deve comparire due volte Non aggiungere le immagini di copertina ai contenuti in nessun altro modo se non quello descritto nella sezione Linea guida per l'immagine di copertina n 2: l'immagine di copertina interna dei contenuti è obbligatoria, altrimenti la copertina potrebbe comparire due volte nel libro. 3.3 Linee guida per l'indice dei contenuti (TOC) Amazon raccomanda l'uso di un indice dei contenuti HTML per tutti i libri che posseggono queste modalità di navigazione. Ciò si applica alla maggior parte dei libri, a eccezione dei libri per bambini a layout fisso (vedi sezione 4) e ai romanzi/manga/fumetti con grafica a layout fisso (vedi sezione 5) Linea guida per l'indice dei contenuti n 1: l'indice logico dei contenuti è consigliato Amazon consiglia fortemente che tutti i libri Kindle includano TOC logici e HTML. Il TOC logico è molto importante per una buona esperienza di lettura perché permette al lettore di navigare da un capitolo all'altro facilmente. Gli utenti si aspettano di vedere un indice dei contenuti HTML mentre scorrono dall'inizio le pagine del libro, mentre il TOC è un'ulteriore modalità a disposizione degli utenti per navigare nei libri. L'inclusione di un TOC logico è importante soprattutto per i libri con più di 20 pagine. I TOC sono generati con degli elementi toc nav o con un file di controllo della navigazione per l'applicazione XML (NCX). Creando un TOC logico si mostra la struttura gerarchica di un libro Kindle consentendo all'utente di navigare attraverso di essa. Nei libri abilitati per TOC logico, gli utenti possono vedere il punto in cui si trovano nel libro poiché sono indicati la parte, il capitolo o il paragrafo. L'indicatore di avanzamento mostra inoltre il relativo avanzamento nel libro. Importante: i tag ancora annidati non sono supportati nei libri a layout fisso. I libri a layout fisso con tag ancora annidati saranno soppressi. Linee guida per pubblicare su Kindle Amazon.com 19

20 Creare un TOC logico usando un elemento nav L'elemento tocnavè parte delle specifiche IDPF 3.0 ed è descritto su e Creare un elemento tocnav offre sia un TOC logico sia un TOC HTML. Esempio: <nav epub:type="toc"> <ol> <li><a href="sway_body.html#preface_1">nota DELL'AUTORE</a></li> <li><a href="sway_body.html#part_1">parte PRIMA</a> <ol> <li><a href="sway_body.html#chapter_1">le CASE, 1969</a></li> <li><a href="sway_body.html#chapter_2">rock AND ROLL, 1962</a></li> <li><a href="sway_body.html#chapter_3">l'imperatrice, </a></li> </ol> </li> </ol> </nav> L'esempio precedente definisce la seguente gerarchia TOC: NOTA DELL'AUTORE PARTE PRIMA LE CASE, 1969 ROCK AND ROLL, 1962 L'IMPERATRICE, Questo estratto dall'opf (file di intestazione della pubblicazione) mostra in che modo dichiarare l'elemento toc nav in <manifest>: Esempio: <manifest> <item id="toc" properties="nav" href="xhtml/toc.xhtml" mediatype="application/xhtml+xml"/> Usarlo in <spine> è opzionale se sarà usato come HTML TOC. <spine> <itemref idref="toc"/> Creare un TOC logico usando NCX NCX è parte della specifica IDPF 2.0 ed è descritto sul sito: html#NCX. Esempio di NCX: <navmap> Linee guida per pubblicare su Kindle Amazon.com 20

21 <navpoint class="titlepage" id="l1t" playorder="1"> <navlabel><text>nota DELL'AUTORE</text></navLabel> <content src="sway_body.html#preface_1" /> </navpoint> <navpoint class="book" id="level1-book1" playorder="2"> <navlabel><text>parte PRIMA</text></navLabel> <content src="sway_body.html#part_1" /> <navpoint class="chapter" id="level2-book1chap01"playorder="3"> <navlabel><text>le DIMORE, 1969</text></navLabel> <content src="sway_body.html#chapter_1" /> </navpoint> <navpoint class="chapter" id="level2-book1chap02" playorder="4"> <navlabel><text>rock AND ROLL, 1962</text></navLabel> <content src="sway_body.html#chapter_2" /> </navpoint> <navpoint class="chapter" id="level2-book1chap03" playorder="5"> <navlabel><text>l'imperatrice, </text></navLabel> <content src="sway_body.html#chapter_3" /> </navpoint> </navpoint> </navmap> L'esempio di NCX qui sopra definisce la seguente gerarchia dell'indice dei contenuti: NOTA DELL'AUTORE PARTE PRIMA LE DIMORE, 1969 ROCK AND ROLL, 1962 L'IMPERATRICE, Questo estratto dal file OPF (file di intestazione della pubblicazione) mostra come aggiungere un indice dei contenuti NCX a un libro. Dichiarare che l'ncx è nel <manifesto>: <manifest> <item id="toc" media-type="application/x-dtbncx+xml" href="toc.ncx"/> e utilizzarlo nella <spina>: <spine toc="toc"> Linea guida per l'indice dei contenuti n 2: l'indice dei contenuti HTML deve essere sotto forma di link Inserire una pagina HTML con un indice dei contenuti all'inizio di un libro, in modo che gli utenti possano 'saltare' direttamente ai passaggi (di solito, un capitolo). L'indice dei contenuti deve essere sotto forma di link per consentire agli utenti di raggiungere un determinato punto con un semplice clic del mouse. Un indice dei contenuti che non contiene link non trova utilità sul Kindle. Linee guida per pubblicare su Kindle Amazon.com 21

22 3.3.3 Linea guida per l'indice dei contenuti n 3: l'indice dei contenuti HTML deve essere referenziato Per consentire all'utente di passare all'indice dal menu Kindle, il file OPF deve referenziare l'indice dei contenuti con un elemento guida dell'indice dei contenuti, oppure il file html di navigazione deve referenziare un TOC in un elemento landmarks nav. Ogni dispositivo o applicazione Kindle dispone di un interfaccia utente che permette all'utente di passare direttamente all'elemento guida TOC o all'oggetto TOC nell'elemento landmarks nav da qualsiasi punto nel libro). Ecco un esempio di un elemento guida per un indice dei contenuti (gli elementi sottolineati sono obbligatori): <guide><reference type="toc" title="indice dei contenuti" href="toc.html"/></guide> Ecco un esempio di element landmarks nav per un TOC (gli elementi sottolineati sono obbligatori): <nav epub:type="landmarks"> <ol><li><a epub:type="toc" href="toc.html">table of Contents</a></li></ol> </nav> Linea guida per l'indice dei contenuti n 4: nessuna tabella nell'indice dei contenuti Non bisogna creare un indice dei contenuti utilizzando tag <table>html. Quando l'indice dei contenuti include tag <table> HTML, i collegamenti dell'indice dei contenuti non consentono all'indice creato di essere cliccabile o funzionale. Le tabelle devono essere utilizzate solo per i dati tabulari, non per il layout Linea guida per l'indice dei contenuti n 5: nessun numero di pagina nell'indice dei contenuti Non utilizzare i numeri di pagina nell'indice dei contenuti. Non sempre i numeri di pagina dei libri Kindle sono direttamente reimpaginabili nelle edizioni materiali del libro. Se si importa il documento da Word, utilizzare gli stili 'Intestazione' e la funzionalità 'Indice dei contenuti' di Microsoft Word. L'indice creato da Word sarà importato correttamente e sarà convertito in un indice che rispetta queste linee guida Linea guida per l'indice dei contenuti n 6: inserire l'indice dei contenuti all'inizio del libro Posizionare l'indice dei contenuti HTML all'inizio del libro e non alla fine. Questo consente all'utente che sfoglia il libro dall'inizio di trovare l'indice dei contenuti in maniera naturale. Un posizionamento non corretto dell'indice dei contenuti pregiudica la precisione della funzione "Ultima pagina letta". Un posizionamento corretto garantisce che l'indice dei contenuti compaia nei download campione del libro Linea guida per l'indice dei contenuti n 7: includere un indice dei contenuti per le edizioni in bundle Per le edizioni in bundle contenenti più di un singolo libro, verificare che vi sia un indice dei contenuti di riferimento all'inizio del file. Linee guida per pubblicare su Kindle Amazon.com 22

23 3.4 Linee guida per gli elementi landmarks nav Linea guida per gli elementi landmarks nav n. 1: elementi landmarks nav consigliati La piattaforma Kindle supporta gli elementi landmarks nav per definire la copertina, l'indice dei contenuti (TOC) e la posizione di inizio lettura ( Vai all'inizio ). Non impostare la posizione di inizio lettura in una pagina vuota. Amazon non consiglia l'aggiunta di elementi landmarks nav addizionali al file OPF, poichè essi saranno indicati in grigio nelle opzioni del menu e potrebbero generare confusione nel cliente. IMPORTANTE: Gli elementi landmarks nav, particolarmente l'elemento TOC landmarks nav, non sostituiscono l'indice dei contenuti.. Gli elementi landmarks nav sono parte delle specifiche IDPF 3.0 e sono descritti su: e Linee guida per l'elemento guida Linea guida per l'elemento guida n 1: elementi guida consigliati La piattaforma Kindle supporta elementi guida per la definizione della copertina, dell'indice dei contenuti (TOC) e per la posizione di lettura iniziale ("Vai all'inizio"). Non impostare la posizione di avvio della lettura in una pagina vuota. Amazon non consiglia di aggiungere ulteriori elementi guida al file OPF perché compariranno in grigio tra le opzioni di menu e potrebbero indurre in confusione l'utente. IMPORTANTE: gli elementi guida, soprattutto l'elemento guida dell'indice dei contenuti, non sostituiscono l'indice dei contenuti. 3.6 Linee guida per le immagini Le seguenti linee guida si applicano alla maggior parte dei libri, tranne ai libri per bambini a layout fisso (vedi sezione 4) e ai Fumetti / Manga / Graphic Novel a layout fisso (vedi sezione 5) Linea guida per le immagini n 1: formati di input supportati La piattaforma Kindle supporta i formati di immagine GIF, BMP, JPEG, PNG non trasparente e grafica vettoriale scalabile (SVG). Quando si utilizzano immagini per schemi, diagrammi, tabelle, mappe o altro contenente testo, prestare attenzione alla leggibilità dell'immagine finale. Aggiungere le immagini all'origine mediante il tag HTML <img>. Usare una risoluzione di 300 dpi o 300 ppi per tutte le immagini. Usare RGB come profilo colore quando si salvano i file. Kindle non supporta CMYK o srgb Linea guida per le immagini n 2: conversione automatica delle immagini con KindleGen La dimensione massima di un singolo file di immagine è di 5 MB. La dimensione massima di un file.mobi è di 650 MB. Si otterranno i migliori risultati ottimizzando le immagini alla più alta qualità possibile, restando all interno del limite delle dimensioni prima di utilizzare i file in Kindlegen i file in KindleGen. Se la conversione automatica dell'immagine è insoddisfacente, provare a ottimizzare le immagini prima di sottoporle a KindleGen. Linee guida per pubblicare su Kindle Amazon.com 23

24 3.6.3 Linea guida per le immagini n 3: usare immagini a colori Utilizzare immagini a colori nella misura utile e possibile. Se l immagine è una fotografia, deve essere salvata in formato JPEG Linea guida per le immagini n 4: per le fotografie usare il formato JPEG Le fotografie dovrebbero utilizzare il formato JPEG con un fattore qualità di 40 o superiore. Le fotografie dovrebbero usare la massima risoluzione disponibile all'interno del limite per le dimensioni del file. KindleGen rielabora le foto per adattarle ai requisiti del formato del file. Le fotografie non dovrebbero essere troppo piccole. Assicurarsi che le foto di input siano di almeno 600 x 800 pixel, a meno che non siano ottimizzate secondo la sezione Linea guida per le immagini n 2: conversione automatica delle immagini con KindleGen. Fotografie inferiori a 300 x 400 pixel sono troppo piccole e potrebbero essere scartate. Se le fotografie sono in formato GIF o sono troppo piccole, la conversione in JPEG o l'aumento delle loro dimensioni non ne migliora la qualità. Tornare al file originale per creare un'immagine JPEG con una risoluzione adeguata Linea guida per le immagini n 5: utilizzo di GIF o PNG per testo e line-art Le immagini line-art consistono in un tipo di grafica disegnata con un numero limitato di colori solidi (quali immagini disegnate in Illustrator, Paint, o Power Point, compresi disegni in bianco e nero). Testo, grafica, diagrammi e tabelle sono esempi di immagini line-art. I disegni line-art dovrebbero essere nel formato GIF o PNG. L'algoritmo JPEG tenta di combinare insieme porzioni di immagine, sfuocandoi bordi netti delle immagini line-art e rendendo l immagine ed eventuali caratteri di testo contenuti poco definiti. Il testo che compare nelle immagini line-art dovrebbe essere nitido e leggibile. Ottimizzare i formati GIF delle immagini line-art prima di elaborarli con KindleGen. Il ridimensionamento o la compressione JPEG causanosfocatura o artefatti non desiderati nelle immagini line-art, motivo per il quale Amazon consiglia vivamente di utilizzare formati PNG per le immagini line-art. Per ottimizzare le immagini GIF e PNG e farle rientrare nella dimensione consentita di 127 KB, provare ad applicare questi suggerimenti: Provare a ridurre il numero di colori utilizzati. Questo può essere eseguito senza alterare la qualità dell'immagine. Le immagini line-art in bianco e nero potrebbero risultare a colori a causa di alcuni algoritmi anti-aliasing. Qui di seguito viene fornito un esempio (notare le ombre rosse e blu intorno alla "A" nella figura a sinistra): Eliminare i margini bianchi intorno all'immagine, se presenti. Quando si effettuano dei tagli, considerare l'aspetto dell'immagine sui dispositivi impostati su sfondi bianco, seppia e nero. Se necessario, ridimensionare l'immagine facendo attenzione alla leggibilità del testo (vedere la sezione Linea guida per le immagini n 6: requisiti di immagine e grandezza del carattere per testo e line-art) Linea guida per le immagini n 6: requisiti di immagine e grandezza del carattere per testo e line-art Un'immagine contenente del testo non dovrebbe risultare molto più grande dello schermo di un Kindle. I dispositivi e Ink Kindle offrono la possibilità di ruotare un'immagine per utilizzare maggiormente la reale proprietà dello schermo. Le applicazioni dei tablet Fire e Kindle per iphone consentono le funzioni di Linee guida per pubblicare su Kindle Amazon.com 24

25 zoom e panning. In entrambi i casi, tuttavia, l'esperienza di lettura si degrada rapidamente con immagini line-art molto grandi. Le seguenti regole assicurano una buona resa su tutte le piattaforme Kindle per immagini line-art contenenti testo: La dimensione MASSIMA dell'immagine deve essere 500 x 600 pixel. Questo garantisce che l'immagine sul dispositivo Kindle non si restringa, rendendo così il testo illeggibile. La dimensione MINIMA di un testo è 6 pixel per l'altezza di una "a" minuscola.se c è uno spazio aggiuntivo al di sopra o al sotto della "a", l immagine stessa deve avere un'altezza superiore ai 6 pixel.se l immagine contiene solo una linea di testo singola, come nell'esempio riportato di seguito, l'altezza dell'immagine deve essere di almeno 45 pixel, in modo da essere visualizzata in proporzione rispetto al testo circostante. Queste regole limitano la dimensione delle tabelle rese come immagini. Le tabelle di grandi dimensioni dovrebbero essere riformattate. Linee guida per pubblicare su Kindle Amazon.com 25

26 Esempi di immagini: Descrizione Tabella con contenuto testo/line-art reso come immagine. L'immagine GIF è di 317 x 233 pixel e ha una grandezza di 6 KB. Il testo è nitido e leggibile. Il requisito per la dimensione del carattere è soddisfatto ('a' con altezza 7 pixel). Immagine La stessa immagine con compressione JPEG. Compaiono gli artefatti di compressione che rendono il testo più indistinto, pur rimanendo leggibile. La grandezza è aumentata a 17 KB. Linee guida per pubblicare su Kindle Amazon.com 26

27 Descrizione Scarsa qualità: l'immagine risulta indistinta a causa del ridimensionamento e della compressione JPEG. Il testo non è leggibile. Sarà scartata. Immagine SCARSA QUALITÀ Di seguito viene riportato un esempio di tabella massima accettabile resa come immagine. La grandezza è 500 x 600 pixel, ovvero, il massimo. Il carattere utilizza una dimensione del corpo (altezza della 'a') di 7 pixel, appena al di sopra del minimo di 6 pixel. L'immagine GIF ha una grandezza di 33 KB. Linee guida per pubblicare su Kindle Amazon.com 27

28 3.6.7 Linea guida per le immagini n 7: preferire l'html alle immagini Non rendere grandi porzioni di testo come immagini. Se un'immagine contiene interi paragrafi di testo, non dovrebbe essere un'immagine. Al contrario, dovrebbe essere in HTML. Quello riportato è un esempio di immagine contenente molto testo che dovrebbe essere in HTML. Nota: l'immagine sarà ristretta per adattarsi allo schermo diventando così illeggibile, mentre la versione HTML sarà impaginata. Linee guida per pubblicare su Kindle Amazon.com 28

29 SCARSA QUALITÀ Linea guida per le immagini n 8: inserimento di una didascalia per l'immagine Amazon consiglia di inserire una didascalia sotto l'immagine corrispondente, in modo che il lettore veda l'immagine prima dell'inserimento. Definire il salto di riga tra l'immagine e la didascalia (per esempio, usando un tag <br />) per assicurarsi che il testo della didascalia non sia adiacente all'immagine Linea guida per le immagini n 9: controllo del rapporto di aspetto delle immagini Per preservare il rapporto di aspetto delle immagini, la larghezza e l'altezza non devono essere impostate secondo una percentuale fissa. La larghezza e l'altezza possono essere impostate in base a una percentuale fissa (quale ad esempio 100%), ma l'altra proprietà deve però essere impostata su "auto", per conservare il rapporto di aspetto immagini Linea guida per le immagini n 10: Visualizzare correttamente il testo all'interno di SVG Per visualizzare il testo in modo corretto all'interno di un SVG, usare l'attributo per la dimensione del carattere per <testo> all'interno di SVG. Esempio <html> <body> <svg xmlns=" version="1.1"> <text x="20" y="20" font-size=20 fill="red">svg text sample</text> </svg> </body> Linee guida per pubblicare su Kindle Amazon.com 29

30 </html> Linee guida per le immagini n 11: uso di tag e di elementi SVG supportati Un editore può inserire file SVG in un file HTML utilizzando i tag inline<svg>, <img>,<embed> o <object>. Per maggiori dettagli, fare riferimento alle specifiche SVG suhttp:// Esempio <html> <body> <svg xmlns=" Inline SVG--></svg> <img src="svgfile1.svg"/> <embed src="svgfile2.svg"/> <object src="svgfile3.svg"/> </body> </html> Elementi SVG supportati <circle> <clippath> <defs> <ellipse> <feblend> <fecolormatrix> <fecomponenttransfer> <fecomposite> <feconvolvematrix> <fediffuselighting> <fedisplacementmap> <fedistantlight> <feflood> <fefunca> <fefuncb> <fefuncg> <fefuncr> <fegaussianblur> <femerge> <femergenode> <femorphology> <feoffset> <fepointlight> Linee guida per pubblicare su Kindle Amazon.com 30

31 <fespecularlighting> <fespotlight> <fetile> <feturbulence> <Filter> <font-face> <font-face-name> <font-face-src> <line> <lineargradient> <marker> <mask> <metadata> <path> <pattern> <polygon> <polyline> <radialgradient> <rect> <stop> <style> <svg> <symbol> <text> <textpath> <tref> <tspan> <use> Riferimento: Linee guida per le tabelle Linea guida per le tabelle n 1: utilizzare le tabelle solo per i dati tabulari IMPORTANTE: utilizzare le tabelle unicamente per i dati tabulari. L'utilizzo di tabelle per il layout non è consentito nei libri Kindle. Non utilizzare tabelle per dialogo, trascrizioni, cronologie, tabelle di contenuti, elenchi, tabelle laterali o per altri scopi legati alla formattazione Linea guida per le tabelle n 2: evitare tabelle molto grandi Una tabella resa come immagine non può essere impaginata poiché l'intera immagine è visualizzata su un solo schermo. Se la tabella è resa mediante i tag <table> in HTML, è possibile l'impaginazione e gli Linee guida per pubblicare su Kindle Amazon.com 31

32 utenti possono spostare il cursore tra le celle della tabella. Se la tabella è molto più grande dello schermo e forza il panning, l'esperienza dell'utente sarà scadente. Per un'esperienza di lettura ottimale, le tabelle non devono contenere interi paragrafi di testo o immagini troppo grandi in una cella. Se una tabella è troppo grande o contiene troppo testo nelle celle, sarebbe meglio riformattarle in manierache il testo sia leggibile. Singole colonne di testo HTML offrono la migliore esperienza di lettura per clienti che usano una varietà di dimensioni di carattere. Nell'esempio qui sotto non serve ruotare l'immagine per adattarla meglio allo schermo. Per preservare il formato e il layout dei dati, sarebbe preferibile avere il testo del paragrafo come semplice HTML e solo la colonna di destra resa come immagine o tabella HTML. Tabella molto grande resa come immagine: testo illeggibile, qualità inaccettabile Lo stesso contenuto, riformattato come HTML dà una tabella leggibile, di buona qualità. Vitamin C Functions/Roles in Metabolism Antioxidant; biosynthesis of connective tissue components (collagen, elastin, fibronectin, proteoglycans, bone matrix, and elastin associated fibrillin); carnitine, and neurotransmitters Deficiency Symptoms Scurvy (involves deterioration of elastic tissue); follicular hyperkeratosis, petechiae, ecchymoses, coiled hairs, inflamed and bleeding gums, perifollicular hemorrhages, joint effusions, arthralgia, and impaired wound healing; dyspnea, edema, Sjögren syndrome, weakness, fatigue, depression Toxicity Symptoms Nausea, abdominal cramps, and diarrhea (from supplements) Linea guida per le tabelle n 3: creare semplici tabelle HTML Utilizzare i tag <table> per creare semplici tabelle con colonne e righe standard. Queste tabelle sono visualizzate come tali nei dispositivi Kindle attualmente disponibili e Kindle per iphone. Nel Kindle 1, queste tabelle sono appiattite (tutto il contenuto appare in una sola colonna). Il formato Kindle 8 supporta le tabelle annidate e le celle unite, ma Amazon consiglia agli editori di farne un uso assennato e solo nei casi strettamente necessari. Gli attributi colspan e rowspan devono essere inferiori o uguali al numero totale di righe e colonne (a seconda dei casi) nella tabella. Linee guida per pubblicare su Kindle Amazon.com 32

33 3.7.4 Linea guida per le tabelle n 4: suddivisione di tabelle se necessario A volte potrebbe essere necessario formattare una tabella come immagine, ma l'immagine potrebbe risultare ancora troppo grande per essere letta su uno schermo Kindle. In questo caso, è una buona idea suddividere l'immagine. Il seguente esempio è una linea guida che utilizza la suddivisione di tabelle su 2 pagine. Questa logica può essere estesa per immagini con tabelle su più pagine. Esempio: Suddividere l'immagine in due parti orizzontalmente, al 60% verso il basso dell'immagine, quindi ritagliare l'intestazione e copiarla nella seconda metà dell'immagine unendo insieme queste due parti in una nuova immagine. Come risultato, si dovrebbero ottenere due immagini della stessa grandezza complete di intestazioni di tabella. Rivedere l'immagine di origine, non l'immagine GIF convertita, altrimenti l'immagine verrà convertita in formato GIF due volte,con un conseguente risultato di minore qualità Linea guida per le tabelle n 5: ottimizzare la grandezza massima della tabella Ottimizzare le tabelle in modo da risultare non più grandi di 10 schermi Kindle. Uno schermo Kindle è di circa 24 righe di 60 caratteri ciascuna, anche se il Kindle DX mostra più caratteri. Il limite dei caratteri è il numero massimo di caratteri in una qualsiasi riga. Il numero di combinazioni per una tabella di questo tipo è limitato (vedi sotto). Se una tabella ha più caratteri del numero massimo specificato di seguito (dato il numero delle righe), suddividere la tabella in tabelle o immagini più piccole, come descritto nella sezione Linea guida per le tabelle n 4: suddivisione di tabelle se necessario. In tal caso, i caratteri sono caratteri di non formattazione (il testo effettivo che un utente vede quando guarda i contenuti di una tabella). Numero di righe Massimo numero di caratteri (per riga) Linee guida per la compatibilità Adobe Digital Editions Linea guida per la compatibilità Adobe Digital Editions n 1: uso di elementi univoci Quando si utilizza Adobe Digital Editions, assicurarsi che gli ID elemento nel manifesto siano univoci. Adobe Digital Editions non applica l'univocità degli ID, il che è errato secondo lo standard IDPF. <manifest> <item id="css1" href="core.css" media-type="text/css"/> <item id="css2" href="template.css" media-type="text/css"/>... </manifest> 3.9 Linee guida di stile Linea guida di stile n 1: utilizzare indici dei contenuti HTML annidati Per creare voci degli indici dei contenuti utili e navigabili, Amazon suggerisce di utilizzare la seguente sintassi nell'indice dei contenuti HTML. Gli esempi sottostanti mostrano due modi di scrivere lo stesso codice campione: attributi di stile e classi CSS. Linee guida per pubblicare su Kindle Amazon.com 33

34 Utilizzo degli attributi di stile: <div>sezione 1</div> <div style="margin-left:1em;">capitolo 1</div> <div style="margin-left:1em;">capitolo 2</div> <div style="margin-left:1em;">capitolo 3</div> <div style="margin-left:2em;">sottocapitolo 1</div> <div style="margin-left:2em;">sottocapitolo 2</div> <div style="margin-left:1em;">capitolo 4</div> <div style="margin-left:2em;">sottocapitolo 1</div> <div>sezione 2</div> Utilizzo delle classi CSS: <style> div.chapter { margin-left: 1em div.subchapter { margin-left: 2em </style> <div>sezione 1</div> <div class="chapter">capitolo 1</div> <div class="chapter">capitolo 2</div> <div class="chapter">capitolo 3</div> <div class="subchapter">sottocapitolo 1</div> <div class="subchapter">sottocapitolo 2</div> <div class="chapter">capitolo 4</div> <div class="subchapter">sottocapitolo 1</div> <div>sezione 2</div> Linea guida di stile n 2: formattare correttamente la spalla Quando si inseriscono i contenuti di una spalla nel flusso principale di un libro formattato per il formato Kindle 8, utilizzare il float tramite CSS. Tuttavia, se il libro è formattato per Mobi 7, utilizzare i tag HTML <hr/> prima e dopo la spalla, per differenziarla dal corpo del testo principale. Evitare l'uso di valori em nella specificazione di un elemento fluttuante Linee guida HTML Linea guida HTML n 1: costruzione di documenti HTML ben formati (XHTML) Il formato Kindle 8 supporta la maggior parte delle funzionalità HTML 5.0. sebbene le funzionalità che seguono non siano completamente supportate: forme, cornici e JavaScript. Quando si crea un HTML o XHTML di origine per il Kindle, consultare uno dei libri sotto riportati considerati fondamentali per costruire documenti HTML ben fatti: HTML, XHTML, and CSS di Elizabeth Castro (pubblicato da Peachpit Press): Beginning HTML with CSS and XHTML: Modern Guide and Reference di David Schultz e Craig Cook (pubblicato da Apress): Reference/dp/B001D25ZPE Beginning Web Programming with HTML, XHTML, and CSS di John Duckett (pubblicato da Wrox): Linea guida HTML n 2: gli ancoraggi devono essere aggiunti prima dei tag di formattazione Corretto: <a name= Chapter1 /><h1>capitolo 1</h1> Errato: <h1><a name= Chapter1 />Capitolo 1</h1> Linee guida per pubblicare su Kindle Amazon.com 34

35 Linea guida HTML n 3: gli elementi guida EPUB sono opzionali Gli elementi guida sono una funzionalità opzionale nel formato EPUB ma sono caldamente consigliate. Kindle fornisce supporto per la copertina, gli elementi guida toc e testo. Se si sceglie di non includere gli elementi guida per la copertina e per i TOC, questi elementi degli elenchi continueranno ad apparire nei menù di Kindle, ma saranno in grigio e pertanto non selezionabili Linea guida HTML n 4: utilizzo di layout con colonna unica senza posizioni assolute Creare i contenuti utilizzando un layout a colonna unica ed evitare la position:absoluteper gli allineamenti Linea guida HTML n 5: utilizzo della posizione assoluta per il testo su un'immagine Per posizionare in maniera accurata del testo su un'immagine, utilizzare l'attributo di position:absolute. Utilizzare questo attributo solo per i libri in cui è richiesto un layout fisso, come i libri per bambini con immagini con testo posizionato specificamente in relazione con gli elementi di immagine dello sfondo Linea guida HTML n 6: evitare l'utilizzo di valori negativi Evitare l'utilizzo di valori negativi per il posizionamento del testo e dei margini. Il posizionamento con valori negativi senza aggiungere caratteri di riempimento come compensazione possono far sì che il contenuto vena visualizzato con il bordo tagliato. Per esempio, se si desiderausare text-indent: -2em, è necessario applicare anche padding-left: 2em Linea guida HTML n 7: evitare l'utilizzo di script Gli script non sono supportati. Tutti gli script saranno rimossi dalla sorgente durante la conversione. Le immagini SVG con animazione non sono supportate Linea guida HTML n 8: evitare l'utilizzo di valori negativi per l'altezza riga Non utilizzare i valori negativi per l'attributo di altezza riga. Essi infatti non sono supportati Linea guida HTML n 9: i riferimenti ai file devono corrispondere esattamente al sorgente per quanto riguarda ortografia e maiuscole/minuscole In base agli standard HTML stabiliti nell'ambito del WC3, tutti i riferimenti ai file (carattere, immagini e così via) devono corrispondere esattamente (maiuscole/minuscole e ortografia) al nome del file sorgente Linee guida per i caratteri integrati Il formato Kindle 8 supporta caratteri integrati all'interno dell'ebook. Questi possono essere caratteri Open Type (OTF) o True Type (TTF). Kindle non consiglia l'uso di caratteri Type 1 (Postscript). Per offire ai clienti Kindle la migliore esperienza di lettura possibile, i libri scorrevoli che usano i caratteri Type 1 sono resi utilizzando i caratteri Kindle predefiniti. Sui dispositivi e le app abilitate per KF8, i clienti hanno la possibilità di attivare o disattivere i caratteri del fornitore dei contenuti. I file dei caratteri nel libro sono volutamente oscurati per ridurre la possibilità di riutilizzo, ma è di responsabilità dell'editore di verificare i diritti di licenza appropriati per l'utilizzo dei caratteri. A meno che i caratteri incorporati siano necessari a trasmettere un intento specifico, Amazon consiglia l'uso del set predefinito di caratteri installato sui dispositivi e le app Kindlein quanto sono stati regolati per una maggiore qualità nella resa. Solo i caratteri incorporati non attualmente disponibili su dispositivi e app. Gli editori non hanno bisogno di includere il carattere Charis nei loro ebook Kindle in quanto si tratta di carattere stampato Open Font Licensed. Quando si seleziona un carattere, considerare l'utilizzo per i lettori con menomazioni della vista e selezionare un carattere chiaro e semplice che contrasterà in modo ottimale su tutti gli sfondi di tablet e Ink Linee guida per i collegamenti esterni I collegamenti esterni all'interno degli ebook Kindle devono essere presenti solo se migliorano l'esperienza di lettura e il contenuto del titolo in base ai prerequisiti Amazon. Alcuni esempi includono: Linee guida per pubblicare su Kindle Amazon.com 35

36 Collegamenti a contenuti multimediali direttamente correlati al contenuto del titolo; Collegamenti a materiali complementari aggiuntivi (p.es., liste di controllo, moduli di valutazione, modelli per creazioni e altri materiali stampabili simili); Collegamenti a siti Internet di attualità (p.es., un collegamento al sito Whitehouse.gov in un ebook Kindle che tratta del governo americano); Social media correlati all'ebook o all'autore (p.es., gli hashtag Twitter). Alcuni esempi di collegamenti vietati includono: Collegamenti a contenuti pornografici; Collegamenti a siti commerciali per la vendita di ebook diversi dal sito di Amazon; Collegamenti a moduli Internet che richiedono dati del cliente (p.es., indirizzo , indirizzo fisico o altro); Collegamenti a contenuti illegali, dannosi, illeciti od offensivi; Collegamenti dall'intento doloso (p.es., virus, phishing, o simili). Amazon si riserva il diritto di rimuovere i collegamenti a proprio insindacabile giudizio. 4 Creazione di libri per bambini e libri a layout fisso Alcuni libri hanno elementi con dimensioni e orientamenti fissi, che non permettono di ridimensionare i caratteri o di ridefinire il testo. Ad esempio, i libri per bambini e i racconti grafici hanno immagini a tutta pagina con testo collocato esattamente in rapporto all'illustrazione sullo sfondo. Per adattarsi a questi tipi di supporti, il formato Kindle 8 introduce nuovi campi di metadati e linee guida corrispondenti. I libri con layout fisso non supportano il testo reimpaginabile e dovrebbero essere utilizzati quando il libro è un formato a layout fisso; i libri non possono essere parzialmente ridefinibili né parzialmente a layout fisso. Per dimostrare i migliori procedimenti nella creazione di libri per bambini a layout fisso, Amazon propone un esempio di libro per bambini su (sotto il titolo Esempi KindleGen). Questo esempio è una dimostrazione di come formare contenuti per sfruttare il layout fisso con ingrandimento delle aree. Non intende essere un tutorial HTML. 4.1 Campi di metadati che supportano libri per bambini a layout fisso Il file OPF specifica i metadati necessari per i libri a layout fisso. Ogni valore si applica all'intero libro. Per una dimostrazione, fare riferimento all'esempio di libro per bambini su (sotto il titolo Esempi KindleGen). Metadata Il layout può essere specificato usando uno dei seguenti campi di metadati: 1) <meta property="rendition:layout">prepaginated</meta> 2) <meta name="fixed-layout" content="true"/> <meta name="original-resolution" content="1024x600"/> Description Obbligatorio. Identifica il libro come dotato di layout fisso. I valori validi per i metadati rendition:layout sono reflowable o pre-paginated. Il valore predefinito è reflowable. I valori validi per i metadati fixed-layout sono true o false. Il valore predefinito è false. Obbligatorio. Identifica la risoluzione di progettazione originale in base alla quale è stato concepito il contenuto ( 1024x600 è solo un esempio). La risoluzione dello schermo può avere un valore intero positivo. Questi valori devono Linee guida per pubblicare su Kindle Amazon.com 36

37 Metadata L'orientamento può essere specificato usando uno dei seguenti campi di metadati: 1) <meta property="rendition:orientation"> landscape</meta> 2) <meta name="orientation-lock" content="landscape"/> <meta name="regionmagnification" content="true"/> <meta name="primary-writingmode" content="horizontal-rl"/> <meta name="book-type" content="children"/> Description essere pari al rapporto generale delle dimensioni del contenuto originale. Opzionale. I valori validi per i metadati rendition:layout sono portrait, landscape o auto. Blocca l'orientamento del libro su orizzontale o verticale. Se il valore è auto, sono supportate le modalità orizzontale e verticale. Il valore predefinito è auto. I I valori validi per i metadati orientation-lock sono portrait, landscape o none. Blocca l'orientamento del contenuto in posizione orizzontale o verticale. Se il valore è none, la modalità orizzontale e verticale è supportata. Il valore predefinito è none. Opzionale. Attiva Kindle Panel View e Kindle Text Pop-up.I valori validi sono vero o falso. Il valore prestabilito è falso. L'attivazione di questa caratteristicha richiede istruzioni CSS aggiuntive come specificato nella sezione Opzionale. Definisce l'ordine di resa, la modalità di lettura e la navigazione di lettura (incluso Kindle Panel View, Kindle Text Pop-up e Kindle Virtual Panel). I valori validi sono horizontal-lr, horizontal-rl, vertical-lr, e vertical-rl. Il valore predefinito è horizontal-lr. Opzionale per i libri per bambini. Rimuove la funzionalità del lettore (p.es., la condivisione) che potrebbe non essere rilevante per alcuni libri come quelli per bambini. I valori validi sono children o comic. 4.2 Requisiti per i contenuti Requisito n 1: Uso della struttura dei file HTML I contenuti con layout fisso devono avere un unico file HTML per ogni pagina rappresentata su un dispositivo Kindle. Gli editori possono usare i metadati OPF per creare esperienze di lettura a doppia pagine. Blocco dell'orientamento verticale: 1 pagina di stampa = 1 file HTML Linee guida per pubblicare su Kindle Amazon.com 37

38 Esempio: Blocco dell'orientamento orizzontale: 2 pagine di stampa (1 articolo su due pagine) = HTML file Esempio: Requisito n. 2: uso dell'ingrandimento su Regione (pop up) Il contenuto a layout fisso non permette all'utente di modificare la dimensione del carattere; permettere di modificare le dimensioni del carattere potrebbe confondere dei contenuti rilevanti per la narrazione. Kindle usa l'ingrandimento su Regione (pop up) per ingrandire il il testo su layout fisso senza alterare il layout originale. Per un esempio di Ingrandimento su Regione, vedi l'esempio in basso. L'utente attiva l'ingrandimento su Regione toccando due volte un' area attiva su dispositivi a schermo tattile. (Su dispositivi senza schermo tattile cliccando sulla freccia in alto sul tastierino a 5 pulsanti su seleziona la regione e cliccando sul pulsane centrale si attiva Kindle Text Pop-Up o Kindle Panel Views). Durante l'ingrandimento su Regione, l'area attiva (l'elemento sorgente) è nascosta e l'area di ingrandimento (elemento obiettivo) viene visualizzato. Per supportare l'ingrandimento su Regione, sono richieste le fasi seguenti: 1. Configurare l'area attiva creando un elemento ancora HTML ben definito (<a>) intorno al testo da ampliare. L'ancora deve specificare la classe app-amzn-magnify. L'ancora dovrebbe avere anche i seguenti attributi conservati in un oggetto JSON Linee guida per pubblicare su Kindle Amazon.com 38

39 ( come parte del valore data-app-amznmagnify: a. "targetid" : "<string:elementid>"= id elemento unico dell'area di ingrandimento (posizione e dimensione del carattere sono configurati nel file CSS) b. "sourceid" : "<string:elementid>"= id elemento unico della fonte che sarà ingrandita c. "ordinal" : <integer:reading order>" = ordine di lettura delle aree di ingrandimento (l'ordine in cui i pannelli compaiono come parte del flusso di lettura). Questo è obbligatorio per tutto il testo che usa l'ingrandimento su Regione. 2. Creare un elemento obiettivo <div>allineato in modo tale da coprire completamente il testo da ingrandire e posizionato in modo tale da minimizzare la copertura dell'illustrazione sullo sfondo della pagina. Questo garantisce che quando un utente attiverà Ingrandimento su Regione, il testo sorgente non sparirà dalla visualizzazione della pagina. Quando è attivato l'ingrandimento, il testo sorgente non è più visualizzato. È importante anche non posizionare un pop-up direttamente sul confine dei bordi destro o inferiore dello schermo. Le differenze tra le varie tipologie di dispositivi possono creare un errore di overflow del contenuto se i pop-up sono troppo vicini a questi bordi. Controllare il contenuto su tutte le tipologie di dispositivi possibili prima della pubblicazione.. 3. La dimensione del carattere nel <div>dell'ingrandimento suregionedovrebbe essere impostata al 150% della dimensione normale del carattere sulla pagina. Ci sono molte eccezioni a ciò: Una eccezione è quando il testo sulla pagina è così grande che ingrandirlo al 150% lo renderebbe difficile da leggere invece di migliorarne la leggibilità. Un'altra eccezione è quando il testo sulla pagina deve essere ingrandito più del 150% per migliorare la leggibilità nel <div>dell'ingrandimento su Regione. Per esempio, se la dimensione del carattere del testo sulla pagina è del 45%, la dimensione del carattere del testo nel <div>dell'ingrandimento su Regione potrebbe dover essere ingrandita al 225% per essere leggibile. Pagina d'esempio di layout fisso Identica pagina d'esempio con Ingrandimento su Regione attivato Linee guida per pubblicare su Kindle Amazon.com 39

40 Esempio: <div id="fs1-4-org" class="txt fs1-txt4"> <a class="app-amzn-magnify" data-app-amzn-magnify='{"targetid":"fs1-txt4-magtarget", "sourceid":"fs1-4-txt", "ordinal":4'> <p id="fsl-4-txt"><span class="dropcap">d</span> stands for DONKEY, - a poor patient beast<br/>who thinks some fresh thistles a very great feast.</p></a></div> <div id="fs1-txt4-magtarget" class="target-mag fs1-txt4"></div> Requisito n. 3: configurazione di immagini come immagini di sfondo Le immagini nei libri a layout fisso devono essere configurate come immagini di sfondo usando la proprietà CSS background-image (invece di usare i tag HTML <img>). Questo è importante per i fumetti e i contenuti per i bambini perché le immagini HTML interferiscono con l'ingrandimento su Regione se non sono configurate come immagini di sfondo. Se le immagini di sfondo sono configurate correttamentenon si apriranno nel visualizzatore di immagini quando vengono toccate due volte. 4.3 Raccomandazioni per i contenuti Raccomandazione n 1: reimpostazione CSS Applicare una reimpostazione CSS per ripristinare i libri a layout fisso. Una reimpostazione rimuove gli stili inconsistentiimplicitamente applicati dai browser, quali le dimensioni di carattere, i margini, ecc. Aggiungendo una reimpostazione CSS, quale il ripristino YUI ( si rimuovono le inconsistenze e i progettisti potranno costruire su template di progettazione affidabili Raccomandazione n. 2: inclusione di un file CSS per pagina HTML Per aumentare le prestazioni quando si sfogliano le pagine sui libri a layout fisso, includere un file CSS breve e pertinente per pagina HTML. I file CSS dovrebbero contenere esclusivamente informazioni alle quali fanno direttamente riferimento i file HTML associati Raccomandazione n 3: ottimizzazionecontenuti per lo schermo intero I libri Kindle vengono letti su una grandissima varietà di dispositivi (per esempio., Kindle eink, tabletfire e smartphone e tablet di altri produttori) e su una grande varietà di dimensioni di schermo. Kindle Fire HD 8, ha una risoluzione di 1920 x 1200 pixel. Adattare i contenuti per mantenere questo rapporto di aspetto, se possibile. Per la migliore esperienza utente, Amazon incoraggia caldamente gli editori a progettare contenuti a layout fisso per massimizzare lo spazio disponibile sulle dimensioni dello schermo. Se i contenuti hanno un rapporto di aspetto o una grandezza diversi, i dispositivi e app Kindle li visualizzeranno rimpiccioliti per adattarsi allo schermo, centrarli, oppure bordati da un margine bianco(letterbox). I libri a layout fisso e altri contenuti con molte immagini avranno maggiori probabilità di essere ingranditi in quanto i clienti preferiscono leggere con Kindle Panel View o su dispositivi con schermi di grandi dimensioni. Amazon consiglia di immettere immagini scalate per supportare un ingrandimento di almeno 2x ad alta qualità. Per esempio, se si sta pianificando per Kindle Fire HD 8,9 2013, le dimensioni in pixel dell'immagine dovrebbe essere almeno di 3840x 2400 (questo corrisponde alle proporzioni visive e supporterebbe lo zoom da 2x). Usare sempre Kindlre Previewer per convalidare la qualità del proprio contenuto Raccomandazione n 4: uso di grandi elementi da toccare per l'ingrandimento su Regione nei libri per bambini Lo scopo principale di ingrandire una regione è agevolare l'accessibilità ed è più efficace quando l'elemento da toccare è più grande dell'area da ingrandire. Per abilitare un'area ampia, considerare Linee guida per pubblicare su Kindle Amazon.com 40

41 l'aggiunta di un riempimento tra 20 e 40 pixel agli elementi di ancoraggio app-amzn-magnify, ricordando che gli elementi da toccare non devono accavallarsi Raccomandazione n 5: contenuti con layout fisso nei libri per bambini per dispositivi futuri Per definizione, il layout fisso è concepito per una grandezza di schermo singolo. Per usare i contenuti in futuro, Amazon consiglia di utilizzare le percentuali o i valori em invece di pixel o punti per tutti i posizionamenti di blocchi di testo e di pop up dell'ingrandimento su Regione. Specificare la posizione del testo o la dimensione del carattere con i pixel impedisce al contenuto di adattarsi ai nuovi dispositivi. L'esempio di libro per bambini su (sotto il titolo Esempi KindleGen) include un foglio di stile campione (stile-150.css) che illustra l'insieme minimo di modifiche necessarie per un dispositivo che è più grande del 150%. Queste modifiche sono limitate a una dimensione carattere di base e a modifiche dell'altezza e delle larghezze del contenitore (circa 5 aggiornamenti) Raccomandazione n 6: inclusione di caratteri specifici I titoli a formato fisso non consentono agli utenti di selezionare e variare i caratteri. L'uso CSS e dell'impacchettamento dei caratteri con il titolo dona al libro un aspetto coerente su tutti i dispositivi e gli schermi. Questo assicura non soltanto che i caratteri usati per la fonte siano utilizzati nel titolo a formato fisso, ma che il testo HTML possieda un rendimento più fluido tra la visualizzazione della pagina e la visualizzazione con ingrandimento su regione. { famiglia-carattere: "Arial"; /* assegna il nome del carattere da usare */ src: url(../fonts/arial.otf); /* include il file per il carattere corretto */ Raccomandazionen 7: esclusione della copertina frontale HTML Diversamente da quanto consigliato da Amazon in precedenza, ora non è più necessaria lacopertina frontale HTML per i libri a formato fisso. I libri Kindle devono avere solo una copertina visibile in formato JPEG. Questa copertina deve essere un'immagine in formato JPEG ad alta risoluzione con la stessa qualità delle pagine successive.ogni caso di pagine di copertina in HTML deve essere eliminato per evitare eventuali ripetizioni della stessa. L'immagine di copertina deve essere visualizzata nella vista a sequenza del dispositivo. In caso contrario, consultare la sezione Linea guida per l'immagine di copertina n 2: l'immagine di copertina interna dei contenuti è obbligatoria, per le istruzioni sulla definizione dell''immagine di copertina nel file OPF Raccomandazione n 8: inclusione della quarta di copertina Sebbene gli ebook Kindle nei formati precedenti e i testi adattabili non usino quarte di copertina, nei contenuti per bambini esse comunicano meglio il senso della conclusione della narrazione. È consigliabile includere una quarta di copertina come parte del formato fisso nella progettazione dei libri per bambini. Rimuovere codici a barre, elenchi dei prezzi e contenuti promozionali dall'immagine sulla terza di copertina. Non includere pop-up per il testo sulla terza di copertina a meno che non contenga testo legato alla narrazione Raccomandazione n 9: esclusione della posizione di lettura iniziale Nei libri Kindle a formato fisso, il file OPF non deve includere l'elemento guida per la posizione di lettura iniziale ( Vai all'inizio ). Amazon ha ora impostato questo elemento guida per la copertina in JPEGper i libri Kindle a formato fisso. Linee guida per pubblicare su Kindle Amazon.com 41

42 4.4 Creazione di libri con testo e immagini di sfondo multipagina Questa sezione spiega come creare correttamente pagine che contengano un'immagine di sfondo singola e del testo live. Benché le soluzioni a disposizione siano numerose, l'obiettivo di Amazon è quello di rendere il markup facilmente trasferibile con il minimo sforzo. Il template fornito permetti di raggiungere questo obiettivo aggiornando le regole CSS senza alcun impatto sull'html Utilizzare immagini affiancate per formare un articolo su pagina doppia quando il blocco dell'orientamento è impostato su Orizzontale Molti libri hanno un articolo su due pagine che consiste in un'immagine singola. Altri libri hanno un articolo che consiste in due immagini adiacenti l'una all'altra. Nell'esempio sottostante, l'articolo su pagina doppiaè di 1024 x 600 pixel, cioè la risoluzione a schermo intero di Kindle Fire (1 generazione). Le immagini per ciascuna pagina dovrebbero misurare esattamente la metà dell'ampiezza dello schermo intero: 512 x 600 pixel. Le parti uniche di ogni elemento sono etichettate usando ID CSS: le parti comuni utilizzano classi CSS. L'immagine di sinistra è visualizzata a sinistra dell'apertura. L'immagine di destra viene spostata verso la parte destra della pagina definendo un set di stile margin-left per la larghezza dell'immagine sul lato sinistro. HTML <div class="fs"> <div id="fs1-left" class="leftpage"></div> <div id="fs1-right" class="rightpage"></div> </div> CSS /* Region sized for both pages */ div.fs { height: 600px; width: 1024px; /* 2 x page width */ position: relative; Linee guida per pubblicare su Kindle Amazon.com 42

43 div.leftpage { position: absolute; background-repeat: no-repeat; height: 600px; width: 512px; /* 1 x screen width */ div.rightpage { position: absolute; background-repeat: no-repeat; height: 600px; width: 512px;/* 1 x screen width */ margin-left: 512px; /* questo valore eguaglia il valore dell'ampiezza dell'immagine sul lato sinistro */ Posizionamento dei blocchi di testo Specificare la posizione corretta e le dimensioni del carattere utilizzando le percentuali. Ciò permette il ridimensionamento a diverse risoluzioni in modo coerente, garantendo la compatibilità attraverso una vasta gamma di dispositivi e schermi.. Ogni paragrafo dovrebbe essere raggruppato all'interno di un unico elemento <div>, con righe multiple interrotte da elementi <br/>. Se è richiesta una spaziatura personalizzata delle righe, assegnarla tramite le dichiarazioni di stile CSS invece di aggiungere marcature extra come i contenitori multipli <div>o tag di salto di riga aggiuntivi. L'esempio della sezione Requisito n. 2: uso dell'ingrandimento su Regione (pop up), si dilunga su un esempio di articolo su due pagine e illustra come posizionare del testo sopra un'immagine di sfondo: il testo è posizionato entro un blocco fisso, utilizzando le percentuali sull'attributo del margine, ed è allineato e spaziato tramite CSS Allineamento del testo Con le impostazioni predefinite, l'allineamento del testo è in alto a sinistra dell'elemento HTML che lo contiene. In molti libri il testo è allineato a destra,allineato in basso, o giustificato. Il modo più semplice per identificare l'allineamento associato è immaginare una cornice intorno al testo e identificare quali bordi del paragrafo siano associati al margine (sinistro, destro, in alto, in basso). Se l'allineamento non è chiaro, utilizzare l'allineamento predefinito in alto a sinistra, anche se questo renderà più difficile il posizionamento dell'elemento ingrandito. Non utilizzare mai caratteri per spaziatura non interrompibile ( )per l'allineamento del testo. Prediligere l'uso di CSS in alto, a destra, in basso e a sinistra per posizionare gli elementi <div> che contengono testo posizionato in maniera assoluta. Usare due lati adiacenti per posizionare ogni elemento<div>. Per esempio, in alto e a sinistra ma mai in alto, a sinistra e in basso. text indent e line height di CSS sono utili per allineare il testo all'interno dei blocchi di HTML. 5 Creazione di libri quali romanzi grafici/manga/fumetti a layout fisso I romanzi grafici/manga/fumetti (qui di seguito definiti romanzi grafici) sono simili ai libri per bambini, ma presentano una sfida a sé in quanto generalmente tendono a essere più lunghi e ad avere contenuti più complessi. I romanzi grafici comprendono una grande quantità di dettagli in immagini visualizzate su uno schermo 1920x Per ovviare a questo problema e ad altri ostacoli di accessibilità, Amazon suggerisce l'utilizzo di contenuti personalizzati e la caratteristica Kindle Panel View che ottimizza i contenuti per un'esperienza di lettura ad alta risoluzione. Quando si creano i romanzi grafici, si applicano i seguenti requisiti generici di layout fisso: Linee guida per pubblicare su Kindle Amazon.com 43

44 5.1 Campi di metadati che supportano libri a layout fisso Il file OPF specifica i metadati necessari per i libri a layout fisso. Ogni valore si applica all'intero libro. Per una dimostrazione, fare riferimento all'esempio di romanzo grafico su (sotto il titolo Esempi KindleGen). Metadata Il layout può essere specificato usando uno dei seguenti campi di metadata: 1) <meta property="rendition:layout">prepaginated</meta> Descrizione Richiesto. Identifica il libro come dotato di layout fisso. I valori validi per i metadati rendition:layout sono reflowable o prepaginated. Il valore di default è reflowable. 2) <meta name="fixed-layout" content="true"/> <meta name="original-resolution" content="1024x600"/> L'orientamento può essere specificato usando uno dei seguenti campi di metadati: 1) <meta property="rendition:orientation"> landscape</meta> 2) <meta name="orientation-lock" content="landscape"/><meta name="orientation-lock" content="landscape"/> <meta name="regionmagnification" content="true"/> <meta name="primary-writing-mode" content="horizontal-rl"/> <itemref idref="page-id" properties="page-spread-left"/> I valori validi per i metadati fixed-layout sono true o false. Il valore predefinito è false. Richiesto. Identifica la risoluzione di progettazione originale del contenuto ( 1024x600 ). Le dimensioni dei pixel possono avere un valore intero positivo qualsiasi. Questi valori devono corrispondere alle proporzioni generali del contenuto originale. Opzionale I valori validi per i metadati rendition:orientation sono portrait, landscape, o auto. Blocca l'orientamento del libro su orizzontale o verticale. Se il valore è auto, sono supportate le modalità orizzontale e verticale. Il valore di default è auto. I valori validi sono portrait, landscape o none. Blocca l'orientamento del contenuto su verticale od orizzontale. Se il valore è none, sono supportate le modalità verticale e orizzontale.il valore predefinito è none. Opzionale. Attiva Kindle Panel View e Kindle Text Pop-Up. I valori validi sono true o false. Il valore predefinito è false. Attivare questa caratteristica richiede istruzioni CSS aggiuntive come specificato nella sezione 5.4. Richiesto per i Pannelli Virtuali per i manga con senso di lettura da destra a sinistra; opzionale per altri libri a layout fisso. Definisce l'ordine di resa delle pagina, modalità di lettura e navigazione del lettore (includsi Kindle Text Pop-Up, Kindle Panel View, e Kindle Virtual Panels). I valori validi sono horizontal-lr, horizontal-rl, verticallr, e vertical-rl. Il valore predefinito è horizontal-lr. Richiesto per i Pannelli Virtuali in fumetti e manga; opzionale per altri libri a layout fisso. Permette agli editori di specificare i layout della pagina (pagine Linee guida per pubblicare su Kindle Amazon.com 44

45 Metadata <meta name="book-type" content="comic"/> Descrizione doppie, pagine contigue) al livello della pagina e può variare all'interno del libro. Le proprietà della pagina dovrebbero essere specificate negli elementi itemref (figlio dell'elemento <spine> nel file OPF file). I valori validi sono page-spread-left, pagespread-right, facing-page-left, facingpage-right, e layout-blank. Il valore layout-blank può essere usato indipendentemente o congiuntamente con altri valori validi. Il valore predefinito è layoutblank. Richiesto per tutti i romanzi grafici; opzionale per altri libri a layout fisso. Rimuove la funzionalità lettore (p.es. condivisione) che potrebbe non essere pertinenete per alcuni libri come quelli per bambini. I valori validi sono children o comic. 5.2 Requisiti degli asset Quando sono ottimizzati per Kindle Fire HD 8,9"' 2013, i romanzi grafici dovrebbero mantenere un rapporto di 1920 x La risoluzione dell immagine sarà differente a seconda del fattore di ingrandimento richiesto per Kindle Panel View. Comunque, Amazon consiglia di programmare un'esperienza di letturà di alta qualità con ingrandimento di 2x. Le immagini devono essere nel formato JPEG. Amazon consiglia di usare un'immagine con risoluzione di 300 dpi o di 300 ppi. Ci sono quattro fattori di ingrandimento standard: Fattore Zoom Quando usarlo 100% Evitare di usare questo fattore zoom. Non offre possibilità di ingrandimento e pone limitazioni di accessibilità agli utilizzatori. 125% Utilizzare questo fattore zoom solo quando è strettamente necessario per ingrandire un pannello grandissimo. Permette all'utilizzatore di visionare una scena d'azione molto grande, ma l'aspetto negativo è dato dall'ingrandimento limitato. 150% Si tratta del fattore zoom predefinito e preferito. Utilizzare questo fattore zoom quando possibile. 250% Utilizzare questo fattore zoom sono per un'immagine distribuita su due pagine (due pagine fisiche sono visualizzate in una e il contenuto risulta particolarmente piccolo). L'aspetto negativo è dato dal pannello ingrandito che rappresenta solo una piccola parte della pagina originale. Risoluzione immagine richiesta 1920x 1200 pixel 2400 x 1500 pixel 2880 x 1800 pixel 4800 x 3000 pixel 5.3 Qualità dell'immagine La qualità dell'immagine per i romanzi grafici richiede che le immagini seguano gli standard di risoluzione elencati nella sezione 5.2 Requisiti degli asset, e l'uso di un formato coerente. È molto importante Linee guida per pubblicare su Kindle Amazon.com 45

46 ottimizzare le immagini per la chiarezza dell'illustrazione dello sfondo, oltre che per la leggibilità del testo. Questi due fattori garantiscono la massima qualità per il formato del romanzo grafico. 5.4 Panel View (Ingrandimento dell'area) Panel View per i romanzi grafici offre un'esperienza di lettura unica. Converge l'accessibilità e permette all'esperienza degli utilizzatori di dirigere il flusso d'azione su ogni singola pagina in alta risoluzione e in maniera facile da usale. Per visualizzare l'intera pagina, gli utilizzatori possono rinunciare al Panel View in qualsiasi momento. Per un esempio del Panel View, fare riferimento alle immagini che seguono. L'utente attiva il Panel View toccando due volte su un "tap target". In fase di ingrandimento dell'area, l'area attiva (elemento sorgente) è nascosto mentre è visualizzata l'area di ingrandimento (elemento finale). Per supportare l'ingrandimento delle aree, sono necessari i seguenti passaggi: 1. Impostare il tap target creando un elemento di ancoraggio (<div>) ben definito che contenga un elemento di ancoraggio (<a>). Il <div>fornisce la dimensione e la posizione del tap target. L'<a> possiede le dimensioni per rientrare nel <div>e deve specificare la classe app-amzn-magnify. L'ancoraggio dovrebbe inoltre avere i seguenti attributi archiviati in un oggetto JSON, come parte del valoredata-app-amzn-magnify: a. "targetid":"<string:elementid>" elemento identificativo univoco dell'elemento HTML delpanel View che rappresenta l'area ingrandita b. "ordinal":<integer:reading order>"- ordine di lettura delle aree di ingrandimento (l'ordine in cui i pannelli appaiono come parte del flusso di lettura) 2. Creare un elemento Panel View finale <div> dimensionato e posizionato per rappresentare l'azione che meglio riflette il tap target. Istantanea di contenuto a layout fisso Istantanea dello stesso contenuto con il Panel View attivato Eesempio: Linee guida per pubblicare su Kindle Amazon.com 46

47 <div> <img src="images/hij.jpg" alt="comic Book Images" class="singlepage" /> </div> <div id="pagehij-1"> <a class="app-amzn-magnify" data-app-amzn-magnify='{"targetid":"pagehij-1- magtargetparent", "ordinal":1'></a> </div> <div id="pagehij-1-magtargetparent" class="target-mag-parent"> <div class="target-mag-lb"> </div> <div id="pagehij-1-magtarget" class="target-mag"> <img src="images/hij.jpg" alt="comic Book Images"/> </div> </div> 5.5 Ottimizzare il contenuto dell'esperienza di romanzo grafico Ottimizzare i tap target I tap target dovrebbero in realtà riempire il 100% dello schermo. Ciò garantisce all'utilizzatore un'esperienza di ingrandimento qualora toccasse due volte sullo schermo del romanzo grafico Ottimizzare i Panel View Per default, i Panel View dovrebbero corrispondere al 150% dei tap target. È accettabile utilizzare pannelli di dimensioni diverse per marcare una scena di azione specifica all'interno del tap target. Posizionare i Panel View in modo che essi convergano dove avviene la scena primaria sulla pagina originale. Solitamente, i Panel View sono allineati orizzontalmente alle estremità sinistra, centrale o destra e sono verticalmente allineati alle estremità superiore, centralee inferiore. Quando si mantiene il contesto attraverso più di un pannello, è possibile sovrapporre leggermente gli altri pannelli. Linee guida per pubblicare su Kindle Amazon.com 47

48 5.5.3 Ottimizzare per scene larghe o alte Per utilizzare il fattore zoom predefinito da 150%, spesso una scena d'azione deve essere divisa in du e pannelli visivi (solitamente uno a sinistra e uno a destra oppure uno sopra e uno sotto). Si tratta di un'esperienza riuscita per l'utilizzatore rispetto all'utilizzare un fattore zoom più piccolo, poiché permette di mantenere l'accessibilità e offre all'utilizzatore una risoluzione più elevata nell'esperienza di lettura. Dividere i tap target in modo da mantenere la larghezza dell'intera area del primo tap target tra il 50 e il 75% e il secondo tap target del rimanente valore necessario ad arrivare al 100%. Ciò permette all'utilizzatore che tocca due volte sull'area vicina al centro del pannello di azione di inizialmente provare l'esperienza del primo pannello e, successivamente, del secondo pannello visivo proseguendo nella lettura. Per mantenere il flusso dell'azione, i pannelli visivi dovrebbero visualizzare un minimo quantitativo di azioni sovrapposte. Primo pannello visivo di una scena d'azione divisa in due pannelli di visualizzazione Secondo pannello visivo di una scena d'azione divisa in due pannelli di visualizzazione Linee guida per pubblicare su Kindle Amazon.com 48

49 5.5.4 Ottimizzare per grossi blocchi di testo Per visualizzare grossi blocchi di testo, Amazon suggerisce un trattamento ibrido del testo che riunisce l'esperienza dei romanzi grafici a quella dei libri per bambini. Amazon consiglia di limitare l'uso del trattamento ibrido del testo alle sezioni del testo troppo ampie per essere ingrandite in modo efficace. Il trattamento ibrido del testo dovrebbe imitare la formattazione del testo che rappresenta in relazione all'altezza delle righe, al corsivo e/o al grassetto e nell'aspetto generale. Questo offre una migliore esperienza utente. Esempio di testo ibrido HTML: <div id="pagexxx-magtargetparent" class="target-mag-parent"> <div class="target-mag-lb"></div> <div id="pagexxx-magtarget" class="target-mag"> <div class="text"> <p>walter CRANE'S <br />PICTURE BOOKS <br /></p> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </div> </div> </div> Esempio di testo ibrido CSS: div.target-mag div.text{ height: 100%; Linee guida per pubblicare su Kindle Amazon.com 49

50 padding: 5px; background-color: #FFFFEF; font-size: 150%; font-family: "Georgia"; 5.6 Pannelli virtuali in fumetti e manga La caratteristica Pannelli Virtuali è attivata per i fumetti e i manga in assenza di pannelli forniti dall'editore. I metadati RegionMagnification sono usati per identificare se l'editore abbia fornito informazioni sul pannello. Se l'editore ha progettato i contenuti con i pannelli, la visualizzazione Kindle Virtual Panel non è attivata. Con le impostazioni predefinite, ogni pagina è divisa in quattro pannelli basati sul valore primarywriting-mode. Gli esempi seguenti indicato l'ordine dei pannelli. Esempio: Modalità verticale: HORIZONTAL-LR HORIZONTAL-RL VERTICAL-RL VERTICAL-LR Linee guida per pubblicare su Kindle Amazon.com 50

51 Modalità orizzontale: VERTICALE-SD E ORIZZONTALE-SD ORIZZONTALE-DS E VERTICALE-DS Requisito n. 1: accoppiare pagine quando il blocco dell'orientamento è pari a none Se l'orientamento non è bloccato, il contenuto dovrebbe essere progettato sia per la modalità orizzontale che per la modalità verticale. Inoltre, ogni pagina dovrebbe avere una coppia definitiva per supportare l'orientamento orizzontale. Nell'orientamento verticale, le coppie sono ignorate. Tutte le pagine singole dovrebbero essere taggate con le proprietà facing-page-left or facingpage-right. In questo caso, il renderer aggiungerà il dorso quando collega due pagine insieme. Esempio: L'esempio seguente mostra un'apertura a doppia pagina con separatore visuale in modalità orizzontale. <spine> </spine> <itemref idref="page1" properties="facing-page-left"/> <itemref idref="page2" properties="facing-page-right"/> Linee guida per pubblicare su Kindle Amazon.com 51

52 Le aperture a doppia pagina dovrebbero essere taggate con le proprietà page-spread-left or pagespread-right. Ogni pagina sinistra dovrebbe avere una pagina destra associata e viceversa. In questo caso, il renderer non aggiungerà il dorso quando collega due pagine insieme. Esempio: L'esempio seguente mostra una doppia pagina senza separatore visuale in modalità orizzontale. <spine> </spine> <itemref idref="page1" properties="page-spread-left"/> <itemref idref="page2" properties="page-spread-right"/> Linee guida per pubblicare su Kindle Amazon.com 52

53 In modalità verticale, le due pagine saranno rese in modo separato come mostrato in basso: Se nessuna delle proprietà viene specificata, Kindle presumefacing-page-left e facing-pageright per le pagine alternate sulla base della modalità di scrittura del libro. Il seguente esempio presume che primary-writing-mode corrisponda a horizontal-lr o a vertical-lr. Esempio: <spine> -> <itemref idref="page1" /><! assumed to be properties="facing-page-left" - Linee guida per pubblicare su Kindle Amazon.com 53