Crear un libro

Editar contenidos con los editores de texto y visual

Cuando escriba y edite su libro en Pressbooks, puede elegir entre un «Editor Visual» por defecto que muestra su contenido con gran parte del estilo y el formato que ha aplicado o un «Editor de Texto» que muestra la estructura HTML completa de su contenido sin ningún CSS aplicado.

Utilizar el editor visual

El editor visual es el editor por defecto. Es una interfaz WYSIWYG (What You See Is What You Get) que le permite ver el estilo y el formato a medida que se aplican. Esta interfaz también incluye una barra de herramientas en la parte superior del editor. La barra de herramientas del editor visual muestra por defecto todas las opciones de formato. Puedes contraer la segunda y tercera filas de herramientas haciendo clic en el botón de alternancia de la barra de herramientas (Mayúsculas + Alt + Z) y puedes pasar a un «modo de escritura sin distracciones» pulsando «Mayúsculas + Alt + W».

Para cambiar el enfoque a la barra de herramientas en línea cuando se selecciona una imagen, un enlace o una vista previa, pulse «Alt + F8`» (fn + F8 en un Mac); para cambiar el enfoque al menú del editor visual, pulse «Alt + F9» (fn + F9 en un Mac); para cambiar el enfoque a la barra de herramientas del editor visual, pulse «Alt + F10» (fn + F10 en un Mac); y para cambiar el enfoque a la ruta de elementos, pulse «Alt + F11» (fn + F11 en un Mac). También puedes ver un conjunto de atajos de teclado para varias teclas del editor visual pulsando ‘Shift + Alt + H’.

Visual editor toolbar with tools numbered

Opciones de la barra de herramientas visual:

Fila superior:

  1. Menú desplegable de estilos de párrafo: elija entre el estilo de párrafo normal (Mayúsculas + Alt + 7), seis estilos de encabezamiento diferentes (Mayúsculas + Alt + 1-6) o texto preformateado
  2. Negrita (Ctrl + B)
  3. Cursiva (Ctrl + I)
  4. Lista desordenada (con viñetas) (Mayúsculas + Alt + U)
  5. Lista ordenada (numerada) (Mayúsculas + Alt + O)
  6. Cita en bloque (Mayúsculas + Alt + Q)
  7. Alineación a la izquierda (Mayúsculas + Alt + L)
  8. Alineación central (Mayúsculas + Alt + C)
  9. Alineación a la derecha (Shift + Alt + R)
  10. Enlace (Ctrl + K)
  11. Leer más (Mayúsculas + Alt + T)
  12. Cambio de la barra de herramientas (Mayúsculas + Alt + Z)

Segunda fila:

  1. Menú desplegable de Formatos: elija entre varias opciones de sangría y seguimiento del texto, así como opciones de pullquote
  2. Menú desplegable de cuadros de texto: elija entre una variedad de cuadros de texto simples o cuadros de texto educativos prediseñados (lea más aquí)
  3. Subrayado (Ctrl + U)
  4. Tachado (Shift + Alt + D)
  5. Línea horizontal
  6. Justificar (Shift + Alt + J)
  7. Color del texto
  8. Color de fondo del texto
  9. Pegar como texto
  10. Borrar formato
  11. Carácter especial
  12. Disminuir la sangría
  13. Aumentar la sangría
  14. Deshacer (Ctrl + Z) y Rehacer (Ctrl + Y)
  15. Guía de atajos de teclado (Shift + Alt + H)

Fila inferior:

  1. Tablas (lea más aquí)
  2. Aplicar clase
  3. Anclar
  4. Superíndice
  5. Subíndice
  6. Código (Shift + Alt + X)
  7. Nota al pie de página[1].
  8. Convertir notas a pie de página de Microsoft Word
  9. Código corto de LaTeX
  10. Glosario Término

Puede resaltar una sección del contenido existente y, a continuación, hacer clic en una herramienta de la barra de herramientas para añadir formato a esa sección. También puede seleccionar primero la herramienta y luego añadir el nuevo contenido con formato.

Utilizar el editor de texto

También puede elegir trabajar en un editor de texto, o cambiar a él según sea necesario (para limpiar el HTML desordenado, por ejemplo). El editor de texto le permite ver y editar directamente el contenido HTML de su libro como HTML.

Opciones del editor de texto

La barra de herramientas del editor de texto ofrece menos opciones, adaptadas al trabajo en HTML. Ninguno de los botones del editor HTML tiene atajos de teclado, pero su funcionalidad se detalla a continuación.

The text editor and its toolbar

  1. Abrir y cerrar las etiquetas <strong> para poner el texto en negrita (haga clic una vez para abrir y otra para cerrar la etiqueta)
  2. Abrir y cerrar las etiquetas <em> para poner el texto en cursiva
  3. Insertar texto de enlace (aparecerá una ventana emergente)
  4. Insertar etiquetas <blockquote> para hacer que el texto esté en cursiva
  5. Tachar texto (etiquetas <del>)
  6. Insertar una etiqueta de fecha/hora
  7. Insertar una imagen (desde la URL)
  8. Insertar una lista no ordenada (con viñetas)
  9. Insertar una lista ordenada (numerada)
  10. Añadir un elemento de la lista
  11. Abrir y cerrar etiquetas <code>
  12. Insertar una etiqueta ‘Leer más’ (<!--más-->)
  13. Cerrar etiquetas (cierra automáticamente cualquier etiqueta abierta)
  14. Insertar un shortcode de nota a pie de página

Conceptos básicos de HTML

Pressbooks ha sido diseñado para facilitar la creación de libros web atractivos y la exportación de archivos sin necesidad de saber mucho sobre diseño de libros o desarrollo web. Sin embargo, nuestra capacidad para hacerlo está limitada en muchos aspectos por la calidad del «marcado» subyacente en su libro. Pressbooks utiliza el lenguaje de marcas de hipertexto [HTML por sus siglas en inglés] para proporcionar el contenido y la estructura de su libro y las hojas de estilo en cascada (CSS por sus siglas en inglés) para aplicar los estilos que controlan la apariencia de su libro web y los archivos de exportación. No necesitas saber HTML o CSS para usar Pressbooks, pero entender un poco cómo funcionan te ayudará a asegurarte de que tus libros se vean bien cuando los exportes desde Pressbooks.

NOTA: El editor visual de Pressbooks le permite escribir su libro y aplicar varias opciones de estilo sin ver nunca el HTML subyacente de su libro. Sin embargo, si encuentra problemas de formato en su salida, casi siempre se debe a problemas con el marcado subyacente de su libro.

He aquí un breve pasaje de texto con algo de formato:

Hace mucho, mucho tiempo, en una galaxia muy, muy lejana, vivía un buen joven que desconocía varias cosas de su pasado.

Esto es lo que podría escribir en el editor VISUAL de Pressbooks. Pero si mira el editor de TEXTO, verá que la forma en que se logra la cursiva y la negrita es a través del «marcado», o HTML. Así que el marcado de ese texto se ve así:

Hace mucho, <em>largo</em> tiempo, en una galaxia muy, muy lejana, vivía un buen joven <strong>inconsciente</strong> de varias cosas de su pasado.

La <em>etiqueta</em> especifica que un texto debe ir en cursiva. La <strong>etiqueta</strong> especifica que debe ir en negrita.

Un lector que lea un ebook, o un libro impreso, o una página web no verá esas etiquetas. En cambio, se utilizan para indicar al software del libro electrónico, o al navegador, cómo deben verse esas palabras. Además de las etiquetas em y strong, hay un puñado de otras etiquetas HTML básicas que se deben conocer:

nombre de etiqueta utilizado para etiquetas
strong se utiliza para poner el texto en negrita  <strong> o <b>
énfasis se utiliza para poner el texto en cursiva <em> o <i>
cita usado para citar un texto largo, puede usarse por ejemplo para una carta, un poema, etc  <blockquote>
lista con viñetas utilizada para crear una lista con viñetas <ul><li>elemento 1</li><li>elemento 2</li></ul>
lista numerada utilizada para crear una lista numerada <ol>
<li>elemento 1</li>
<li>elemento 2</li>
</ol>
encabezados utilizados para hacer títulos en su documento <h1>, <h2>, <h3></h6>

Aquí hay una versión ampliada del texto de arriba con más etiquetas HTML:

Antecedentes

Hace mucho, mucho tiempo, en una galaxia muy, muy lejana, vivía un buen joven que desconocía varias cosas de su pasado, entre ellas

  • la Fuerza
  • qué hacía su padre
  • cómo usar un sable láser.

Todo eso, sin embargo, estaba a punto de cambiar. Tres cosas estaban a punto de suceder:

  1. descubriría la Fuerza
  2. aprendería a usar un sable de luz, y
  3. conocería a su padre.

La actualización

Mucho después de que este hombre viviera, se hizo una famosa película sobre su vida. La película se rodó en Túnez.

Aquí está ese texto con marcado:

<h3>Antecedentes</h3>
Hace mucho, <em>mucho</em> tiempo, en una galaxia muy, muy lejana, vivía un buen joven que <strong>desconocía</strong> varias cosas de su pasado, entre ellas
<ul>
<li>la Fuerza</li>
<li>qué hacía su padre</li>
<li>cómo usar un sable láser.</li>
</ul>
Todo eso, sin embargo, estaba a punto de cambiar. Tres cosas estaban a punto de suceder:
<ol>
<li>descubriría la Fuerza</li>
<li>aprendería a usar un sable de luz, y</li>
<li>conocería a su padre.</li>
</ol>
<h3>La actualización</h3>
Mucho después de que este hombre viviera, se hizo una famosa película sobre su vida. La película se rodó en Túnez.

Escribir en Markdown

NOTA: Recomendamos encarecidamente guardar los cambios en el contenido existente antes de activar el editor Markdown, ya que los elementos no compatibles se eliminarán al convertir el contenido HTML existente a Markdown.

Los usuarios que prefieran escribir en Markdown pueden hacerlo activando el plugin Parsedown Party en su libro. En las redes en las que este plugin está instalado y los administradores del libro pueden activar los plugins, puedes habilitar un editor Markdown en tu libro haciendo lo siguiente:

  1. Haga clic en Plugins en el menú de la barra lateral izquierda del Escritorio de su libro
  2. Haga clic en Activar en el plugin Parsedown Party
    The Activate link is underneath "Parsedown party" on the Plugins page
  3. Abra el editor visual de un capítulo del libro en el que quiera utilizar Markdown
  4. Haga clic en «Activar» junto a la opción «Markdown» en el menú «Estado y visibilidad«.
    Enable markdown at the bottom of the Status & Visibility menu in the chapter editor interface.

La interfaz del editor visual/de texto será sustituida por un sencillo editor basado en Markdown. Puedes volver a la interfaz del editor visual/de texto por defecto haciendo clic en el botón «Desactivar» junto a la opción «Markdown» en el menú «Estado y visibilidad«.

Nota: El plugin Parsedown Party no está disponible en la red Pressbooks.com. Póngase en contacto con su gestor de red si está creando su libro en otra red Pressbooks y no ve el menú del plugin o el plugin Parsedown Party en su libro.

  1. Este es un ejemplo de nota al pie de página

Este capítulo es una adaptación de Edit Content with the Visual & Text Editors en Pressbooks User Guide por Pressbooks.

Licencia

Icono de Licencia Creative Commons Atribución 4.0 Internacional

Excepto cuando se especifiquen otros términos, Manual de usuario de Libros Multimedia por Pressbooks se distribuye bajo una Licencia Creative Commons Atribución 4.0 Internacional.

Compartir este libro