ePub

Lo stato dell'arte

sullo standard più diffuso al mondo

per la creazione di e-Book

a cura di Mario Canton

ePub

Lo standard più diffuso al mondo

per la creazione di e-Book

Stato dell'arte

e tecniche redazionali

di Mario Canton

mariocanton.com

2021

1ª edizione digitale

Copyright

Copyright © 2021 di Mario Canton

ISBN 9791220841139

Tutti i diritti riservati. Nessuna parte di questa pubblicazione può essere riprodotta, distribuita o trasmessa in qualsiasi forma o con qualsiasi mezzo, compresa la fotocopiatura, la registrazione o altri metodi elettronici o meccanici, senza la preventiva autorizzazione scritta dell'editore, tranne nel caso di brevi citazioni incorporate in critiche e alcuni altri usi non commerciali consentiti dalla legge sul diritto d'autore. Per richieste di autorizzazione, contattare l'autore tramite il sito Web sottostante.

Mario Canton

website: mariocanton.com

e-mail address: [email protected]

Non part of this book may be reproduced or transmitted in any form or any means, electronic or mechanical, including photocopying, recording or any information storage retrieval system, without permission from the author.

ePub is a registered trademark of the International Digital Publishing Forum. Copyright © 1999-2019 International Digital Publishing Forum ™ and W3C ® (MIT, ERCIM, Keio, Beihang)

Indice

Premessa

Introduzione

STANDARD: ULTIMA VERSIONE

1 • La nozione di libro digitale

Il libro digitale e l'applicazione per libri

La guerra dei formati

L'accessibilità

2 • L'ePub nelle sue varie versioni

Le origini

Un formato di norme

La versione ePub 2.0.1

I contributi della versione 3.0

Nuovi documenti di riferimento

Nuove caratteristiche

Prove ed errori e variazioni con ogni versione

Specifiche ePub 3.1

Ritorno al futuro: la versione 3.2

L'accessibilità

Elementi deprecati o reintegrati

Flessibilità, meccanismi alternativi (fallback) e documenti collegati

Abbandono progressivo di CFI?

Un avvicinamento al Web

La visualizzazione del libro

Gli script

Una riorganizzazione delle specifiche

Specifiche ePub 3.2 - 8 maggio 2019

3 • L'accessibilità

Handicap o bisogno?

Concetto di accessibilità universale

Pubblicazioni inclusive o adattate?

Edizione inclusiva

Edizione adattata

La normalizzazione del Web

4 • L'organizzazione di un file ePub

Caratteristiche generali

Struttura di base

La cartella META-INF

Il file MIMETYPE (obbligatorio)

La cartella di PUBBLICAZIONE

Elenco dei caratteri vietati

nota sui nomi dei file

5 • La cartella META-INF

I diversi file nella cartella META-INF

Il caso particolare di Apple

container.xml

Caso di rendering multipli 57

Il Rendition Mapping Document

encryption.xml

Caso di offuscamento dei set di caratteri (font)

manifest.xml

metadata.xml

rights.xml

signatures.xml

6 • Il documento di navigazione

La cartella di pubblicazione OEBPS

Il documento di navigazione: toc.xhtml

Generalità sull'elemento

La tavola dei contenuti

La tabella dei punti di riferimento

L'elenco delle pagine

Una questione di buon senso …

L'attributo [hidden] per nascondere gli elementi

Aggiunta di nuovi blocchi supplementari

7 • Il pacchetto file content.opf

L'elemento radice < package >

I figli di

Elementi editoriali del Dublin Core

Elementi figli di

L'elemento figlio

Il meccanismo di collegamento degli elementi

Metadati di scoperta, i metadati di accessibilità

Definizione dei prefissi specifici

Dichiarazione dei metadati

Dichiarazione di conformità dell'accessibilità

Il manifest dell'opera < manifest >

L'ordine delle pagine con

Caso speciale di riferimenti a pagine inaccessibili

8 • Varianti di impaginazione (layout)

