{"id":934,"date":"2010-12-23T14:32:32","date_gmt":"2010-12-23T13:32:32","guid":{"rendered":"https:\/\/blogs.ua.es\/observatoriotic\/?p=934"},"modified":"2010-12-23T14:35:00","modified_gmt":"2010-12-23T13:35:00","slug":"tablas-combinadas-en-wimba-create","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/observatoriotic\/2010\/12\/23\/tablas-combinadas-en-wimba-create\/","title":{"rendered":"Tablas combinadas en Wimba Create"},"content":{"rendered":"

Una de las principales limitaciones de Wimba Create es la imposibilidad de utilizar tablas con celdas combinadas.<\/strong> Claro que podr\u00edamos intentar usar tablas sencillas pero, \u00bfes esto realmente una soluci\u00f3n? En mi opini\u00f3n, no lo es, ya que en muchas ocasiones es necesario utilizar celdas combinadas por cuestiones de comprensibilidad y, por qu\u00e9 no, de dise\u00f1o.<\/p>\n

La primera soluci\u00f3n que nos puede venir a la cabeza es pegar la tabla como imagen<\/strong>, una vez que est\u00e9 a nuestro gusto. No me gusta esta soluci\u00f3n porque la imagen no deja de ser un elemento est\u00e1tico, es decir, \u00bfqu\u00e9 pasa si nos hemos equivocado y queremos modificar la tabla? Pues, que tenemos que crear la tabla de nuevo, con los cambios que queramos y volver a generar la imagen.<\/p>\n

Una recomendaci\u00f3n, si decid\u00eds usar este m\u00e9todo, consiste en mantener la tabla original en el documento de word, justo al principio del mismo, antes de cualquier elemento “cgSection” que pod\u00e1is tener. De esta manera, podr\u00e9is modificar la tabla en vez de crearla desde cero. Al generar el material mediante Wimba Create, probablemente aparezcan algunos mensajes de error relativos a las celdas combinadas pero, finalmente, se generar\u00e1 el HTML sin problemas. En cualquier caso, tras cada modificaci\u00f3n hay que realizar el proceso de convertir la tabla a imagen y esto, adem\u00e1s, puede causar una p\u00e9rdida de calidad en los textos (dependiendo del m\u00e9todo que utilicemos para pasar la tabla a imagen).<\/p>\n

La soluci\u00f3n que proponemos es algo m\u00e1s compleja, pero permite que la tabla se regenere autom\u00e1ticamente cada vez que generemos el material y, adem\u00e1s, manteniendo el estilo de tablas del esquema que estemos utilizando en cada momento. Este m\u00e9todo consiste en crear la tabla con c\u00f3digo HTML y, posteriormente, aplicar el estilo de Wimba Create “cgHTMLInclude”.<\/strong><\/p>\n

\n

Una de les principals limitacions de Wimba Create \u00e9s la impossibilitat d’utilitzar taules amb cel\u00b7les combinades. <\/strong>Clar que podr\u00edem intentar usar taules senzilles per\u00f2, \u00e9s a\u00e7\u00f2 realment una soluci\u00f3? Al meu entendre, no ho \u00e9s, ja que en moltes ocasions \u00e9s necessari utilitzar cel\u00b7les combinades per q\u00fcestions de comprensibilitat i, per qu\u00e8 no, de disseny.<\/p>\n

La primera soluci\u00f3 que ens pot venir al capdavant \u00e9s pegar la taula com a imatge<\/strong>, una vegada que estiga al nostre gust. No m’agrada aquesta soluci\u00f3 perqu\u00e8 la imatge no deixa de ser un element est\u00e0tic, \u00e9s a dir, qu\u00e8 passa si ens hem equivocat i volem modificar la taula? Doncs, que hem de crear la taula de nou, amb els canvis que vulguem i tornar a generar la imatge.<\/p>\n

Una recomanaci\u00f3, si decidiu usar aquest m\u00e8tode, consisteix a mantenir la taula original en el document de word, just al principi del mateix, abans de qualsevol element “cgSection” que pugueu tenir. D’aquesta manera, podreu modificar la taula en comptes de crear-la des de zero. En generar el material mitjan\u00e7ant Wimba Create, probablement apareguen alguns missatges d’error relatius a les cel\u00b7les combinades per\u00f2, finalment, es generar\u00e0 l’HTML sense problemes. En qualsevol cas, despr\u00e9s de cada modificaci\u00f3 cal realitzar el proc\u00e9s de convertir la taula a imatge i a\u00e7\u00f2, a m\u00e9s, pot causar una p\u00e8rdua de qualitat en els textos (depenent del m\u00e8tode que utilitzem per a passar la taula a imatge).<\/p>\n

La soluci\u00f3 que proposem \u00e9s una mica m\u00e9s complexa, per\u00f2 permet que la taula es regenere autom\u00e0ticament cada vegada que generem el material i, a m\u00e9s, mantenint l’estil de taules de l’esquema que estiguem utilitzant a cada moment. Aquest m\u00e8tode consisteix a crear la taula amb codi HTML i, posteriorment, aplicar l’estil de Wimba Create “cgHTMLInclude”.<\/strong><\/p>\n

<\/p>\n

<\/a><\/p>\n

cas val<\/a> foro<\/a><\/strong><\/p>\n

Para empezar, veremos cual es la estructura de una tabla sencilla en HTML. Las tablas vienen definidas por las etiquetas <table> <\/table><\/strong>, de modo que entre estas dos etiquetas o tags<\/em>, definiremos la estructura y los contenidos de la tabla.<\/p>\n

La estructura de la tabla es jer\u00e1rquica y se define fila a fila y celda a celda, empezando por la parte superior izquierda. Las etiquetas utilizadas para definir una fila son <tr> <\/tr><\/strong> y, entre ellas se definen las celdas mediante <td> <\/td><\/strong>. A su vez, entre las etiquetas de las celdas se introduce el contenido.<\/p>\n

Aunque no es nuestro objetivo, dar formato a la tabla, vamos a establecer \u00fanicamente el grosor del borde para que podamos distinguir los l\u00edmites de las celdas de una manera m\u00e1s clara. Las propiedades o atributos de la tabla (y de las celdas) se pueden especificar dentro de la etiqueta de apertura, siguiendo una estructura del tipo: propiedad=”valor”<\/strong>. Por ejemplo, para indicar que el borde de la tabla tenga 1 p\u00edxel de grosor, tendremos que escribir <table border=”1″><\/strong>.<\/p>\n

El c\u00f3digo de una tabla con 2 filas y 2 columnas ser\u00eda el siguiente:
\n<\/a><\/p>\n

\n
<table<\/span> border=<\/span>\"1\"<\/span>><\/span>\r\n\t<tr>\r\n\t\t<td><\/span>Texto de la columna 1, fila 1.<\/td>\r\n\t\t<td><\/span>Texto de la columna 2, fila 1.<\/td><\/span>\r\n\t<\/tr>\r\n\r\n\t<tr>\r\n\t\t<td><\/span>Texto de la columna 1, fila 2.<\/td>\r\n                <td><\/span>Texto de la columna 2, fila 2.<\/td>\r\n\t<\/tr>\r\n<\/table><\/span><\/pre>\n<\/div>\n
Para a\u00f1adir una fila al final de la tabla, copiar\u00edamos y pegar\u00edamos un bloque <tr><\/strong> detr\u00e1s del \u00faltimo que haya (justo antes de la etiqueta de cierre de la tabla). Por supuesto que podemos a\u00f1adir la nueva fila en cualquier posici\u00f3n. Simplemente tenemos que llevar cuidado de no pegar el c\u00f3digo de la fila dentro de otra fila, o lo que es lo mismo, debemos crear la nueva fila despu\u00e9s de una etiqueta <\/tr><\/strong> de cierre de fila.<\/p>\n
La tabla, tal cual la veremos en el navegador se\u00a0 muestra a continuaci\u00f3n.<\/p>\n\n\n\n\n
Texto de la columna 1, fila 1.<\/td>\nTexto de la columna 2, fila 1.<\/td>\n<\/tr>\n
Texto de la columna 1, fila 2.<\/td>\nTexto de la columna 2, fila 2.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Siguiendo con la explicaci\u00f3n, la siguiente cuesti\u00f3n a resolver es: \u00bfc\u00f3mo combinamos 2 celdas en una? Para ello tenemos que utilizar las propiedades de las celdas “rowspan<\/em>” y “colspan<\/em>“.<\/p>\n