Diseño De Paginas
Tema 1: Conceptos relacionados al manejo de tablas y sus propiedades
Introducción
Las tablas son elementos de gran ayuda para organizar la información que se presenta en las páginas. Las tablas consisten en un conjunto de celdas organizadas vertical y horizontalmente de tal forma que nos permiten manejar el texto, los hipervínculos y las imágenes en renglonesy columnas que mejoran en gran medida la organización y apariencia de las páginas.
El manejo de las tablas es similar al de un procesador de texto y son muy útiles para presentar información que requiere ser organizada de manera lógica.
Imagina que requieres mostrar información de los precios y existencias de los productos de una empresa, la manera más sencilla de organizar esos datos es enuna tabla con 3 columnas, en donde cada columna represente los datos a presentar como: nombre del producto, precio y existencias.
¿Cómo insertar una tabla y definir sus propiedades?
Para mostrar su aplicación, trabajaremos con el sitio ElZapatito en el cual agregaremos una página adicional que muestre una lista de los modelos, precios y características de todos los zapatos que se producen enla empresa.
1. Abre el sitio ElZapatito
2. Cambia a la vista de navegación y agrega una página de segundo nivel llamada Productos
3. Abre la página Productos y cambia el color del fondo
4. Haz clic en el menú Table y selecciona la opción Insert, selecciona la opción de Table para que aparezca la caja de diálogo Insert Table
[pic]
[pic]
En esta caja de diálogo se definen lascaracterísticas que tendrá la tabla.
A continuación se describen brevemente la función de cada una de ellas:
|SIZE |
|Propiedad |Descripción: |
|Rows |Número de renglones que tendrá latabla |
|Columns |Número de columnas que tendrá la tabla |
|LAYOUT |
|Propiedad |Descripción:|
|Alignment |Alinea la tabla al centro, izquierda o derecha de la ventana |
|Float |Determina si el texto ajeno a la tabla se muestra alrededor de ella (izquierda o derecha) o |
| |no se permite (Default) |
|Specify width |Defineel ancho que tendrá la tabla: |
| |In pixels: determina un tamaño fijo del ancho de la tabla definido en pixeles |
| |In percent: define el ancho de la tabla como un porcentaje de la ventana |
|Cell padding |Define el espacio que existe entre los bordes y elcontenido de la celda |
|Cell spacing |Define el ancho de los bordes que existen entre las celdas |
|Specify heigth |Define el alto que tendrá la tabla: |
| |In pixels: determina la altura de la tabla en un tamaño fijo definido en pixeles |
||In percent: define la altura de la tabla como un porcentaje de la ventana |
|BORDERS |
|Propiedad |Descripción: |
|Size |Define el ancho del...
Regístrate para leer el documento completo.