En este artículo conocerás las funciones del editor de Serlo.
Si quieres aprender a crear contenido, consulta la siguiente página de ayuda: Crea, guarda y edita el contenido.
Si estás editando un artículo, curso o ejercicio, obtendrás una vista de pantalla similar a esta:

(Cada tipo de contenido tiene campos adicionales individuales. Estos se explican en detalle en las páginas de ayuda para ejercicios, artículos y cursos).
1. Barra para el formato de texto 
2. Añadir más elementos (por ejemplo, fotos, tabla, cita, ...)
3. Mover elementos

Formato de texto

Con el editor puedes hacer algo para el formato de texto.

Selecciona el texto que quieres formatear y elige uno de los iconos de la barra negra. Con B escribes en negrilla, con I escribes en cursiva, con Tt puedes elegir entre diferentes tamaños de titulos. Al hacer clic en la A, puede cambiar el color del texto o utilizar las comillas para convertir eltexto en una cita.

Barra
Para crear listas o fórmulas, primero selecciona el botón correspondiente en la barra negra y luego inicia tu lista o fórmula.
Con el símbolo de la cadena puedes establecer vínculos a otros contenidos de Serlo o a páginas externas. Para ello, seleccione el texto con el que deseas enlazar y elije el símbolo de la cadena.
Se abre un nuevo campo. Allí puedes introducir un Serlo-ID para vincular con el contenido de serlo.org, por ejemplo este artículo tiene el siguiente Serlo-ID: /176956
crear vínculos
Otra alterntiva, puedes enlazar con otras páginas introduciendo aquí el URL de la página correspondiente (por ejemplo, https://de.wikipedia.org/wiki/Serlo).
fórmula
Para introducir fórmulas utiliza el símbolo fx fx. Ahora puedes introducir fórmulas de manera visual o con LaTeXLaTeX.
Más información sobre esto encuentras en nuestra página de ayuda de LaTeX.
Para crear párrafos, puede hacer clic en Mayúsculas (Shift) + Enter y saltar a una nueva línea en el campo de texto.

Por otro lado, si sólo haces clic en Enter, se abre un nuevo campo de texto.
ntro, se abre un nuevo campo de texto.
rueda de engranaje
Detrás del símbolo del engranaje se encuentran otras opciones para los elementos individuales. Con un elemento de texto esto es relativamente simple, puesto que aquí sólo puedes duplicar o eliminar.
Ajustes adicionales
Sin embargo con otros elementos como imágenes, aparecen más opciones:
  • describir la imágen,
  • introducir un link,
  • dar un ancho máximo para la imágen,
  • etc.


Añadir más elementos

Símbolo más


Haciendo clic en el símbolo + se pueden añadir otros elementos además de los campos de texto.
¿Acceso directo?

Utilízalo en un campo de texto que dice "buscar herramientas" al principio y te llevará a la opción donde puedes insertar imágenes, videos, u otros elementos.
buscar herramientas

Imágenes

Las imágenes pueden utilizarse de muchas maneras diferentes, por ejemplo, para ilustrar los pasos de la solución, para mostrar una función o para decorar visualmente un contenido.

Selecciona el elemento Imagen para subir las imágenes.
Después de hacer clic en el elemento de la imagen obtendrá la siguiente pantalla:
Ejemplo descripción de la imágen
Seleccionando "Browse..." puedes subir una foto de tu computador.

Alternativamente, puede introducir la dirección de la imagen de una imagen ya cargada en Serlo en el campo de dirección de la imagen.
Para obtener el URL o la dirección de la imagen, sigue el siguiente procedimiento:
  • Tienes el cursor del ratón de tu computador sobre la imagen,
  • haces click en el botón derecho del ratón de tu computador, y aparece un menú,
  • haz click en "copiar dirección de imagen".
  • la información está temporalmente almacenada en tu computador.
En el momento que seleccionas la opción de insertar la imagen, tienes la siguiente pantalla:
  • en el campo de "Imagen URL:" pegas esta información temporalmente almacenada usando las teclas "ctrl" + "v".
Una vez que se sube la imagen, se puede añadir una descripción de la misma, explicando lo que se muestra en la imagen. Esto ayuda a los motores de búsqueda a encontrar el contenido de aprendizaje más fácilmente.

Si ahora haces clic en el símbolo del engranaje junto a la imagen, obtendrás más opciones:

Puedes reemplazar la imagen de nuevo, corregir la descripción de la imagen o establecer un enlace a la imagen.

Si la imagen aparece demasiado grande, también puede reducir el tamaño de la imagen aquí donde dice "Maximum width" escribiendo por ejemplo el número 200 o 100.
Por favor, ten en cuenta que cuando subas imagenes, el tamaño de la imagen no debe exceder los 2 MB. De lo contrario, recibirá un mensaje de error.

Reduce el tamaño de la imagen entonces e inténtalo de nuevo.

Para mayor información sobre las imágenes puedes ver nuestro articulo: Imágenes y gráficos


Contenido multimedia asociado con el texto




Si se quiere colocar una imagen, video o applet de GeoGebra junto a un texto explicativo, se debe seleccionar el elemento "Contenido multimedia asociado con el texto".
Con esta opción puedes introducir un texto en el lado izquierdo y en el lado derecho puedes insertar una imagen, un vídeo o un applet de GeoGebra.
Haciendo clic en la línea vertical, puedes cambiar la división entre el contenido multimedia y el texto. Puedes elegir entre tres proporciones de texto y contenido multimedia:
  • 1:1 - El elemento multimedia y el texto tienen el mismo tamaño.
  • 1:2 - El elemento multimedia es el doble de ancho que el texto.
  • 2:1 - El elemento multimedia es la mitad de ancho que el texto.


Spoiler

Spoiler
si quieres dar a los alumnos información adicional que vaya más allá del alcance de tu contenido, un spoiler es una buena idea.

Un spoiler es una caja que puede ser colapsable hacia fuera y hacia dentro de nuevo.

Para crear un spoiler, seleccione el elemento "Spoiler".
Un spoiler, se ve así:
Si haces clic en el triángulo a la izquierda del título, el spoiler se colapsa hacia adentro o hacia afuera.

Dentro del spoiler puedes - pulsando el símbolo +, puedes añadir texto, imágenes y otros elementos de nuevo
En este momento estás leyendo esta información dentro de un spoiler ;)


