Anterior
Libro
Siguiente

Tablas

Las tablas son un elemento de organización de información en filas y columnas que pueden servir para presentar datos. Ejemplo 1:



Pero también pueden utilizarse para organizar visualmente la apariencia de una página. El siguiente ejemplo se ha realizado aprovechando esta posibilidad. Se ha unido entre sí algunas celdas y se ha escogido la opción de ocultar las líneas de división de las celdas: Ejemplo2

TECNOLOGÍA

BIENVENIDOS

A

MI PÁGINA

Dibujo Técnico

Reglas

Electrónica

Electricidad

Proyectos

Herramientas



Cómo insertar tablas

Podemos hacerlo mediante el menú Insertar --> Tabla... o directamente con el icono de la barra de herramientasboton tabla



Nos aparece una ventana donde podemos elegir el número de filas y columnas que deseamos. Recuerda que:

insertar tabla



Por defecto, el programa ofrece una tabla de 2 filas y dos columnas. La tabla tiene un borde de grosor 1 píxel.






El resultado es el siguiente:







Si no queremos que la tabla ocupe el 100% de la ventana podemos indicar otra anchura (relativa a la ventana en % o absoluta en píxeles)insertar tabla






insertar tablaTambién puede ampliarse o reducirse el tamaño de la tabla manualmente, pinchando y arrastrando con el ratón los cuadrados que aparecen en las esquinas y los centros de los lados. La tabla se alinea por defecto a la izquierda, pero puede cambiarse con el menú, como ya estudiaremos.

Por otra parte, si en el recuadro Borde elegimos 0 píxeles, conseguimos que no se vea el borde al cargarse la página en el navegador. En Composer se observa la diferencia porque el borde es discontinuo de color rojo.insertar tabla

insertar tabla 4


De todas formas, todo esto puede variarse mediante la ventana Propiedades de la tabla... que veremos más adelante.

Cuando rellenes el contenido verás que la anchura de las celdas se ajusta al texto que se escribe dentro.

Al texto que escribas dentro de la tablas puedes aplicarle formato y estilo de letra y párrafo. Para eso hay que seleccionar el texto y aplicarle los formatos deseados.

Ejercicio 18. Insertar tabla

  1. Crea una nueva página en Composer.boton nueva pagina

  2. Escribe el título Tablas y dale formato.

  3. Crea una tabla de 3 columnas y 3 filas y complétala con los datos del ejemplo 1 (ver al principio del apartado Tablas)

  4. Emplea los formatos o estilos de letra y párrafo necesarios para que el texto quede lo más parecido al ejemplo (sólo se ha usado negrita y alineación centrada)

  5. Guarda el resultado con el nombre practica18



Añadir y borrar filas y columnas

Una vez creada la tabla se puede añadir y eliminar filas y columnas fácilmente si es necesario. Para eso tenemos varias opciones:


insertarventana insertar





ventana insertar





modificar tabla 2

ventana insertar









Ejercicio 18b.

Crea una tabla nueva y practica los conocimientos adquiridos:




Combinar celdas

Se trata de unir entre sí dos celdas. La forma de hacerlo es la siguiente:

  1. Se seleccionan las celdas que se van a combinar, pinchando en una y arrastrando el ratón



unir celdas
unir celdas seleccionadas





  1. Se abre el menú contextual, pulsando el botón derecho del ratón sobre el espacio seleccionado y escogiendo la opción Unir celdas seleccionadas

  2. También puede lograrse lo mismo mediante el menú Tabla --> Unir celdas seleccionadas.

unir celdas

El resultado es que desaparece la línea divisoria y las celdas son consideradas una sóla.unir celdas




Existe en el menú (el contextual y el principal de Tabla) una opción para unir una celda en horizontal con la de su derecha. En este caso no hay que seleccionar la celda, basta situarse en ella y elegir esta opción

menú contextual:
menú Tabla:
unir celdas contextual

unir celdas menu




Dividir celdas (deshacer la combinación)

También es posible dividir celdas, pero sólo las que han sido previamente combinadas. Sería más correcto decir que se trata de deshacer la combinación. El proceso es similar:

  1. Se sitúa el cursor en la celda donde vamos a deshacer la divisióndividir celdas


  2. En el menú contextual (botón derecho del ratón) o el menú Tabla se elige Dividir celda.

    El resultado es que tenemos las celdas divididas de la forma original.



