{"id":202,"date":"2016-08-30T18:06:15","date_gmt":"2016-08-30T18:06:15","guid":{"rendered":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/guia\/chapter\/edit-content-with-the-visual-text-editors\/"},"modified":"2021-11-24T20:19:58","modified_gmt":"2021-11-24T20:19:58","slug":"editar-contenidos-con-los-editores-de-texto-y-visual","status":"publish","type":"chapter","link":"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/manual\/chapter\/editar-contenidos-con-los-editores-de-texto-y-visual\/","title":{"raw":"Editar contenidos con los editores de texto y visual","rendered":"Editar contenidos con los editores de texto y visual"},"content":{"raw":"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\u00fan CSS aplicado.\r\n

<\/a>Utilizar el editor visual<\/h1>\r\nEl 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\u00e9n 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\u00f3n de alternancia de la barra de herramientas (May\u00fasculas + Alt + Z) y puedes pasar a un \"modo de escritura sin distracciones\" pulsando \"May\u00fasculas + Alt + W\".\r\n\r\nPara cambiar el enfoque a la barra de herramientas en l\u00ednea 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\u00fa 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\u00e9n puedes ver un conjunto de atajos de teclado para varias teclas del editor visual pulsando 'Shift + Alt + H'.\r\n\r\n\"Visual<\/a><\/span>\r\n

Opciones de la barra de herramientas visual:<\/h2>\r\nFila superior:\r\n
    \r\n \t
  1. Men\u00fa desplegable de estilos de p\u00e1rrafo: elija entre el estilo de p\u00e1rrafo normal (May\u00fasculas + Alt + 7), seis estilos de encabezamiento diferentes (May\u00fasculas + Alt + 1-6) o texto preformateado<\/li>\r\n \t
  2. Negrita<\/strong> (Ctrl + B)<\/li>\r\n \t
  3. Cursiva<\/em> (Ctrl + I)<\/li>\r\n \t
  4. Lista desordenada (con vi\u00f1etas) (May\u00fasculas + Alt + U)<\/li>\r\n \t
  5. Lista ordenada (numerada) (May\u00fasculas + Alt + O)<\/li>\r\n \t
  6. Cita en bloque (May\u00fasculas + Alt + Q)<\/li>\r\n \t
  7. Alineaci\u00f3n a la izquierda (May\u00fasculas + Alt + L)<\/li>\r\n \t
  8. Alineaci\u00f3n central (May\u00fasculas + Alt + C)<\/li>\r\n \t
  9. Alineaci\u00f3n a la derecha (Shift + Alt + R)<\/li>\r\n \t
  10. Enlace<\/a> (Ctrl + K)<\/li>\r\n \t
  11. Leer m\u00e1s (May\u00fasculas + Alt + T)<\/li>\r\n \t
  12. Cambio de la barra de herramientas (May\u00fasculas + Alt + Z)<\/li>\r\n<\/ol>\r\nSegunda fila:\r\n
      \r\n \t
    1. Men\u00fa desplegable de Formatos: elija entre varias opciones de sangr\u00eda y seguimiento del texto, as\u00ed como opciones de pullquote<\/li>\r\n \t
    2. Men\u00fa desplegable de cuadros de texto: elija entre una variedad de cuadros de texto simples o cuadros de texto educativos predise\u00f1ados (lea m\u00e1s aqu\u00ed)<\/a><\/li>\r\n \t
    3. Subrayado<\/span> (Ctrl + U)<\/li>\r\n \t
    4. Tachado<\/del> (Shift + Alt + D)<\/li>\r\n \t
    5. L\u00ednea horizontal<\/li>\r\n \t
    6. Justificar (Shift + Alt + J)<\/li>\r\n \t
    7. Color del texto<\/span><\/li>\r\n \t
    8. Color de fondo del texto<\/span><\/li>\r\n \t
    9. Pegar como texto<\/li>\r\n \t
    10. Borrar formato<\/li>\r\n \t
    11. Car\u00e1cter especial<\/li>\r\n \t
    12. Disminuir la sangr\u00eda<\/li>\r\n \t
    13. Aumentar la sangr\u00eda<\/li>\r\n \t
    14. Deshacer (Ctrl + Z) y Rehacer (Ctrl + Y)<\/li>\r\n \t
    15. Gu\u00eda de atajos de teclado (Shift + Alt + H)<\/li>\r\n<\/ol>\r\nFila inferior:\r\n
        \r\n \t
      1. Tablas (lea m\u00e1s aqu\u00ed<\/a>)<\/li>\r\n \t
      2. Aplicar clase<\/li>\r\n \t
      3. <\/a>Anclar<\/li>\r\n \t
      4. Super\u00edndice<\/li>\r\n \t
      5. Sub\u00edndice<\/li>\r\n \t
      6. C\u00f3digo<\/code> (Shift + Alt + X)<\/li>\r\n \t
      7. Nota al pie de p\u00e1gina[footnote]Este es un ejemplo de nota al pie de p\u00e1gina[\/footnote].<\/li>\r\n \t
      8. Convertir notas a pie de p\u00e1gina de Microsoft Word<\/li>\r\n \t
      9. C\u00f3digo corto de LaTeX<\/li>\r\n \t
      10. Glosario [pb_glossary id=\"2401\"]T\u00e9rmino[\/pb_glossary]<\/li>\r\n<\/ol>\r\nPuede resaltar una secci\u00f3n del contenido existente y, a continuaci\u00f3n, hacer clic en una herramienta de la barra de herramientas para a\u00f1adir formato a esa secci\u00f3n. Tambi\u00e9n puede seleccionar primero la herramienta y luego a\u00f1adir el nuevo contenido con formato.\r\n

        Utilizar el editor de texto<\/h1>\r\nTambi\u00e9n puede elegir trabajar en un editor de texto, o cambiar a \u00e9l seg\u00fan 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.\r\n

        Opciones del editor de texto<\/h2>\r\nLa 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\u00f3n.\r\n\r\n\"The<\/span>\r\n
          \r\n \t
        1. Abrir y cerrar las etiquetas <strong><\/code> para poner el texto en negrita (haga clic una vez para abrir y otra para cerrar la etiqueta)<\/li>\r\n \t
        2. Abrir y cerrar las etiquetas <em><\/code> para poner el texto en cursiva<\/li>\r\n \t
        3. Insertar texto de enlace (aparecer\u00e1 una ventana emergente)<\/li>\r\n \t
        4. Insertar etiquetas <blockquote><\/code> para hacer que el texto est\u00e9 en cursiva<\/li>\r\n \t
        5. Tachar texto (etiquetas <del><\/code>)<\/li>\r\n \t
        6. Insertar una etiqueta de fecha\/hora<\/li>\r\n \t
        7. Insertar una imagen (desde la URL)<\/li>\r\n \t
        8. Insertar una lista no ordenada (con vi\u00f1etas)<\/li>\r\n \t
        9. Insertar una lista ordenada (numerada)<\/li>\r\n \t
        10. A\u00f1adir un elemento de la lista<\/li>\r\n \t
        11. Abrir y cerrar etiquetas <code><\/code><\/li>\r\n \t
        12. Insertar una etiqueta 'Leer m\u00e1s' (<!--m\u00e1s--><\/code>)<\/li>\r\n \t
        13. Cerrar etiquetas (cierra autom\u00e1ticamente cualquier etiqueta abierta)<\/li>\r\n \t
        14. Insertar un shortcode de nota a pie de p\u00e1gina<\/li>\r\n<\/ol>\r\n

          Conceptos b\u00e1sicos de HTML<\/h1>\r\nPressbooks ha sido dise\u00f1ado para facilitar la creaci\u00f3n de libros web atractivos y la exportaci\u00f3n de archivos sin necesidad de saber mucho sobre dise\u00f1o de libros o desarrollo web. Sin embargo, nuestra capacidad para hacerlo est\u00e1 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\u00e9s] para proporcionar el contenido y la estructura de su libro y las hojas de estilo en cascada (CSS por sus siglas en ingl\u00e9s) para aplicar los estilos que controlan la apariencia de su libro web y los archivos de exportaci\u00f3n. No necesitas saber HTML o CSS para usar Pressbooks, pero entender un poco c\u00f3mo funcionan te ayudar\u00e1 a asegurarte de que tus libros se vean bien cuando los exportes desde Pressbooks.\r\n
          NOTA:<\/strong> 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.<\/div>\r\n\r\n\r\nHe aqu\u00ed un breve pasaje de texto con algo de formato:\r\n
          Hace mucho, mucho tiempo, en una galaxia muy, muy lejana, viv\u00eda un buen joven que desconoc\u00eda<\/strong> varias cosas de su pasado.<\/div>\r\n\r\n\r\nEsto es lo que podr\u00eda escribir en el editor VISUAL de Pressbooks. Pero si mira el editor de TEXTO, ver\u00e1 que la forma en que se logra la cursiva<\/em> y la negrita<\/strong> es a trav\u00e9s del \"marcado\", o HTML. As\u00ed que el marcado de ese texto se ve as\u00ed:\r\n
          Hace mucho, <em>largo<\/em> tiempo, en una galaxia muy, muy lejana, viv\u00eda un buen joven <strong>inconsciente<\/strong> de varias cosas de su pasado.<\/code><\/div>\r\n\r\n\r\nLa <em>etiqueta<\/em> especifica que un texto debe ir en cursiva. La <strong>etiqueta<\/strong><\/strong> especifica que debe ir en negrita.\r\n\r\nUn lector que lea un ebook, o un libro impreso, o una p\u00e1gina web no ver\u00e1 esas etiquetas. En cambio, se utilizan para indicar al software del libro electr\u00f3nico, o al navegador, c\u00f3mo deben verse esas palabras. Adem\u00e1s de las etiquetas em y strong, hay un pu\u00f1ado de otras etiquetas HTML b\u00e1sicas que se deben conocer:\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n
          nombre de etiqueta<\/th>\r\nutilizado para<\/th>\r\netiquetas<\/th>\r\n<\/tr>\r\n
          strong<\/td>\r\nse utiliza para poner el texto en negrita<\/td>\r\n\u00a0<strong><\/code> o <b><\/code><\/td>\r\n<\/tr>\r\n
          \u00e9nfasis<\/td>\r\nse utiliza para poner el texto en cursiva<\/td>\r\n<em><\/code> o <i><\/code><\/td>\r\n<\/tr>\r\n
          cita<\/td>\r\nusado para citar un texto largo, puede usarse por ejemplo para una carta, un poema, etc<\/td>\r\n\u00a0<blockquote><\/code><\/td>\r\n<\/tr>\r\n
          lista con vi\u00f1etas<\/td>\r\nutilizada para crear una lista con vi\u00f1etas<\/td>\r\n<ul><li><\/code>elemento 1<\/li><li><\/code>elemento 2<\/li><\/ul><\/code><\/td>\r\n<\/tr>\r\n
          lista numerada<\/td>\r\nutilizada para crear una lista numerada<\/td>\r\n<ol><\/code>\r\n<li><\/code>elemento 1<\/li><\/code>\r\n<li><\/code>elemento 2<\/li><\/code>\r\n<\/ol><\/code><\/td>\r\n<\/tr>\r\n
          encabezados<\/td>\r\nutilizados para hacer t\u00edtulos en su documento<\/td>\r\n<h1><\/code>, <h2><\/code>, <h3><\/code> ... <\/h6><\/code><\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\nAqu\u00ed hay una versi\u00f3n ampliada del texto de arriba con m\u00e1s etiquetas HTML:\r\n
          \r\n

          Antecedentes<\/h3>\r\nHace mucho, mucho<\/em> tiempo, en una galaxia muy, muy lejana, viv\u00eda un buen joven que desconoc\u00eda<\/strong> varias cosas de su pasado, entre ellas\r\n