Afirmación importante

Una afirmación importante es una buena manera de resaltar una regla importante u otra información relevantes para los estudiantes.

Para añadir una afirmación, haga clic en el elemento "Afirmación importante".
Una afirmación imprortante se ve así:
Se supone que los estudiantes deben recordar algo particularmente bien,
usa este elemento para reforzar esto.


Aplicación GeoGebra

Aplicación GeoGebra
Con un applet de GeoGebra puedes añadir a tu contenido gráficos en movimiento o interactivos. Por ejemplo, se puede mostrar la construcción de una figura geométrica paso a paso o mostrar cómo cambia una función cuando se establecen diferentes valores para sus parámetros.

Para agregar un applet, seleccionar el elemento "Aplicación GeoGebra".
Al seleccionar e insertar una Aplicación GeoGebra, aparece un menú así:
Menú app GeoGebra
inserta el ID de su applet Geogebra.
Este es un ejemplo de un Applet:
GeoGebra
Puedes encontrar información detallada sobre los applets aquí: GeoGebra Applets.


Contenido de Serlo

Contenido Serlo.org
También puedes incluir otros contenidos de Serlo en tu contenido de aprendizaje. Lo haces, por ejemplo, si quieres incluir tareas de una carpeta de ejercicios o un vídeo sobre Serlo en un curso o artículo.

Para ello, seleccione el elemento "serlo.org Contenido".
Para incluir el contenido, necesitas el ID de serlo de este contenido. Escribe esto en el campo con el título "Serlo ID:".


Tablas

Puedes estructurar los datos en tablas.

Para ello, debe seleccionar el elemento de la Tabla.
Las tablas siempre comienzan con una línea de encabezado. Para insertar columnas debes separar el texto o la información con una línea vertical |.
Ejemplo de una tabla:

Pais

Superficie

Capital

Brasil

