PDF de programación - Manual de NVU - Capítulo 3: Trabajando con tablas

Manual de NVU

Capítulo 3: Trabajando con tablas – Pág. 1

Manual de NVU

Capítulo 3: Trabajando con tablas

Reconocimiento-NoComercial-CompartirIgual 2.5 España

Realizado por:

○ Julio Ruiz Palmero (Universidad de Málaga) [email protected]
○ José Sánchez Rodríguez (Universidad de Málaga) [email protected]
○ Rafael Palomo López (CEP de Málaga) [email protected]

Usted es libre de:

copiar, distribuir y comunicar públicamente la obra

•
• hacer obras derivadas

Bajo las condiciones siguientes:

Reconocimiento - No comercial - Compartir igual: El material creado por
un artista puede ser distribuido, copiado y exhibido por terceros si se
muestra en los créditos. No se puede obtener ningún beneficio comercial y
las obras derivadas tienen que estar bajo los mismos términos de licencia
que el trabajo original.

Manual de NVU

1. TABLAS

Capítulo 3: Trabajando con tablas – Pág. 2

Son estructuras que permiten organizar la información en la pantalla. Son muy útiles para combinar
texto, imágenes y espacio en blanco en formas que no se pueden llevar a cabo de otro modo. Por
ejemplo, se puede utilizar las tablas para crear columnas de texto, para integrar texto e imágenes,
para crear márgenes amplios o cuadros laterales,...

2. INSERTANDO UNA TABLA

Para insertar una tabla de manera rápida, seleccionaremos la opción de menú Insertar >> Tabla. Se
mostrará una caja de diálogo con varias solapas para establecer las características de la tabla.

También podemos hacer clic en el icono Tabla

mostrándose el mismo cuadro de diálogo

• Rápido: para establecer el número de filas y columnas de forma visual con el ratón.
• Preciso: aquí se puede indicar, en los campos adecuados, el número de filas y de
columnas, así como establecer el ancho total de la tabla en tantos por cien o en
pixels. También se puede indicar el grosor del borde.

• Celda: se establecen las características de la celda, como la alineación vertical y
• Botón Edición avanzada: para establecer opciones avanzadas como atributos

horizontal, el espaciado entre celdas.

HTML, eventos de Javascript, estilos, etc.

Una vez creada la tabla, pueden editarse sus propiedades desde la opción de menú Tabla >>
Propiedades de la tabla. También con el menú contextual, estando situado el cursor dentro de la

Manual de NVU

Capítulo 3: Trabajando con tablas – Pág. 3

tabla se pueden establecer las propiedades a nivel de celda, haciendo clic en Propiedades de celda
de tabla.

Otra forma de establecer el ancho y alto de la tabla es pulsando y arrastrando sobre los recuadros de
control de la tabla, ubicados en las esquinas y los puntos medios.

2.1. INSERTAR O ELIMINAR FILAS Y COLUMNAS

Si se desea añadir filas o columnas (o incluso celdas), puede hacerse desde la opción de menú Tabla
>> Insertar, seleccionando la opción deseada.

• Fila superior: inserta una fila encima de la fila en que está el cursor.
• Fila inferior: inserta una fila debajo de la fila en que está el cursor.
• Columna anterior: inserta una columna a la izquierda de la columna en que está el

cursor.

• Columna posterior: inserta una columna a la derecha de la columna en que está el

cursor.

• Celda anterior: inserta una celda a la izquierda de la celda en que está el cursor.
• Celda posterior: inserta una celda a la derecha de la celda en que está el cursor.

Si se desea eliminar filas o columnas (o incluso celdas), puede hacerse desde la opción de menú
Tabla >> Borrar, seleccionando la opción deseada.

• Tabla: elimina la tabla entera.
• Fila: elimina la fila en que está el cursor.

Manual de NVU

Capítulo 3: Trabajando con tablas – Pág. 4

• Columna: elimina la columna en que está el cursor.
• Celda: elimina la celda en que está el cursor.
• Contenido de la celda: elimina el contenido de la celda, pero no la celda en sí.

Si se desea seleccionar filas, columnas, celdas o la tabla entera, puede hacerse desde la opción de
menú Tabla >> Seleccionar, seleccionando la opción deseada.
También desde el menú contextual (pulsación con el botón secundario del ratón), estando situado el
cursor dentro de la tabla pueden realizarse todas estas acciones.

2.2.UNIR DOS CELDAS

Para unir dos celdas de una tabla, seleccionar las dos celdas a unir y luego seleccionar la opción de
menú Tabla >> Unir celdas. También puede hacerse desde el menú contextual.

2.3.DIVIDIR UNA CELDA EN DOS

Para dividir una celda de una tabla en dos, estando situado en la celda, seleccionar la opción de
menú Tabla >> Dividir celda. También puede hacerse desde el menú contextual.
Dentro de una celda se pueden introducir diversos contenidos: texto, imágenes o incluso otra tabla.
De esta forma pueden anidarse tablas, creando estructuras más complejas.
Si ya hemos trabajado con las tablas en nuestro procesador de texto, no habrá ningún problema
porque poseen las mismas funciones que en dicho programa y sabremos cómo insertar, borrar o
combinar celdas, filas y columnas. Si no domináis el tema os propongo que hagáis previo al
ejercicio de este tema varias tablas y combinéis celdas de forma regular e irregular.

EJEMPLO PRÁCTICO:

Vamos a insertar una tabla en la parte superior de la página (de dos columnas y dos filas) para que
nos quede aproximadamente como lo que sigue.

Manual de NVU

Capítulo 3: Trabajando con tablas – Pág. 5

La fila de arriba la hemos seleccionado las dos celdas y la hemos combinado en una sola. Para ello,
hemos pinchado con el ratón, botón izquierdo y sin soltar arrastrado hasta seleccionar las dos, a
continuación, con el botón derecho hemos elegido la opción Unir celdas seleccionadas.

A continuación escribimos un título referente a las dos imágenes que vamos a insertar a
continuación, una en cada celda y centradas en las mismas.

Hemos dejado los bordes con puntos transparentes para que os guiéis. Lo normal es que el tamaño
de los bordes sea cero (así no se verá la tabla cuando la visualicemos con un navegador. Para
quitarlas hay que ir con el botón derecho a propiedades de tabla y poner a cero el tamaño del borde).