Ejercicio 19. Combinar celdas.

  1. Crea una nueva página de Composer

  2. Teclea el título: Combinar celdas y aplícale un estilo

  3. Crea una tabla de 4 filas y 4 columnas.

  4. Combina las celdas de modo que resulte lo siguiente:

  5. Fíjate en la tabla de abajo. Debes crear otra como esa. Sitúate detrás de la que acabas de hacer e inserta una tabla con las filas y columnas necesarias para conseguirlo y haz las combinaciones oportunas.

  6. Guarda el resultado como practica19


Algunas propiedades de la tabla

Color de fondo de la tabla y grosor del borde

Se puede aplicar un color de fondo a toda la tabla y aumentar el grosor del borde.

  1. En el menú Tabla elige Propiedades de la tabla...

propiedades tabla




color fondo tabla




  1. Ahora escoge Color de fondo pinchando en el recuadro que hay a su lado. Se abre una ventana para seleccionar el color deseado.










  2. En la misma ventana Propiedades de la tabla podemos aumentar el grosor del borde, en el recuadro Borde. En el ejemplo siguiente se ha optado por un grosor de 10 píxeles.



  3. Si la tabla no ocupa el 100% de la ventana, se puede hacer que se alinee en el centro o la derecha, en lugar de la izquierda. Todo ello en la misma ventana Propiedades de la tabla en la opción Alineación de la tabla.alineacion tablaelegir alineacion

 

Resultado:




    Ejercicio 20. Atributos de la tabla.

Practica los atributos estudiados aplicando a una tabla un:

Guárdala con el nombre practica20


Atributos de las celdas

Espacios entre celdas

En la misma ventana Propiedades de la tabla se puede hacer que las celdas guarden entre sí una separación. Esto se hace modificando la opción Interlineado.propiedades interlineado

En este ejemplo, el Interlineado se ha marcado en azul.



Relleno entre el texto y el borde de la celda.

En la opción Relleno podemos ampliar el espacio que queda entre el texto o imagen que se inserta en la celda y el borde de la misma, ampliando, por tanto, el tamaño de la celda.propiedades relleno


El ejemplo muestra el efecto del Relleno en la tabla anterior.





Colores de fondo de celda.

Se puede modificar individualmente el color de fondo de cada celda. Esto se puede hacer de muchas formas distintas:

propiedades celda


color fondo






En cualquier caso, el resultado es un recuadro de elección de color similar al de la tabla, donde podemos elegir un color para cada celda.

Ejemplo 3:




Ejercicio 21. Atributos de las celdas

Intenta hacer una tabla como la del ejemplo siguiente, aplicando lo estudiado en los dos últimos apartados:


Guarda el resultado como practica21



Imágenes y enlaces en las celdas

Se puede insertar imágenes dentro de las celdas, de la misma forma que lo hacemos en otro lugar del documento.

alineacion celdaPara alinear el contenido del interior de la celda, puede ser importante modificar este atributo en la ficha Celdas de la ventana Propiedades de la tabla

También se puede utilizar el texto o las imágenes insertadas en las celdas para crear enlaces de todo tipo.

Ejercicio 22. Imágenes y enlaces en tablas

En esta práctica, vamos a intentar realizar una tabla con una aspecto similar a la del Ejemplo2 del principio del apartado Tablas.

La tabla ha de ser original, con contenido e imágenes distintas

Para esto hay que hacer algunos preparativos:

  1. Piensa en los apartados que va a tener la tabla y realiza en papel un boceto de la misma.

  2. Busca imágenes en internet, (por ejemplo en Google – Imágenes) o dibuja tú mismo unos iconos que te sirvan para la página (si los haces tú, recuerda que debes guardarlos en formato gif, jpeg, jpg o png). También puedes obtener imágenes en las págincas de internet, mediante el menú contextual (botón derecho sobre la imagen) escogiendo la opción de Guardar imagen.

  3. Busca direcciones de páginas de internet que puedan servirte como destino de los enlaces

    Una vez hecho esto, ya estás preparado para realizar la práctica:

  4. Abre composer, crea la tabla tal y como la tenías pensada y aplícale los formatos y atributos que desees.

  5. Inserta las imágenes y el texto en las celdas correspondientes

  6. Crea los enlaces que hayas pensado

  7. Guarda el resultado como practica22




Arriba

Anterior
Libro
Siguiente