Edición de
listas y tablas con AmayaEdición de
listas y tablas con AmayaEn esta página se comentan algunos aspectos de la edición de listas y tablas páginas con Amaya:
Falta contar las opciones de transfomación de tablas mediante el menú Herramientas > Editar tabla.
Los botones 
, 
y 
permiten crear, respectivamente, listas no
ordenadas, listas ordenadas y listas de definición, aunque también se puede
utilizar el menú .
Mientras se está creando una lista, la tecla Return se interpreta de manera distinta, en función de la cantidad de veces que se pulsa. En el modo de edición Texto, ...
Si el cursor se sitúa en el interior de un elemento de una lista y se pulsa la tecla Return repetidas veces, ocurre un proceso similar, pudiéndose llegar a dividir la lista original en dos listas separadas si se pulsa suficientes veces la tecla Return.
Para añadir un elemento de bloque (por ejemplo, un párrafo <p>) en un elemento de una lista, hay que situar el curso al final del elemento, pulsar Ctrl+k y escribir el texto deseado.
Se puede convertir una serie de párrafos en un lista, seleccionando los párrafos con F2 y haciendo clic en el botón de lista correspondiente (o mediante el menú ):
) o en el botón
de lista no ordenada (), cada
párrafo se convierte en un elemento <li> .), el primer párrafo se convierte en un
término (<dt>) y cada uno del resto de
párrafos se convierte en una definición (<dd>).Se puede convertir una lista de un tipo en otro, seleccionando la lista completa con F2 y haciendo clic en el botón de lista correspondiente (o mediante el menú ):
Se puede convertir una lista ordenada o no ordenada en una serie de párrafos, seleccionando la lista completa con F2 y mediante el menú . Una lista de definición no se puede convertir directamente en párrafos, pero sí convertiéndola primero en una lista ordenada o no ordenada.
Si se quiere convertir en párrafo una lista que contiene sublistas, hay que empezar convirtiendo las sublistas.
Volver al principio de la página
Puede crearse una tabla mediante el menú , el botón de creación de tabla
o el atajo de teclado Ctrl+t+t. En la caja de diálogo, se puede
elegir el número de columnas, el número de filas, el grosor del borde exterior
y si el ancho ocupa el 100% del espacio o si se coloca la leyenda (<caption>). Mi consejo es desmarcar siempre la
casilla "Ancho 100%".
En el modo Texto, para crear un párrafo después de una tabla, hay que seleccionar la tabla completa F2 y pulsar Ctrl+k. También se puede seleccionar la tabla completa F2, elegir el menú y a continuación escribir el texto.
En el modo Texto, para crear un párrafo antes de una tabla, hay que seleccionar la tabla completa F2 y pulsar Ctrl+Shift+k. También se puede seleccionar la tabla completa F2, elegir el menú y a continuación escribir el texto.
Al crear un tabla con leyenda en Amaya, el cursor se sitúa en la leyenda. Si se borra la leyenda, se puede añadir nuevamente mediante el menú o el atajo de teclado Ctrl+t+l.
Al crear una tabla en Amaya, ésta se crea con un único <tbody> y sin <thead> o <tfoot>.
Para crear el <thead>, hay que elegir la opción de menú .
Para crear el <tfoot>, hay que elegir la opción de menú .
Para insertar un nuevo <tbody> delante de otro, hay que:
Para añadir un nuevo <tbody> detrás de otro, hay que:
Para borrar cualquier <thead>, <tbody> o <tfoot>, hay que pulsar F2 hasta seleccionar el elemento que se desea borrar y pulsar Borrar o Suprimir.
Para insertar una nueva fila delante de otra fila, hay que seleccionar el cursor en cualquier posición de la fila y:
).Para añadir una nueva fila detrás de otra fila, hay que situar el cursor en cualquier posición de la fila y:
).Para borrar una fila, hay que seleccionar la fila completa con F2 (o mediante el menú o el atajo de teclado Ctrl+t+r) y pulsar Suprimir o Borrar.
Para insertar una nueva columna delante de otra columna, hay que situar el cursor en cualquier posición de la columna y:
).Para añadir una nueva columna detrás de otra columna, hay que situar el cursor en cualquier posición de la columna y:
).Para borrar una columna, hay que seleccionar la columna completa y pulsar Suprimir o Borrar. La columna se puede seleccionar seleccionando con el ratón un par de celdas de la misma columnna y pulsando dos veces F2, o bien mediante el menú o el atajo de teclado Ctrl+t+c.
Al crear una tabla en Amaya, todas las celdas están marcadas con la etiqueta <td>.
Para convertir una celda de datos <td> en una celda de cabecera <th>, hay que situar el cursor en la celda y elegir la opción de menú o utilizar el atajo de teclado Ctrl+t+h.
Para convertir una celda de cabecera <th> en una celda de datos <td>, hay que situar el cursor en la celda y elegir la opción de menú o utilizar el atajo de teclado Ctrl+t+d.
Se pueden convertir varias celdas contiguas seleccionándolas con el ratón y eligiendo la opción de menú o el atajo de teclado correspondiente. También se pueden convertir una fila completa seleccionando con F2 la fila completa y eligiendo la opción de menú o el atajo de teclado correspondiente.
Aunque las tablas XHTML sean rectangulares, es decir, tengan el mismo número de celdas en cada fila, se pueden unir varias celdas horizontal o verticalmente mediante los atributos colspan y rowspan, respectivamente.
Se pueden unir dos o más celdas contiguas horizontalmente, como muestra el siguiente ejemplo:
|
se puede convertir en |
|
||||||||||||||||||
Para unir dos celdas contiguas horizontalmente, hay que situar el cursor en la celda izquierda de las dos que se quieren unir y:
) Para unir dos o más celdas contiguas horizontalmente, hay que seleccionar con el ratón las celdas que se quieren unir y:
) El contenido de las celdas unidas se conserva en la nueva celda (el contenido de cada celda, menos la primera, en un párrafo <p> distinto).
Si se selecciona la celda con F2 y se consulta el atributo colspan en la ventana de Atributos, se puede comprobar que el valor del atributo colspan es el número de celdas unidas horizontalmente.
También se pueden unir dos o más celdas contiguas situando el cursor en la celda izquierda de las celdas que se quieren unir y añadiendo el atributo colspan mediante la ventana de Atributos con el valor deseado.
En caso de introducir manualmente un valor del atributo colspan superior al máximo posible (es decir, superior al número de celdas situadas a la derecha de la celda elegida), Amaya reduce el valor al máximo posible.
Se pueden unir dos o más celdas contiguas verticalmente, como muestra el siguiente ejemplo:
|
se puede convertir en |
|
Para unir dos celdas contiguas verticalmente, hay que situar el cursor en la celda superior de las dos que se quieren unir y:
) Para unir dos o más celdas contiguas verticalmente, hay que seleccionar con el ratón las celdas que se quieren unir y:
) El contenido de las celdas unidas se conserva en la nueva celda (el contenido de cada celda, menos la primera, en un párrafo <p> distinto).
Si se selecciona la celda con F2 y se consulta el atributo rowspan en la ventana de Atributos, se puede comprobar que el valor del atributo rowspan es el número de celdas unidas verticalmente.
También se pueden unir dos o más celdas contiguas situando el cursor en la celda superior de las celdas que se quieren unir y añadiendo el atributo rowspan mediante la ventana de Atributos con el valor deseado.
En caso de introducir manualmente un valor del atributo rowspan superior al máximo posible (es decir, superior al número de celdas situadas por debajo de la celda elegida), Amaya reduce el valor al máximo posible.
Si todas las celdas de una columna tienen el atributo colspan mayor que uno, Amaya reduce todos los valores hasta que alguno sea igual a uno y lo elimina. En particular, si todas las celdas de una columna tienen el mismo valor del atributo colspan, Amaya elimina todos los atributos colspan.
Si todas las celdas de una fila tienen el atributo rowspan mayor que uno, Amaya reduce todos los valores hasta que alguno sea igual a uno y lo elimina. En particular, si todas las celdas de una fila tienen el mismo valor del atributo rowspan, Amaya elimina todos los atributos rowspan.
Se pueden unir cuatro o más celdas contiguas horizontal y verticalmente, como muestra el siguiente ejemplo:
|
se puede convertir en |
|
||||||||||||||||
Para unir cuatro o más celdas contiguas horizontal y verticalmente, se puede ir uniendo celdas como se comenta en los apartados anteriores o directamente seleccionar con el ratón las celdas que se quieren unir y:
) Para dividir celdas anteriormente unidas, hay que situar el cursor en la celda y
) o la
herramienta Reducir extensión vertical (
) Estas acciones reducen respectivamente los atributos colspan y rowspan en una unidad.
La nueva celda se crea sin contenido.
No se pueden dividir celdas que no se hubieran unido anteriormente.
Al crear una tabla, Amaya 11 (y posteriores) añade tantas etiquetas <col /> como columnas tiene la tabla. Esta versión no incluye opciones de menú para crear etiquetas <colgroup>, por lo que la edición de estas etiquetas debe hacerse editando el código fuente de la página.
En versiones anteriores, Amaya permitía editar parcialmente las etiquetas <col /> y <colgroup>, como se comenta a continuación. Esta explicación no es válida para la versión actual de Amaya.
Para insertar una etiqueta <col />, hay que situar el cursor en cualquier elemento de la tabla y elegir la opción de menú . Las nuevas etiquetas se crean a continuación de las anteriores, por lo que hay que definir las columnas de izquierda a derecha.
Nada más crear la etiqueta, se puede dar valor a los atributos (class, span, etc), pero si después de editar otros elementos se quiere modificar los atributos o incluso eliminar la etiqueta <col />, hay que hacerlo en la vista de código fuente o estructura, puesto que no hay forma de seleccionar la etiqueta <col /> en la vista normal.
Amaya permite insertar más etiquetas <col /> que columnas tiene la tabla, aunque no tengan ninguna utilidad.
Para insertar una etiqueta <colgroup>, hay que situar el cursor en cualquier elemento de la tabla y elegir la opción de menú . Las nuevas etiquetas se crean delante de las anteriores, por lo que hay que definir los grupos de columnas de derecha a izquierda.
Nada más crear la etiqueta, se puede dar valor a los atributos (class, span, etc), pero si después de editar otros elementos se quiere modificar los atributos o incluso eliminar la etiqueta <colgroup>, hay que hacerlo en la vista de código fuente, puesto que no hay forma de seleccionar la etiqueta <colgroup> en la vista normal.
Cada grupo de columnas puede contener tantas etiquetas <col /> como se quiera.
Si hay un <colgroup>, todos los <col /> deben estar dentro de algún <colgroup>. En Amaya 9.52, se puede insertar primero un <col /> y luego un <colgroup>, lo que no es válido (ver bug de Amaya 061101-2).
Amaya permite insertar <colgroups> con más <col /> que columnas tiene la tabla, aunque no tengan ninguna utilidad.
Volver al principio de la página
Esta página forma parte del curso "Páginas web HTML / XHTML y hojas de estilo CSS" disponible en http://www.mclibre.org
Esta obra está bajo una licencia de Creative
Commons Reconocimiento-CompartirIgual 3.0 España.