Prima di tutto: definire il prefisso

Fisso o reflowable, il parametro [rendition:layout]

A livello globale

A livello locale

Le MediaQueries per la regolazione

Restituzione del flusso: [rendition:flow]

A livello globale

A livello locale

L'orientamento con [rendition:orientation]

Le pagine doppie: [rendition:spread]

La definizione di comportamento

Il posizionamento della pagina [rendition:page-spread-*]

Particolarità

Caratteristiche dei libri con impaginazione fissa e doppia

Il Viewport

Caratteristiche speciali dei dispositivi Apple

Definizione del Viewport a livello di pagina

Viewport e dimensione dell'immagine

L'uso di CSS Device Adaptation 113

Qualche particolarità

1. Non usare iPad 1

2. Immagini a schermo intero: reinventare la ruota …

• Metodo 1: creare file specifici per le immagini ingrandite

• Metodo 2: Usare i livelli CSS

3. Layout locale impossibile

Riepilogo dei layout

Approcci al layout fisso

I problemi del layout fisso per l'accessibilità

Alcune raccomandazioni

9 • Tecniche avanzate di impaginazione

Responsive Design contro Adaptative Design

Alcuni esempi di modelli di layout 115

1. Modello Tiny Tweaks

2. Modello Off Canvas

3. Modello Column Drop

4. Modello Layout Shifter

5. Modello Mosly Fluid

Grids e Flexible Box Layout di Css

Grids

Scatole flessibili: flexbox

Incolonnamento multiplo con CSS 118

Le regioni CSS

Layout adattivo per ePub

Funzionamento

1. Identificazione del contenuto XHTML

2. Creazione di modelli di layout

3. Richiamo dei modelli durante il caricamento dei contenuti

La regola @-epubx-page-template

I valori calcolati con -epubx-expr ()

La definizioni di variabili: @-epubx-define

La formattazione condizionale: @-epubx-when

La navigazione basata sulle regioni

La suddivisione delle regioni

Le nuove linee guida

Navigazione per regione applicata alle riviste

Le proprietà CSS con prefisso

I fogli di stile CSS alternativi

Alcune regole

Il modulo di layout paginato

La definizione dei modelli di pagina

La manipolazione degli elementi: costruire intestazioni o piè di pagina

La copia di testo semplice

La copia o lo spostamento di contenuto stilizzato

Note a piè di pagina

Funzionamento

La zona delle note

Il contatore delle note

I selettori di pagina

La tabella delle materie (indici)

Il recupero dei numeri di pagina: la funzione target-counter()

Il recupero di testo: la funzione target-text()

10 • Descrizione delle immagini e dei testi alternativi

Prerequisiti

1. Quelle decorative

2. Quelle illustrative

3. Quelle informative

4. Quelle funzionali

14 punti da rispettare

Esempi di descrizioni commentate

Un disegno

Una foto

Il grafico cronologico

Le etichette dei valori nutrizionali

La scheda di un elemento chimico

Confronti: schema semplice

Le curve e i grafici

Grafico semplice

Grafico a barre multiple

Grafico a settori

Curva semplice

Le carte geografiche

Planisfero

La carta dettagliata

Organigrammi e diagrammi logici

1. Diagramma logico con punto di ingresso unico

2. Diagramma logico complesso o con punti di ingresso multipli

3. Diagrammi di flusso complessi a percorsi multipli

Diagramma di flusso a supporto della decisione

11 • Etichettatura semantica

Il tag

Il tag

L'attributo [title]

L'attributo [alt]

L'attributo [aria-describedby]

L'attributo [aria-label]

L'attributo [aria-labelledby]

Elementi di semantica

L'attributo [epub:type]

L'attributo [role] tagging semantico per l'accessibilità

Le proprietà obsolete o non ancora validate

Estensione del vocabolario semantico

12 • Tecnologie relative ad HTML 5

Sintassi e particolarità di HTML 5

I tag classici

< header >

