Download - 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
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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.
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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 -)
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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(
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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 -)
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
7/36
Estructura de arc7i6os del EPUB Editor decontenidos
Crear un EPUB con SigilVamos a abrir Sigil8
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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(
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
9/36
1( Comen@amos creando arc7i6os : renombrando8
Crear un EPUB con Sigil
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.
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
10/36
2( Escribimos el contenidos en cada cap+tulo
Crear un EPUB con Sigil
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
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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 -)
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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(
Crear un EPUB con Sigil
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
13/36
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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'
Crear un EPUB con Sigil
!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(
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
http://bit.ly/codigocsshttp://bit.ly/codigocss -
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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'
Crear un EPUB con Sigil
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
18/36
: I;
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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(
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
http://code.google.com/p/sigil/http://code.google.com/p/sigil/ -
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
21/36
Crear un EPUB con Sigilas 6ersiones de Sigil H(0 o posteriores tienen automati@ada la inclusin de
enlaces8
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
23/36
Crear un EPUB con SigilSe nos abrirA una pantalla donde escogemos el cap+tulo donde >ueremos
insertar el enlace : pulsamos '
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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(
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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(
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
28/36
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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
Crear un EPUB con Sigil
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
30/36
Crear un EPUB con Sigil
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
31/36
Sigil tambi"n nos permite editar la meta informacin
Crear un EPUB con Sigil
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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(
Crear un EPUB con Sigil
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
http://validator.idpf.org/http://validator.idpf.org/ -
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
34/36
Validadores
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
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(
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
-
8/12/2019 Como Crear Un Epub Con Sigil Alumnos
36/36
[/uc7as graciasW7ttp899,,,(contenidosenred(com
\contenidosenredcontacto\contenidosenred(com
'Cmo crear un epub con Sigil Contenidosenred octubre 2013
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/