Como hacer una tabla en canva
Cómo hacer una tabla en canva
Este blog es para ti si quieres aprender a añadir una tabla en una plantilla de Canva. Tal y como están las cosas en este momento, no puedes insertar o cargar una hoja de cálculo de Excel directamente en Canva. Sin embargo, me gustaría mostrarte cómo resolver fácilmente este problema creando una tabla dentro de Canva. Una vez que hayas aprendido la técnica básica, podrás disfrutar de la personalización de cada plantilla de tabla. Sé creativo con los diferentes elementos de Canva, cambia el color de fondo, sube una foto como fondo y imprime a tu plantilla tu propio estilo visual de marca. Así que esto es lo que vas a aprender -○ cambiar el color de fondo○ añadir una foto de fondoEncontrarás cualquier referencia o sugerencia de herramientas y aplicaciones en la sección de Recursos justo al final de este blog. [Si lo prefieres, puedes ver el tutorial completo en YouTube o seguir las instrucciones paso a paso mientras lo ves].
Entremos en los detalles… 1. Cómo añadir una tabla a una plantilla de CanvaNo importa el tamaño de la plantilla que utilices, depende totalmente de tu proyecto (yo utilicé una plantilla A4 en mi videotutorial). Antes de empezar a crear tu tabla, calcula en un papel cuántas “columnas” y “filas” vas a necesitar para tu tabla. Dado que vas a crear las “celdas” dentro de la tabla, también tendrás que considerar la cantidad de texto que se añadirá a cada una. Esto te ayudará a tener una idea aproximada del tamaño de cada “celda”.
Mesa libre
El editor de contenido enriquecido es el editor WYSIWYG de Canvas que puede utilizarse para crear contenido HTML accesible para imágenes, enlaces, encabezados y tablas. Las siguientes funciones de Canvas utilizan el Editor de contenido enriquecido:
Los usuarios con teclado pueden acceder a las herramientas del editor de contenido enriquecido con estos atajos de teclado del editor Canvas. Incluyen atajos comunes como CONTROL+B (Windows) o COMANDO+B (Mac) para poner el texto en negrita.
Los títulos y subtítulos se utilizan en los documentos más largos para ayudar a los lectores a desarrollar un mapa mental y saltar a diferentes secciones según sea necesario. Los usuarios de un lector de pantalla también pueden hacer uso de los encabezados, pero sólo si están etiquetados semánticamente como tales.
Esto puede hacerse fácilmente en Canvas utilizando “estilos” como Encabezado 2, Encabezado 3, etc. dentro del Editor de Texto Enriquecido. El estilo Párrafo es igualmente importante para permitir que un lector de pantalla lea trozos de texto más pequeños.
Muchos lectores de pantalla, incluyendo JAWS y VoiceOver, dan a los usuarios la opción de leer sólo los enlaces de la página. Es importante que el texto de los enlaces insertados describa un destino específico. Evite términos genéricos como “aquí” y “leer más”.
Índice de Canva
La clase PeriodicTableCanvas permite crear un componente interactivo que muestra la tabla periódica de los elementos. Se puede utilizar como un componente independiente, o integrado en una aplicación cuando se necesita un selector de elementos.
El constructor de PeriodicTableCanvas sólo toma un nombre y una dimensión. El nombre es el id del elemento del <canvas> generado. El parámetro cellDimension es un valor entero para la anchura y la altura de cada celda de la tabla periódica.
No es necesario definir las dimensiones del <canvas> ya que están definidas intrínsecamente por el tamaño de la celda: la anchura es 18 veces la dimensión de la celda mientras que la altura es 10 veces la dimensión de la celda. Se añaden 5 píxeles adicionales como relleno a todos los lados.
Los gráficos por defecto se adhieren al objeto Estilos del lienzo. Para personalizar completamente los gráficos, el PeriodicTableCanvas tiene una función drawCell() que controla la representación de las celdas. Esta función toma tres parámetros, como muestra el siguiente código, un contexto 2D <canvas>, un objeto Styles y un objeto PeriodicCell. El objeto PeriodicCell tiene 4 atributos:
Plantilla de la tabla
Esta sección muestra cómo añadir una tabla de Dataverse como fuente de datos para la aplicación de ejemplo. También puede utilizar un archivo de Excel de un sitio de SharePoint, o OneDrive como fuente de datos; o cualquier otro tipo de fuente de datos de su elección.
Este paso añade las opciones de editar y cancelar el progreso de la edición. La galería que tiene controles de entrada de texto editables por defecto puede estar sujeta a actualizaciones involuntarias. Disponer de una opción de edición explícita, y luego detener la capacidad de edición, garantiza que las ediciones sean siempre las esperadas.
A medida que crecen los datos en la fuente de datos conectada, se hace difícil encontrar una fila específica. Este paso añade la capacidad de búsqueda a la aplicación para filtrar la galería con las palabras clave buscadas, lo que facilita la búsqueda de datos relevantes.
La aplicación de ejemplo está completa con la funcionalidad esperada en este tutorial. Sin embargo, se pueden añadir consideraciones adicionales, como la capacidad de restablecer el control de entrada de texto del filtro, la marca, como el título de la galería y la aplicación, y los detalles del perfil del usuario. También se pueden hacer más cosas, empezar con Add, y configurar los controles en las canvas apps.
Relacionados
Bienvenido, soy Alicia Múñiz. En mi blog encontrarás diversas noticias y novedades para que estés informado.