< nav >

< mark >

< section >

< article >

< address >

< ol >

< ul >

< li >

< dl >, < dt >, < dd >

< figure >, < figcaption >

< div >

< small >

< abbr > e < dfn >

< cite >

< q > e < blockquote >

L'impaginazione: < i > contro < em > e < b > contro

Le tabelle

I diversi valori di [scope]

Caso dell'attributo [summary]

Gli elementi interattivi

< details >

< progress >

I tag e

Elementi multimediali

Le sequenze audio

Le sequenze video

La sottotitolazione

Gli elementi MathML

Precauzioni

I contenuti alternativi in MathML

L'attributo [aria-label]

Utilizzo di [alttext]

Utilizzo di [altimg]

Utilizzo dell'elemento

Caso particolare: integrazione di un'isola XHTML in MathML

Stili degli elementi MathML

Le alternative a MathML

Alcune risorse

I documenti SVG

Incorporamento di immagine SVG per riferimento

Incorporamento di immagine SVG per inclusione

Informazioni condizionali tramite

Inserire link all'interno di immagini SVG

13 • I documenti Media Overlays

La tecnologia SMIL

La sincronizzazione dei media

Riferimenti nel manifest

Parametrizzazione

La durata delle clip: duration

Il nome del narratore: narrator

Lo stile attivo o disattivato

Esempio completo

Specifiche di Apple ibooks

Text-to-Speech

Gli elementi SSML

Il lessico fonetico: PLS lexicon

CSS Speech Module

14 • Script e API JavaScript

L’utilizzo degli script

Richiamare uno script

La canvas (tela)

Le specifiche di codifica di XHTML

I quattro comandamenti per l'uso degli script

L'oggetto epubReadingSystem

Le API JavaScript di HTML 5

note sull'utilizzo degli script

La memorizzazione delle informazioni

Alcuni brevi promemoria

15 • Casi pratici

I nomi dei file

Intestazioni delle pagine XHTML

Struttura della pagina

Le citazioni corte

Le citazioni lunghe

Le citazioni a margine o riquadri (box)

Qualificazioni semantiche per i riquadri (box)

Immagini e grafica

Le note e i riferimenti alle note

Il richiamo di una Nota

La Nota

I collegamenti

I segnalibri (segnapagina o marcatori di pagina)

Gli elenchi

Caso dell'uso di elenchi con Adobe InDesign

La bibliografia

il glossario

Gli indici

Riferimenti nel manifest

Le definizioni

Le abbreviazioni e gli acronimi

Le interviste

Lingua di passaggi e di espressioni (WCAG – AA)

Le opere

Le pagine autore

Le tabelle

Esempi di uso semantico

Esempi di immagini informative

Immagini Awesome

APPENDICI TECNICHE

Appendice A

Segmentazione di una struttura

Casi di capitoli e parti

Valori degli attributi ePub e WAI-ARIA

La pagina degli autori

Appendice B

Classificazione degli elementi HTML 5

Appendice C

Corrispondenza tra [epub:type] e [role]

Appendice D

ePub Core Media Types

Elenco dei tipi MIME conformi a ePub 3.1 e a ePub 3.2

Appendice E

Selettori CSS

Appendice F

MARC Code List

Appendice G

Scripting

Pagina di prova per API JavaScript HTML5

Script InDesign

Appendice H

Conformità con WCAG

PREMESSA

REQUISITI DI CONFORMITÀ

1. Soddisfare un livello di conformità

2. Conformità per pagina

3. L'uso di tecnologie non accessibili è proibito.

4. Nessuna interferenza tra le pagine e le tecnologie utilizzate

5. Nessuna interferenza con la navigazione

DICHIARAZIONE DI CONFORMITÀ DEI SITI WEB

Componenti facoltativi

STRUMENTI PER AIUTARE LA DICHIARAZIONE DI CONFORMITÀ

DECIFRARE LE REGOLE WCAG 2.1

Principe 1: Percepibilità

