Como Crear Un Epub Con Sigil Alumnos

8/12/2019 Como Crear Un Epub Con Sigil Alumnos

1/36

Vamos a crear un EPUB desde

cero

'Cmo crear un epub con Sigil Contenidosenred octubre 2013


2/36

!u" es un EPUB#$ El EPUB es un formato abierto de libro digital desarrollado por el

%&P(

$ )ienevocacin de ser formato estndar.

$ EPUB es una especi*icacin abierta para libros digitales basada entecnolog+as ,eb -./ CSS .)/4(

$ Es un archivo comprimido.



3/36

E5emplo de un EPub

Vamos a abrir un epub con Calibre para 6er cmo es un libro digital -descarga7ttp899ganso:pulpo(com94

ectura normal /etadatos ;ndice de na6egacin -)


4/36

El arc7i6o tiene una e=tensin (epub un arc7i6o comprimido >ue si lodescomprimimos con nuestro programa 7abitual tipo ?in@ip 6eremos cmo espor dentro : >u" arc7i6os lo componen

Un EPUB por dentro



5/36

Sigil

Sigil esun programa gratuito : de cdigo abierto con el >ue 6amos a crearnuestro epub el cual nos permitirA8

Crear un ePub legible en todos los dispositi6os(


6/36

Crear un EPUB con SigilPasos a seguir para la creacin de un epub88

Crear la estructura de nuestro libro(

Crear los contenidos de cada arc7i6o

Crear el +ndice de na6egacin -)


7/36

Estructura de arc7i6os del EPUB Editor decontenidos

Crear un EPUB con SigilVamos a abrir Sigil8



8/36

Crear un EPUB con Sigil

uestro libro tendrA la siguiente estructura : arc7i6os8

Portada -t+tulo autor : *otogra*+a48 portada(=7tml

;ndice ->ue incluirA enlaces a los cap+tulos48 indice(=7tml 2 cap+tulos8 capitulo1(=7tml capitulo2(=7tml

otas al pie8 notas(=7tml

DdemAs del arc7i6o donde irAn los estilos8 st:le(css : las imAgenes dellibro >ue estarAn en *ormato (5pg(



9/36

1( Comen@amos creando arc7i6os : renombrando8


Dadimos los arc7i6os de nuestro libro dentro de la capeta ')e=t' : les pondremosnombre correspondiente -portada indice capituloF1(((etc4(Importante! no poner puntos ni acentos en los nombres de esos archivos.



10/36

2( Escribimos el contenidos en cada cap+tulo


Clicamos 2 6eces sobre el arc7i6o >ue >ueramos editar : a la derec7aescribimos el contenido o lo copiamos del bloc de notas -nunca copiar te=to de ,ordcon6iene eliminar estilo pasando pre6iamente por el bloc de notas para >ue no generecdigo e=trao4(

Editor de contenidos



11/36

%nsertamos imAgenes( Si >ueremos >ue ocupe la pantalla enteramedidas8 G00=HI0p=

)ambi"n podemos insertar 6ideos : audios importante arc7i6os mpJmp3 ogg : cambiar en el (op* el media9t:pe -7ttp899,,,(iana(org9assignments9mediaKt:pes4( "#o Esto slo se ver

en i$ad

Dsignamos estilos al t+tulo de la pAgina subt+tulo etc( seleccionado losdi*erentes ni6eles de eading >ue 6emos en el combo -'eading 17eading 2(((4(

Es importante mantener los mismos estilos en todos los cap+tulos si>ueremos >ue "stos apare@can correctamente en el +ndice decontenidos -)


12/36

J( Editamos los CSS8

El *ormato ePub estA basado en los mismos estAndares >ue las pAginas ,ebesto signi*ica >ue los cambios de estilo -tipo de letra utili@ado color tamaoetc4 debemos 7acerlos en el cdigo de las 7o5as de estilo en cascada -CSS4(

&entro de la carpeta St:le creamos el arc7i6o style.css( Una 6e@ tenemoscreada nuestra 7o5a de estilos podemos comen@ar a editarla(

Pero antes de nada 6amos a ec7ar un 6ista@o a la apariencia >ue tiene una7o5a de estilos :a >ue comprender su estructura nos a:udara posteriormente ala edicin(




13/36


14/36

En el arc7i6o styles.csscopiamos este cdigo -ir a bit(l:9codigocss48

body %

font&family! sans&serif'

h*h+*h,*h- %

font&family! serif'

color! blac'

img %margin! em / / / important'

0a1&2idth!//3'


!u" signi*ica este cdigo#

body!es el cuerpo central de contenidos en )/

font&family8 indica el tipo de *uente( En este caso tanto lascabeceras -71 72(((4 como el cuerpo de te=to -bod:4 estA ensansKseri*

h* h+ *h,* h-!son las cabeceras o 7eadings( D estos7eadings estamos asignando el tipo de letra -*ontK*amil:4sansKseri* : color de te=to -color48 blacL -negro4(

!ue las imAgenes -img4 no se saldrAn del anc7o de pantalla-ma=K,idt78100MN4( Esto es importante ponerlo para >ue lasimAgenes se 6ean correctamente en todos los dispositi6os(DdemAs estas imAgenes tendrAn un margen -margin4(

http://bit.ly/codigocsshttp://bit.ly/codigocss


15/36

Crear un EPUB con SigilEn cada uno de los arc7i6os >ue 7e creado tendr" >ue pegar el linL al arc7i6o

css para >ue me co5a los estilos >ue le 7e asignado al epub(

&entro de cada arc7i6o me situar" deba5o de la eti>ueta O7ead : pegar" elsiguiente cdigo

OlinL t:peQRte=t9cssR relQRst:les7eetR 7re*QR((9St:les9St:le(cssR 9

ombrecarpeta

ombree=acto delarc7i6o css

En el caso de >ue Sigil 7a:a generado en cada cap+tulo un cdigo del

tipo8

Ost:le t:peQRte=t9cssR span(sgcK1 *ontK*amil:8 'iberation Seri*'NT O9st:le

Eliminarlo : sustituirlo por el anterior



16/36

Crear un EPUB con SigilProbamos a cambiar : aadir mAs cdigo em el css( El nombre de la *uente8

body %

font&family! sans&serif* arial'

/odi*icar el color poniendo en ingl"s el color correspondiente(h*h+*h,*h- %

font&family! serif'

color! red'

Cambiar el tamao8

h %

font&family! serif'

color! red'

font si4e!-p1'

0(HIem



17/36

)ambi"n podemos aadir mAs reglas combinando el css con l+neas de cdigoen el arc7i6o (=7tml por e5emplo8

Para >ue un blo>ue de contenido siempre se 6ea 5unto en la misma pantalla-imagen pie de imagen4 en el arc7i6o (=7tml antes de la imagen pondremos8

5div6 class67eep78

a>u+ ir+a la imagen

a>u+ ir+a el te=to

59div8

en el css aadiremos8

div.eep %

display!inline&bloc'




18/36

: I;


19/36

Crear un EPUB con SigilI( %ncluimos enlaces internos o internos

Si abrimos un EPUB desde cual>uier dispositi6o de lectura 6emos >uee=isten 7iperenlaces >ue nos remiten a di*erentes partes del documento*acilitando la lectura : su na6egabilidad8

desde el arc7i6o +ndice podemos acceder a cual>uier cap+tulo o

subcap+tulo con un simple clic desde un cap+tulo puedo dirigirme a *ragmentos de te=to >ue se

encuentran en ese mismo cap+tulo : 6ol6er al punto donde estaba( puedo enla@ar una palabra >ue est" en un cap+tulo a otro punto concreto

en otro arc7i6o8 por e5emplo ir desde una palabra en el 'cap+tulo 1' a unanota >ue contenga in*ormacin o bibliogra*+a sobre un t"rmino concretoen el arc7i6o 'notas al pie'(

)ambi"n puedo crear enlaces e=ternos -a cual>uier pAgina en %nternet4(



20/36

Sigil

Sigil *unciona en ?indo,s inu= : /ac(a: >ue instalarse la 6ersin >ue se corresponda con el sistema operati6o

>ue tengamos instalado en el ordenador de lo contrario no *uncionarAW

http!99code.google.com9p9sigil9

Sigil aXn no permite crear libros enri>uecidos -epub3 4 pero :a 7a dado unpaso permitiendo la inclusin de 6ideo : audio -aun>ue slo es 6isible eniPad : na6egadores >ue soportan 7tmlI4

http://code.google.com/p/sigil/http://code.google.com/p/sigil/


21/36

Crear un EPUB con Sigilas 6ersiones de Sigil H(0 o posteriores tienen automati@ada la inclusin de

enlaces8



22/36

Crear un EPUB con Sigil=eali4ar un enlace desde el ndice a un captulo!Seleccionamos el te=to

>ue >ueremos enla@ar : pulsamos el botn con s+mbolo de cadena >ue 7a:en el menX superior8



23/36

Crear un EPUB con SigilSe nos abrirA una pantalla donde escogemos el cap+tulo donde >ueremos

insertar el enlace : pulsamos '


24/36

Crear un EPUB con SigilPara reali@ar un enlace desde un captulo a un punto concreto de otro

captulo por e5emplo de un cap+tulo a un pie de pAgina lo primero >uetenemos >ue 7acer es asignar un identi*icador -un nombre4 al sitio dedestino -en nuestro caso en nuestra nota al pie4( Para ello abrimos nuestroarc7i6o de notas al pie en Sigil Seleccionamos la nota >ue >ueremosenla@ar : pulsamos en el menX superior el botn >ue es una anclape>uea8

Se nos abrirA una pe>uea

pantalla donde ponemos unnombre >ue recordemos*acilmente( Este nombre es eldenti*icador de ese puntoconcreto(



25/36

Crear un EPUB con SigilD continuacin nos 6amos al punto >ue >ueremos enla@ar a esa nota al pie(

o seleccionamos : le damos *ormato de nota al pie8



26/36

Crear un EPUB con SigilUna 6e@ 7emos 7ec7o esto : con nuestro nXmero seleccionado pulsamos de

nue6o el s+mbolo de enlace -la cadenita4 : buscamos dentro del listado deenlaces al >ue corresponde al identi*icador >ue 7emos insertado antes8

os *i5amos en la estructuradel enlace8 es el nombredel arc7i6o =7tml seguido

de almo7adilla -Z4 : elnombre del identi*icador(

a 7emos reali@ado nuestro enlace a un puntoconcreto de otra pAgina(

D7ora con6endr+a >ue el lector >ue 7a llegado aesta nota al pie pueda retornar al punto donde seencontraba antes( Para ello es necesario repetirla operacin pero a la in6ersa8



27/36

Crear un EPUB con Sigilos 6amos al cap+tulo 1 donde 7emos reali@ado nuestro enlace a la nota :

asignamos a este punto un identi*icador -tiene >ue ser un identi*icadordi*erente al >ue 7emos puesto anteriormente dado >ue no tiene sentidoinsertar dos identi*icadores iguales ademAs >ue nos dar+a error4(



28/36


29/36

Sigil actuali4a el archivo >"? ->ue es un arc7i6o >ue recoge in*ormacinsobre la estructura del EPUB4 a partir de los estilos >ue 7emos establecidoen los arc7i6os(

El >"? es el ndice de navegacin interna de un epub* como el ndice en

papel* pero navegable

Podemos 6er el estado del )uier momento si 6amos a R)ools )ue estAn todos los cap+tuloscorrectamente anidados o eliminar los >ue no >ueramos >ue apare@ca enel +ndice de na6egacin del epub( -Importante revisar estilos del ndicey de los ttulos de cada captulo para que no de errores. >iene que

haber coherencia4




30/36




31/36

Sigil tambi"n nos permite editar la meta informacin




32/36

uardamos nuestro documento de Sigil como epub(

&espu"s 6amos a validarlo para comprobar >ue no tenga ningXn

*allo8 7ttp8996alidator(idp*(org9-serA obligatorio tener introducios los metadatos

de idioma : t+tulo para >ue se 6alide correctamente4(

Corregimos los *allos >ue nos 7a recomendado : 6ol6emos a 6eri*icar

Por Xltimo lo abrimos con Calibre : lo leemos en nuestra pantalla deordenador( )ambi"n con6iene probar en todos los dispositi6os >ue tengamos(


http://validator.idpf.org/http://validator.idpf.org/


33/36

Validar el cdigo&espu"s de crear un epub es importante 6alidar el arc7i6o para detectar

posibles errores( a: 6arios programas >ue lo 7acen pero 7a: >uetener presente >ue a 6eces detectan *alsos errores(

@$ara quA sirvenB

&etectar si 7e incluido un arc7i6o grA*ico >ue no 7a sido utili@ado :

>ue por tanto estA llenando mi ePub de basura innecesaria -lo cuAl lo7arA mAs grande : mAs lento el arc7i6o4N otras 6eces nos alertan de>ue un elemento del cdigo no estA bien escrito etc(((

@$or quA es importante validarB

/uc7os distribuidores -por e5emplo iBooLStore la iniciati6a de Dpple

para 6ender libros digitales para i)unes iPad iP7one : iPod touc74e=igen >ue cumplan determinados re>uisitos t"cnicos : de contenidoentre ellos superar la 6alidacin con el epubc7ecL 1(0(I



34/36

Validadores


35/36

Errores mAs *recuentes

K Enrutamiento8 si una imagen estA en una carpeta tenemos >ue indicaren los arc7i6os la ruta completa(

K Sinta=is8 atencin a los espacios : caracteres e=traos( o usar puntosacentos ni espacios para nombrar arc7i6os(

K o copiar te=to de ,ord eliminar estilos en bloc de notas : despu"spegarlo en Sigil para e6itar >ue genere cdigo no deseado(



36/36

[/uc7as graciasW7ttp899,,,(contenidosenred(com

\contenidosenredcontacto\contenidosenred(com

http://www.contenidosenred.com/https://twitter.com/contenidosenredmailto:[email protected]://contenidosenred.us4.list-manage1.com/subscribe?u=f132b0bd0e41167d68ba5d7f9&id=b4b63b5e48mailto:[email protected]://twitter.com/contenidosenredhttp://www.contenidosenred.com/

Como Crear Un Epub Con Sigil Alumnos

Documents

Transcript of Como Crear Un Epub Con Sigil Alumnos