Como Crear Un Epub Con Sigil Alumnos

download Como Crear Un Epub Con Sigil Alumnos

of 36

  • date post

    03-Jun-2018
  • Category

    Documents

  • view

    218
  • download

    0

Embed Size (px)

Transcript of 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 [email protected] 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( [email protected] 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 [email protected] 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 [email protected] 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 [email protected] tenemoscreada nuestra 7o5a de estilos podemos [email protected] a editarla(

    Pero antes de nada 6amos a ec7ar un [email protected] 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 [email protected] 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 [email protected] 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 [email protected] : 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 [email protected] 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 >[email protected] : 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 [email protected] 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 [email protected] 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 [email protected] 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 [email protected] 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 [email protected] 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 [email protected] :

    >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/