Principe 2: Utilizzabilità

Principe 3: Comprensione

Principe 4: Robustezza

GRIGLIA DI VALUTAZIONE WCAG 2.1

Principio 1: Percepibilità

Principio 2: Utilizzabilità

Principio 3: Comprensione

Principio 4: Robustezza

TECNICHE REDAZIONALI

• 1. ISTRUZIONI DI BASE

Introduzione

Prefazione

Standard di qualità

Prima di iniziare

Come diventare un editore

Tutto ciò di cui c'è bisogno per impaginare

Sigil

paint.net e Gimp

RegEx

Validatori

Ortografia

Adobe Digital Editions/Count Pages

Concetti generali

Che cos'è un ePub?

Cose fondamentali da sapere su Sigil

Introduzione

Installazione e configurazione di Sigil

Panoramica

Aprire - Salvare - Fare una copia

Vista codice - Vista libro - Vista in anteprima

Separare - Unire - Annullare

Salvare e aggiungere file

Rinominare i file

Inserire codice

Inserire immagini e caratteri speciali

Metadati

ToC (Sommario o Indice sistematico)

Strumenti

Introduzione ai linguaggi

Introduzione al linguaggio HTML

Tag di intestazione

Tag di ripartizione base

Etichette di suddivisione del contenuto

,

,

,

,

,

Tag di contenuto testuale

Altri tag di interesse correlati al contenuto

Etichette di testo in linea

Altri tag di interesse relativi al testo online

Introduzione al linguaggio CSS

Definire uno stile in CSS

Come richiamare uno stile in HTML

Template ePub di esempio: base.css, stylesheet.css e sgc-toc.css

Struttura

Applicazione degli stili

Esempi

Creare un ePub

Primi passi

Modello di base Elementi fondamentali

Primi passi Il Book-Id e i metadati

Assegnare un Book-Id al file

Generatore di Book-Id di Sigil

Generatore di Book-ID online sul Web

Inserire i metadati

Come compilare il campo «File come»

Un solo autore

Casi speciali

Due o più autori

Traduttore(i), illustratore(i), altri colaboratori

Design di base della copertina

Elementi necessari

Materiali

Da tener conto

Lavorare in Gimp

Aggiungere le immagini della copertina e dell'autore

Come aggiungere altre immagini

Dove trovare le copertine

Completare le pagine di base

cover.xhtml

sinossi.xhtml

titolo.xhtml

Autore

Titolo

Sottotitolo

Serie

ePUB ver. 1.0

Editore

Data

info.xhtml

Títolo originale

Autore, anno della prima pubblicazione in lingua originale

Traduzione

Illustrazioni

Disegno/ritocco della copertina

Editore digitale

ePub template ver. 1.0

ToC.xhtml

dedica.xhtml

Section0001.xhtml

autore.xhtml

note.xhtml

Casi speciali: libri in altre lingue

Guida ai diversi generi e sottogeneri

IMPAGINAZIONE DEL CONTENUTO

I capitoli e il file Section0001.xhtml

Aggiungere e applicare stili e tag CSS

Aggiungere note all'ebook

Casi speciali

Tavola dei Contenuti (ToC) o Indice (sistematico) o Sommario (se in forma breve)

Codice sporco e come ripulirlo

Strumenti per il rilevamento degli errori

CORREZIONE DEL TESTO

Espressioni regolari

Cosa sono le RegEx

Installare le RegEx

Usare le RegEx

Il cosa e il perché di ogni RegEx

Ricordare l'essenziale

Individuazione e risoluzione dei problemi:

Errori ortografici

Digitalizzazione di un contributo esterno

Selezione di un font digitale

Preparazione per confrontare due fonti

Da un ePub (con Sigil)

Da altri formati

Paragonare due fonti

Lavorare sul contributo

Correzione per lettura

Errori tipografici

Omogeneità di stili

Salti di scenario

Corsivi

Enfatizzazioni dell'autore