8.514.877 km²

Brasilia

Argentina

2.792.600 km²

Buenos Aires

México

1.964.375 km²

Ciudad de México

En siguiente ejemplo se puede ver lo que hay que introducir para obtener la tabla que se muestra arriba. Mientras construyes la tabla siempre se puede ver una vista previa del resultado.
Ejemplo construcción de una tabla
También puedes dejar el encabezado vacío si no la necesitas. Se ve así:
Tabla sin encabezado
En las opciones se puede borrar y duplicar la tabla como en el elemento de texto.
Si quieres escribir en negrilla en una tabla, coloca dos asteriscos (**negrilla**) antes y después del texto.

Para la cursiva utilice un asterisco antes y después del texto correspondiente (*cursiva*).

Para integrar las fórmulas en la tabla, escriba las fórmulas como código LaTeX y ponga dos signos de porcentaje antes y después de la fórmula %% x^2+1 %%.
Puede establecer vínculos dentro de las tablas colocando el texto a enlazar entre corchetes y luego introduciendo el enlace entre corchetes, por ejemplo [Link](/123)
Se pueden hacer vínculos tanto para páginas externas como las internas.
formato de texto en la tabla


Otros elementos

También puedes insertar videos en tu contenido.

Para ello, tienes que copiar la URL del vídeo en el campo de entrada.
¡Por favor, asegúrate al integrar los videos de YouTube si están bajo licencia libre!
Insertar un video

El elemento Código fuente permite mapear los lenguajes de programación para que los comandos según el lenguage de código sean de colores y formateados para que coincidan con el lenguaje de programación.

Al pulsar el botón Código, aparece el siguiente campo:
En la parte superior puedes introducir tu código y en el campo "Language" el lenguaje de programación utilizado. También puede elegir si los números de línea deben ser mostrados o no.

Un resultado podría ser así:
El editor entonces convierte el texto de la siguiente manera:
Con la ayuda de un ancla puedes marcar un lugar en tu contenido y luego crear un enlace que te permita saltar directamente a ese lugar en el mismo contenido de aprendizaje o en otro.

Esto se hace de la siguiente manera:
Por ejemplo, en este artículo que estas leyendo se ha colocado un ancla antes del párrafo sobre el formato del texto para poder enlazarlo dentro de este artículo.

Esta ancla la identificas como el ícono de la cadenita antes del título en azúl que dice "Formato de Texto".
Procedimiento:
Primero:
Selecciona la ubicación a la que quieres enlazar directamente en un contenido de aprendizaje y añade el elemento de ancla encima de esta ubicación. Se abrirá un campo con el título Identificador.
En el campo "Identificador" se piensa un nombre con el que se quiere enlazar más tarde con el lugar correspondiente y se escribe en el campo de entrada.
En este ejemplo escribimos "Formato".
Segundo:
Dentro del mismo contenido de aprendizaje, para establecer el vínculo con el identificador creado que llamamos "Formato" anteriormente, tienes que seleccionar el texto que quires convertir en vínculo y selccionar la cadena para que aparece en la barra.
Tercero:
Luego aparece el campo donde escribes la referencia al ancla, utilizando el identificador que escogiste.
El enlace tiene un numeral "#" antes del identificador. Al hacer clic en este enlace saltará al lugar donde colocó el ancla.
Aquí también se pueden insertar citas como alternativa al formato de texto en el elemento de texto.
¡Qué gran página de ayuda al editor en serlo.org!
usuarios ;)


Mover elementos

Para mover elementos individuales, haga clic en los seis puntos junto al elemento y mueva el contenido a otra ubicación. Estos puntos cambian de color a azul para que con el ratón del computdor arrastres el elemento dentro del documento.
Mover elementos

¿Tienes preguntas?

¡Ahora tienes lo necesario para convertirte en un Maestro Editor!
Puede encontrar más ayuda, como consejos para crear artículos, cursos y ejercicios en nuestras páginas de ayuda. 

Si tiene alguna otra pregunta sobre el editor, no dudes en contactarnos en el chat de la comunidad comunitario community.serlo.org en el canal #questions-and-answers.
Comentario Comentarios