TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

6 formas de agregar una tabla en el sitio Weebly

1

Table es una forma sencilla y precisa de expresar el contenido clasificado dentro de un espacio limitado. Por ejemplo, la lista de calificaciones de los estudiantes, la lista de empleados de la organización o una lista de eventos deportivos se pueden mostrar bien usando una tabla en lugar de explicar con un contenido de texto normal. Aunque Weebly introdujo una aplicación gratuita "Simple Table" a través de su App Center, hay muchas formas sencillas de agregar tablas en su sitio Weebly.

¿Cómo agregar una tabla en el sitio Weebly?

En este artículo, exploremos todas las posibilidades de agregar una tabla a su sitio Weebly.

  1. Método HTML
  2. Usando Microsoft Word
  3. Uso de la aplicación Simple Table gratuita de Weebly App Center
  4. Tablas de datos avanzadas con cuadro de búsqueda y paginación
  5. Usando la hoja de cálculo de Google
  6. Insertar código de tabla de otros terceros

Consulte este artículo si está buscando agregar una tabla de precios en Weebly.

1 Usando el método HTML

La etiqueta de tabla HTML es una de las formas más fáciles de crear contenido de tabla sin conexión y pegarlo en su página de Weebly utilizando un elemento de "Código incrustado". Usando HTML estándar

etiquetas, puede crear tablas simples para su sitio. A continuación, se muestra un código de ejemplo para crear una tabla HTML con las siguientes características:

  • El encabezado y la primera columna están resaltados en diferentes colores de fondo
  • Se utilizan diferentes colores de fuente para diferentes celdas
  • El borde de la tabla se utiliza para crear un espacio entre las celdas.
  • La altura de la fila se fija en 30px con el ancho de la tabla se fija en 300px
<table border="3" bordercolor="Skyblue" width="300"> <th height="30" bgcolor="gray"><font color=Yellow>Plan   </font></th> <th height="30" bgcolor="gray"><font color=Yellow>Sites   </font></th> <th height="30" bgcolor="gray"><font color=Yellow>Price (1 Year Plan)</font></th> <tr height="30"> <td bgcolor="silver"><b>Free</b></td> <td><font color=26EB10><b>10</b></font></td> <td><font color=26EB10><b>Free</b></font></td> </tr> <tr height="30"> <td bgcolor="silver"><b>Starter</b></td> <td><font color=26EB10><b>10</b></font></td> <td><font color=26EB10><b>$4.08</b></font></td> </tr> <tr height="30"> <td bgcolor="silver"><b>Pro</b></td> <td><font color=26EB10><b>10</b></font></td> <td><font color=26EB10><b>$8.25</b></font></td> </tr> </table>

Y así es como se verá la tabla en su sitio Weebly:

6 formas de agregar una tabla en el sitio Weebly

Puede personalizar el código anterior para agregar varias columnas y filas según sus requisitos. Puede utilizar el Bloc de notas para crear este código y guardarlo como archivo .html. Abra el archivo .html con cualquier navegador para probar el código antes de usarlo en su sitio Weebly.

Una vez finalizado con su código, pegue el código anterior dentro del elemento "Código incrustado" (HTML personalizado) para ver la tabla en su sitio. Weebly puede restringir el uso de tablas muy grandes de más de unos pocos cientos de filas; en este caso, puede dividir el contenido en varias tablas y usarlo en la misma página.

2 Uso de Microsoft Word

El método HTML anterior es complejo y requiere mucho tiempo para crear una tabla grande y no tiene muchas opciones para crear diferentes tipos de tablas. Aquí viene Microsoft Word, un software de procesamiento de textos multidimensional. Siga las instrucciones a continuación para crear una tabla con Microsoft Word:

  • Abre Microsoft Word, te explicamos con Microsoft Word 2010.
  • Haga clic en la pestaña "Insertar" y luego en el botón "Tabla" para seleccionar el número de filas y columnas para crear una tabla simple.
  • Una vez que haya creado la tabla, haga clic en cualquier celda dentro de la tabla para ver el menú "Herramientas de tabla" que aparece en la parte superior de los otros elementos del menú.
  • Haga clic en la opción "Herramientas de tabla" y personalice su tabla.
  • Una vez que su tabla esté lista, guarde el documento como una página web (.htm o .html)
  • Abra el documento guardado en un Bloc de notas (clic derecho y Abrir con Bloc de notas) y copie el código.
  • Utilice el elemento de código incrustado para pegar el código en su sitio Weebly.

Nota: Algunos temas de Weebly también admiten copiar y pegar la tabla directamente desde Microsoft Word o Excel a su editor de Weebly.

Aquí, por ejemplo, se muestra una tabla de muestra creada con Word 2010 para mostrar las actividades planificadas en un mes calendario.

6 formas de agregar una tabla en el sitio Weebly

3 Aplicación Simple Table de Weebly App Center

La siguiente opción para agregar una tabla en el sitio de Weebly es buscar una aplicación Weebly desde el App Center. Navegue hasta App Center y conecte la aplicación gratuita "Simple Table" disponible en la categoría "Herramientas" a su sitio, luego arrastre y suelte el elemento para agregar tablas a su sitio. Como su nombre lo indica, es una aplicación muy simple para agregar tablas con encabezados y filas. Puede personalizar algunas opciones como la alineación, los colores de fondo y la posición del título.

6 formas de agregar una tabla en el sitio Weebly

Aplicación Weebly Simple Table

4 Widget de tabla de datos avanzada

Las tablas de datos avanzadas utilizan las bibliotecas de JavaScript jQuery y habilitan el cuadro de búsqueda, las opciones de paginación y filtrado para una tabla. Aunque puede necesitar algo de tiempo para agregar y ajustar la tabla en un sitio de Weebly, vale la pena intentarlo. La tabla se verá similar a la siguiente y consulte nuestro artículo dedicado a la creación de una tabla de datos avanzada para el sitio Weebly.

6 formas de agregar una tabla en el sitio Weebly

Tabla de datos avanzados de Weebly

5 Hoja de cálculo de Google

Cuando tiene una tabla enorme con cientos de filas, la opción simple podría ser usar una hoja de cálculo de Google e incrustar el código en su sitio Weebly para compartir la tabla. Hay muchas ventajas al usar la hoja de cálculo de Google, como habilitar la edición de contenido para los usuarios invitados. También puede continuar actualizando el contenido de su cuenta de Google y agregar una hoja completa con múltiples pestañas.

6 generadores de tablas en línea

Aunque crear tablas HTML en Weebly es fácil, es una tarea engorrosa, especialmente para crear tablas de mayor tamaño. Dado que los servicios de Google están bloqueados en muchos países o no está interesado en utilizar la cuenta de Google, puede utilizar herramientas generadoras de tablas en línea. Esto le ayudará a crear un código HTML para usted y copiar / pegar el código dentro del elemento " Código incrustado " en su página de Weebly.

Fuente de grabación: webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More