Termini stranieri grezzi

Maiuscoletto

Caratteri speciali

Errori di marcatura

Tag senza chiusura

Semplificazione del codice

Rimuovere il codice non necessario

Raggruppare classi e/o tag

Stili personali

Proprietà non ereditabili

Classi non utilizzate

Classi non definite

Collegamenti alle note

Immagini inutilizzate

Validatore di Sigil (FlightCrew)

Validatore di IDPF (ePubCheck)

Errori nel modello esemplificativo

Localizzazione e risoluzione dei problemi

Numeri di revisione (release)

Regole per cambiare il numero di revisione

Dove cambiare il numero di revisione

Nella pagina web del distributore

Nei metadati

VALIDAZIONE DELL'EPUB

Generalità

FlightCrew

Epubcheck

Codici di errore

Flight Crew

ePubCheck

PUBBLICAZIONE SUL WEB

Come denominare i file

Eccezioni

Due autori

Vari autori

Collane e saghe

Sotto-collezioni

Traduzioni

Edizioni illustrate / Commentari

Libri in altre lingue

Esempi

Un autore

Due autori, con serie

Tre autori o più

Collane estese e con vari autori

Libri in altre lingue

Come compilare i moduli delle piattaforme di pubblicazione / distribuzione

Creare un nuovo libro da pubblicare

Dati di base

Dati aggiuntivi

Dati dell'edizione corrente

Collegamenti

Collane in altre lingue

Gestione delle schede

Come compilare i moduli associati alla scheda del libro

Nome dell'autore

Biografia

Utilizzo di vari altri elementi

Appellativi

Pseudonimi

Bibliografia

Riconoscimenti

Casi speciali: premi per traduttori / illustratori

Collane

Come caricare le copertine

Come caricare link «magnet»

Creare un «torrent»

Condividere un «torrent»

CONVERSIONE IN ALTRI FORMATI

Strumenti per la conversione del formato

Calibre

Scaricare e installare Calibre

Configurare le impostazioni

Aggiungere file

Convertire file

KindleGen

Kindle Previewer

Formati di partenza e arrivo

Electronic publication (ePub)

Conversione a «.epub» con Calibre

Mobipocket (MOBI)

Da «.epub» a «.mobi» con Calibre

Da «.epub» a «.mobi» con KindleGen

Da «.epub» a «.mobi» con Kindle Previewer

Metadati

Formato Kindle (AZW3)

Da «.epub» ad «.azw3» con Calibre

Metadati

FictionBook (FB2)

Da «.epub» a «.fb2» con Calibre

PDF

Indice tematico

Sul percorso per diventare editore / redattore

Sulle piattaforme web di pubblicazione / distribuzione

Sui diversi formati di ebook

Su Sigil

Sul template esemplificativo

Sulla correzione del libro

Sul codice utilizzato negli ePub

Sui metadati

Sulla ToC

Sulle RegEx

Sulla validazione di un ePub

Sulle immagini

Sulle note

• 2. STRUMENTI UTILI

Introduzione

PRE-EPUB: OTTENERE IL CONTENUTO

Scansione

Come posizionare il libro sullo scanner

Configurare il software per la scansione

Primo passo: correggere l'orientamento

Secondo passo: dividere le pagine

Terzo passo: allineamento

Quarto passo: selezione del contenuto

Quinto passo: margini

Sesto passo: output

Conversione di immagini in testo: OCR

Iniziare il processo

Rivedere e modificare

Finestra di testo

Finestra di verifica

Salvare i risultati

SIGIL AVANZATO

Segni di divisione

Revisione ortografica

Validare un epub

Rapporti

Tutti i file

File HTML

File immagine

File CSS

Classi nei file HTML

Classi nei file CSS

Collegamenti (link)

Caratteri nei file HTML

Ricerche salvate

Accedere alle ricerche salvate

Usare le ricerche salvate

Ordinare le ricerche salvate

Aggiungere o eliminare una ricerca salvata

Salvare le modifiche

Cancellare i file inutilizzati

Cancellare le classi inutilizzate

Usare la cronologia degli appunti

Frammenti (snippet)

Pulsanti sulla barra degli snippet

Barra dei frammenti e finestra dei pulsanti

Accedere all'editor degli snippet

Codice

Importare frammenti

Uso dei frammenti

Modifica i frammenti

Altri frammenti

Plug-in

Funzionalità di ripristino

CREAZIONE RAPIDA DI NOTE

Note con lo strumento «Frammenti» (snippet) di Sigil

Note rapide nei capitoli con le espressioni regolari

Note più veloci con UltraEdit

Note rapide con un foglio di calcolo

Note con Notepad++ e Python Script

ESPRESSIONI REGOLARI

Creare espressioni regolari

Caratteri generali

Caratteri preceduti da backslash «\» — Parte 1ª

Caratteri preceduti da backslash «\» — Parte 2ª

Caratteri preceduti da backslash «\» — Parte 3ª Proprietà e sottoproprietà

Proprietà e sottoproprietà

Lettere «\pL»

Numeri «\pN»

Punteggiatura «\pP»

Simboli «\pS»

Negare una proprietà

Caratteri preceduti da backslash «\» — Parte 4ª

Deselezionare con «\K»

Affermazioni semplici

Altri caratteri e opzioni interne

I sottomodelli e la loro numerazione. Numerazione duplicata.

Memorizzare diverse opzioni nello stesso sottogruppo

Sottogruppi NON memorizzabili

Numerazione duplicata dei sottogruppi

Dichiarazioni

Dichiarazioni che controllano in avanti

Dichiarazioni positive

Dichiarazioni negative

Dichiarazioni che controllano all'indietro

Dichiarazioni positive

Dichiarazioni negative

Dichiarazioni multiple

Dichiarazione multipla

Dichiarazione multipla annidata

REGOLE ORTOTIPOGRAFICHE

Regole tipografiche da prendere in considerazione

Corsivo, grassetto e tondo

Corsivo

Enfasi

Nomi propri [→TONDO]

Títoli di opere: considerazioni aggiuntive [→TITOLI DI OPERE].

Foresterismi, espressioni gergali e neologismi

Altri usi del corsivo

Sostituzione con altri simboli tipografici [→VIRGOLETTE]

Grassetto

Tondo

Casi speciali (corsivo o tondo?)

Segni di punteggiatura e rimandi a note

Musica

Zoologia e botanica [→MAIUSCOLE]

Batteriologia

Matematica e fisica

Maiuscole e maiuscoletto

Uso del maiuscoletto

Uso del maiuscolo

Dialoghi e riflessioni

Dialoghi

Uso della lineetta

Maiuscole e minuscole

Punteggiatura

Riflessioni

Uso delle virgolette

Punteggiatura

Richiamo di note

Sistema francese

Sistema inglese

Regole ortografiche da tenere a mente

Segni di punteggiatura

Segni di punteggiatura semplici ( . , : ; ; … ? !)

Il punto (.)

I puntini di sospensione ( … )

La virgola ( , )

Segni di punteggiatura doppi ( ( ), [ ], — —, « » ) e ( ¿ ?, ¡ ! solo in alcune lingue)

Lineetta, semilineetta e trattino

Come scriverle

La lineetta «—» ()

Usi

La semilineetta «–» ()

Il trattino «-»

Segni di operatori matematici «− × ÷» ( )

Virgolette

Ordine di impiego (« ‘ ’ »)

Uso delle virgolette

Virgolette e altri segni di punteggiatura

Maiuscole e minuscole

Maiuscole [→ACCENTAZIONE]

All'inizio di un testo

Esigenze dovute a punteggiatura

Nomi propri ed espressioni verbali

Altre considerazioni:

Altri usi delle lettere maiuscole

Minuscole

Casi speciali

Per il contesto

Zoologia e botanica [→CORSIVO]

Sigle, acronimi, abbreviazioni e simboli

Definizioni

Sigle

Ortografia

Tipografia

Acronimi derivati da sigle

Maiuscole e minuscole

Abbreviazioni

Maiuscole e minuscole

Abbreviazioni e punteggiatura

Abbreviazioni e numeri

Simboli

Maiuscole e minuscole

Simboli e cifre

Simboli frequenti

Accentazione

Regole generali di accentazione

L´accento tonico sulle parole italiane

Iati contro dittonghi e trittonghi

Maiuscole

Sigle, acronimi, abbreviazioni e simboli [→SIGLE E ALTRO]

Parole composte

Accento diacritico

Dimostrativi

Interrogativi ed esclamativi

Solo

Ancora / anche

Altri monosillabi

Foresterismi (comprese le voci latine)

Lettera «o» tra cifre

Numeri, cifre e ordinali

Numerali (parole)

Cardinali

Ordinali

Le cifre (simboli)

Numerazione araba (0-9)

Numerazione romana (I, V, X, L, C, D, M)

Cosa usare: numeri o cifre?

Numeri

Cifre

Numerazione araba

Numerazione romana (sempre con valore ordinale).

Prefissi

Uniti alla base

Separati dalla base

Separati da trattino

Separati da spazio

Prefissi coordinati (più prefissi con la stessa base)

Indice tematico

Sulla scansione

Su Sigil

Sulla correzione del libro

Sulle RegEx

Sulle Note

• 3. ISTRUZIONI AVANZATE

Introduzione

HTML AVANZATO

Introduzione

Tipi di elementi in HTML

Il «box model» (modello a caselle)

Tipi di elementi in HTML

Elementi a blocco

Elementi in linea

Tag di contenuto testuale

ol

ul

li

dl

dt

pre

Etichette di testo in linea

Testo evidenziato

em

strong

cite

dfn

Altre etichette

sub

sup

br/

s

del e ins

abbr

code, kbd, samp, var

Link (collegamento): tag a

Link (collegamenti) esterni

Link (collegamenti) interni

CSS AVANZATO

Selectori di CSS

Introduzione

Definizioni combinate

Definizioni multiple

Formattare un'etichetta

Selettore di etichetta

Creare una classe

Selettore di classe

Identificatore

Selettore per identificatore

Controllare la gerarchia/ereditarietà

Selettore discendente (con uso dello spazio « »)

Selettore di figli (con uso del segno maggiore di «»)

Selettore adiacente (con uso del segno più «+»)

Combinare i selettori

La proprietà «display»

La proprietà «display»

none

block, inline, inline-block

list-item

table, inline-table y table-cell

CODICI UTILI

Raccolta di codici utili

Sottotitolo

Posizionare un'immagine prima del titolo

Separatore o chiusura ad asterischi

Capilettera e precapilettera

Capolettera

Precapolettera

Capolettera «alto»

Salto di pagina

Non separare

.nosep

Allineamento

Classe «.destra»

Sangria (alla) francese

Allineare blocchi di testo

Poesie

Poesie con versi numerati a destra

Poesie con versi numerati a sinistra

Notazione marginale

Note a margine

Linee e riquadri

Linea orizzontale

Linea corta

Linea decorativa

Linea verticale

Riquadro

Codice sconsigliato

Etichetta mark

Inserire un accesso diretto su un'immagine

Parametri «start» e «value» su una lista ordinata

Background (sfondo)

Proprietà «small-caps» per il maiuscoletto

Pseudoelementi

Controllare l'altezza degli elementi: «max-height»

Altri codici ignorati

LISTE (ELENCHI) E TABELLE

Liste (Elenchi)

Liste semplici

1. Non numerate

2. Numerate

Cambiare l'aspetto degli elenchi numerati

Elenchi numerati con titoli intercalati

Elenchi con più paragrafi per ogni voce

Elenchi annidati

1. Elenchi annidati non ordinati

2. Elenchi ordinati annidati

Elenchi di definizioni

Tabelle

Introduzione

Struttura di base delle tabelle

Tag xhtml che definiscono una tabella

Titolo della tabella

Titoli di colonna

Struttura complessa

Bordi

Formato del bordo

Spaziatura tra i bordi

Bordi singoli nella cella

Spaziatura celle/colonne (padding)

Combinazione di celle

Interruzione di pagina nella tabella

Formato del testo

Allineamento del testo in una tabella

Esempio generico di una tabella

Allineamento orizzontale di una tabella

Tabella centrata

Tabella allineata a destra

Allineamento verticale di una tabella

Dimensioni delle colonne e delle celle

Dimensione del testo (variabile o fisso)

Dimensione di testo variabile

Dimensione di testo fisso

Tabelle: Esempi avanzati

Adattamenti per la poesia

Testo in colonna doppia

Testo a più colonne

Altri due esempi di tabelle centrate a più colonne.

Numerazione sul margine sinistro

Numerazione sul margine destro

INSERIMENTO DI IMMAGINI

Inserimento avanzato delle immagini

Immagini a tutta pagina

Immagini flottanti

Immagini scalabili

Didascalie

Didascalia inferiore

Didascalia dell'immagine laterale

Didascalia con dimensione del testo fissa

Immagine grande tipo «copertina»

Immagine piccola tipo «image»

Immagini non rettangolari

FONT TIPOGRAFICI

Concetti generali

Carattere

Glifo

Font

Famiglia di font

Definizione di «Famiglia»

Aggiungere font tipografici

Identificare un font

Testare un nuovo font

Modifica e ritocco di font

Generalità

Riduzione dei glifi ai necessari

Copiare glifi

Generazione di informazioni sull'intestazione del font

Generare Font

Tecniche avanzate di creazione di font

Generare Stili

Nuovi glifi

Indice tematico

Sul codice utilizzato in Pub

Sulle immagini

Sui font tipografici

Sulle tabelle

• 4. GRAFICA

Introduzione

TRATTAMENTO DELLE IMMAGINI CON GIMP

Introduzione a GIMP

Come utilizzare questa parte

Capitoli generali

Strumenti e risorse

Studio di casi

Elaborazione di immagini in batch

Come muoversi in GIMP

L'interfaccia di GIMP

Finestre

Icone

Menu

Menu principale

Menu di casella

Menu contestuale di dialogo di strumento/risorsa

Barra di stato

Tasti con funzioni speciali

Personalizzazione di GIMP

Finestre

Ridimensionare le finestre

Modalità finestra unica

Recuperare i box laterali

Suddividere i box laterali

Icone degli strumenti

Schede di dialogo

Salvare le impostazioni personalizzate

Componenti (aggiuntivi), script e risorse

Installazione di componenti, scrip e risorse

Dove trovare nuovi componenti aggiuntivi, script e risorse

Pagina ufficiale di GIMP

Internet

Personalizzazioni

L'immagine digitale

Struttura dell'immagine

Canvas (tela)

Livelli (layers)

Dialogo dei livelli

Menu dei livelli

Menu dell'immagine

Livelli speciali

Maschere di livello

Menu contestuale di dialogo della maschera

Canali

Canali del colore

Canali di selezione

Proprietà delle immagini digitali

La dimensione (px)

Ridimensionare una immagine

La risoluzione degli schermi

Profondità di colore o «modalità di colore» (bpp)

Immagini a 8 bit

Immagini a 24 bit (RGB)

Immagini a 32 bit (RGBA)

Immagini ad alta definizione

Risoluzione dell'immagine (ppp = ppi)

Il formato di salvataggio

JPG = JPEG

PNG

GIF

Il peso (in kb)

Metadati

Immagini vettoriali (SVG)

Primi passi in GIMP

Progetto personalizzato di GIMP

Nuovo

Crea

Apri → Apri come livelli

Salva

Esportare l'immagine

JPG → JPEG