SlideShare una empresa de Scribd logo
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 renglones y 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 en una 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 que ya tienes creado en clase en el cual agregaremos una página adicional
Cambia a la vista de navegación y agrega una página de segundo nivel llamada tablas
Abre la página tablas y cambia el color del fondo
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
En esta caja de diálogo se definen las caracterí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á la tabla

         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


                                         Determina si el texto ajeno a la tabla se muestra alrededor de ella (izquierda o derecha) o no se
         Float
                                         permite (Default)

                                         Define el ancho que tendrá la tabla:
         Specify width                      • 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 el contenido de la celda

         Cell spacing                    Define el ancho de los bordes que existen entre las celdas



                                         Define el alto que tendrá la tabla:
         Specify heigth                     • 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:

                                       Define el ancho del borde que se encuentra alrededor de la tabla. Si no se quiere tener borde se debe
         Size
                                       escribir un 0

         Color                         Define el color de los bordes de la tabla

         Dark border                   Define el color de los bordes inferiores y derechos de la tabla

         Light border                  Define el color de los bordes superiores e izquierdos de la tabla

                                                                                 BACKGROUND
         Propiedad                                                                                     Descripción:

         Color                         Define el color del fondo de la tabla

         Use background                Si se selecciona permite usar una imagen como fondo de la tabla y se debe buscar la dirección del
         picture                       archivo en donde se encuentra la imagen a usar como fondo




¿Cómo agregar renglones a la tabla?
Para agregar renglones se debe realizar lo siguiente:
Coloca el cursor en el renglón donde deseas agregar el nuevo
Haz clic en el menú Table, selecciona la opción Insert y después Rows or columns... aparece la siguiente caja de diálogo:
Selecciona el botón que muestre el elemento que quieres agregar: renglón (rows) o columnas (columns)
Indica cuantos renglones deseas agregar
Selecciona el botón que indica el lugar donde se van a agregar los renglones;    lo mismo para las columnas

Above selection: los renglones se agregan arriba de donde se encuentra el cursor
Below Selection: los renglones se agregan abajo de donde se encuentra el cursor

¿Cómo agregar título a la tabla?
Para agregar un título a la tabla se debe realizar lo siguiente:
Posiciona el cursor en cualquier lugar de la tabla
Haz clic en el menú Table, selecciona la opción Insert, selecciona la opción Caption, aparece el cursor en la parte superior de la tabla para que se escriba el título deseado. Escribe Listado de
productos.
¿Cómo modificar el título de la tabla?
Para modificar el título de la tabla se debe realizar lo siguiente:
Selecciona el título de la tabla
Haz clic en botón derecho del ratón, selecciona la opción Caption Properties, aparece la siguiente caja de diálogo:

Top of table: coloca el título en la parte superior de la tabla
Bottom of table: coloca el título en la parte inferior de la tabla
¿Cómo aplicar un formato predefinido a las tablas?
FrontPage cuenta con un gran número de formatos predefinidos de tablas los cuales permiten crear tablas muy presentables de una manera muy sencilla:
Selecciona la tabla a la que se le deseas aplicar el formato
Haz clic en el menú Table y selecciona la opción Table autoformat... aparece la siguiente ventana:

En la ventana del lado izquierdo llamada Formats aparece una lista con todos los formatos disponibles, en la ventana del lado derecho Preview aparece una vista previa del formato seleccionado.
Si aplicamos el formato Column 2 la tabla quedaría de la siguiente manera:


¿Cómo modificar el ancho de las columnas?
Selecciona la columna a modificar
Coloca el cursor entre la división de una columna con otra hasta que el cursor tome la siguiente forma
Arrastra el cursor hasta que la columna tenga el ancho deseado
¿Cómo modificar la altura de los renglones?
Selecciona el renglón a modificar
Coloca el cursor entre la división de un renglón con el otro hasta que el cursor tome la siguiente forma
Arrastra el cursor hasta que el renglón tenga la altura deseada
¿Cómo unificar el ancho de todos los renglones y la altura de todas las columnas de la tabla?
Además de cambiar el ancho y la altura de renglones y columnas específicas de la tabla, es posible modificar la tabla de modo que todos los renglones y columnas tengan el mismo tamaño.
Selecciona el renglón o la columna a unificar
Selecciona del menú Table la opción:
Distribute Rows Evenly para que todos los renglones de la columna seleccionada de la tabla tengan la misma altura
Distribute Columns Evenly para que todas las columnas del renglón seleccionado de la tabla tengan la misma anchura
FrontPage modifica la tabla de modo que los renglones y las columnas seleccionadas tengan la misma medida.
El manejo de tablas es muy extenso y conforme se utilizan se va aprendiendo nuevas cosas, pero su utilidad es muy grande,                                                                ya
que organizan de una manera lógica la información. Prueba las opciones que incluye el menú Table para que aprendas mas
sobre su manejo.
Tema 2: Manejo de celdas y sus propiedades

En la sección anterior aprendimos a crear tablas, pero existen muchas características que podemos agregar para hacerlas
todavía más presentables. Una celda es el elemento que se forma en la intersección de un renglón y una columna. En esta
sección veremos como manejar las celdas que forman las tablas y sus propiedades.
¿Cómo modificar las propiedades de las celdas?
En ocasiones solo se necesitan realizar cambios a algunas celdas de la tabla, en esas situaciones debemos modificar las
propiedades de las celdas, las cuales afectan únicamente a las celdas seleccionadas.
Para modificar las propiedades de las celdas se deben realizar las siguientes operaciones:
Selecciona las celdas a modificar
Haz clic en el botón derecho del ratón y selecciona la opción Cells Properties y aparece la siguiente caja de diálogo:
En esta caja de diálogo se definen las características que tendrán las celdas que forman la tabla. A continuación se describen brevemente la función de las propiedades más comunes:

                                                                              LAYOUT
Propiedad                                                                                     Descripción

Horizontal
                               Alinea el texto a la izquierda, derecha o al centro de la celda
alignment


Vertical algnment              Alinea el texto arriba, abajo o al centro de la celda


Header cell                    Despliega el contenido de las celdas centradas y en negritas


No wrap                        Impide que el contenido de la celda ocupe más de un renglón

                               Define el ancho de la celda
Specify width                     • In pixels: determina un tamaño fijo del ancho de la celda definido en pixeles
                                  • In percent: define el ancho de la celda como un porcentaje del ancho de la tabla
                               Define la altura de la celda
Specify height                    • In pixels: determina la altura de la celda en un tamaño fijo definido en pixeles
                                  • In percent: define la altura de la celda como un porcentaje de la altura de la tabla

                                                                            BORDERS
Propiedad                                                                                     Descripción
Color                           Define el color del borde de la celda

Light border                    Define el color del borde superior e izquierdo de las celdas

Dark border                     Define el color del borde inferior y derecho de las celdas

                                                                           BACKGROUND
Propiedad                                                                                        Descripción

Color                           Define el color del fondo de la celda

Use bakcground                    si se selecciona permite usar una imagen como fondo de la celda y se debe buscar la dirección del
picture                           archivo en donde se encuentra la imagen a usar como fondo

¿Cómo fusionar celdas?
FrontPage permite juntar o fusionar varias celdas en una. La forma de hacerlo es la siguiente:
Selecciona las celdas a fusionar
Haz clic en el menú Table y selecciona la opción Merge Cells
Por ejemplo, en la siguiente tabla:




Si se fusionan las celdas Ingresos y Egresos la tabla quedaría así:




¿Cómo insertar imágenes en una celda?
Las imágenes se insertan de la misma manera que se insertan en una página, la única diferencia es que al momento de hacerlo dentro de una celda, el tamaño de la celda se modifica de manera
automática para que la imagen se muestre completa. Se puede modificar el tamaño de la imagen para ajustarla con el tamaño de las otras celdas.
Realiza lo siguiente:
Abre el hipervínculo o tabla creada en su página web
Selecciona la tabla creada en clase
Inserta una columna nueva entre la columna 1 y 2
Escribe en el primer renglón la palabra Imagen
Coloca el cursor en la columna imagen del primer modelo
Selecciona del menú Insert la opción Picture from file y escoge una imagen de motocicletas curso 11-01; avines curso 11-02 , zapatos curso 11-03 de las que utilizaste anteriormente.
E ingresalos y dales un precio comercial en otra columna
¿Cómo insertar botones dentro de una celda?
Los botones son elementos muy utilizados en los sitios Web, ya que estos reaccionan a eventos que ocurren cuando utilizas el ratón. Normalmente estos se usan para realizar hipervínculos con
otras páginas.
Los botones se pueden insertar en cualquier parte de las páginas. En esta sección vamos a insertar un botón dentro de una celda de la tabla que se encuentra en la página Productos del sitio y
tabla que ya has creado . Los pasos a seguir son los siguientes.
Abre tusitio web y la pgina tablas (si no lo tienes abierto)
Coloca el cursor en la última celda de la tabla y oprime la tecla de Tab para insertar un renglón nuevo al final de la tabla.
Coloca el cursor en la primera columna del renglón que insertaste.
Selecciona del menú Insert la opción Interactive buttons…
De la lista que aparece en la ventana de Buttons selecciona el botón que más te agrade. Una vista previa del botón aparece en la ventana de Preview.
Escribe en la casilla de Text el nombre que deseas que tenga el botón, en este caso escribiremos: Directorio de Zapatos en México.
En la casilla de link escribe la dirección o URL donde deseas que se vincule el botón. En este ejemplo escribiremos: http://www.directorio.com.mx/zapatos/ que es el sitio que muestra todos los
productores de zapatos en México.

El botón de browse que se encuentra en el lado derecho de la ventana permite realizar hipervínculos a diferentes lugares. Al oprimirlo aparece la siguiente ventana de diálogo:

Los hipervínculos que permite realizar son los siguientes:
Existing File or Web Page: esta opción permite realizar un hipervínculo a un archivo que ya existe o a un sitio Web. Si desea usar este hipervínculo debes escribir la dirección del sitio Web o del
archivo en la casilla de Address que se encuentra en la parte inferior de la ventana.
Place in This Document: esta opción permite hacer un hipervínculo a una página dentro del sitio Web en que nos encontramos. Al seleccionar esta opción aparece la siguiente caja de diálogo:

En la la casilla Text to display que se encuentra en la parte superior de la ventana caja debemos escribir el texto que se desea desplegar en el botón y seleccionar la marca (bookmark) a la que
deseamos vincular el botón. En este ejemplo solo existe la marca Inicio.
Nota: Para poder usar esta opción, debimos marcar con anterioridad la parte del documento a la que deseamos vincular el botón. Este proceso se describe a continuación.
¿Cómo poner una marca (bookmark) en alguna parte del documento?
Un bookmark es una marca que se coloca en alguna parte del documento para identificar dicho punto. Para poner una marca en alguna parte del documento se realiza lo siguiente:
Coloca el cursor en la parte del documento donde deseas agregar la marca.
Selecciona del menú Insert la opción Bookmark
Escribe un nombre que identifique la marca en la casilla Bookmark name. En este ejemplo dice Inicio.
Oprime el botoón de Ok.
Aparece una marca representada por una bandera similar a la siguiente: en el punto donde se encuentra el cursor. Esta marca solo es visible mientras estamos en la fase desarrollo, cuando el sitio
es publicado es invisible para el usuario.

E-mail Address: esta opción permite hacer un hipervínculo a una dirección de correo. Al seleccionar esta opción aparece la siguiente caja de diálogo:

En esta ventana debemos escribir la dirección de correo al que se desea vincular el botón en la casilla E-mail address y el título del mensaje en la casilla de Subject.
                                                                                    ¿Cómo modificar las propiedades de la letra del botón?
                                                                                    Para modificar las propiedades de la letra del botón se deben realizar los siguientes pasos:
                                                                                    Colocar el cursor encima del botón y oprimir el botón derecho del ratón para que aparezca el menú alterno.
                                                                                    Seleccionar la opción Button Properties
                                                                                    Seleccionar la pestaña Font de la caja de diálogo y aparece la siguiente ventana:


                                                                                     Prueba las opciones para que veas que realizan cada una de ellas.

                                                                                     ¿Cómo modificar las propiedades de la imagen del botón?
                                                                                     Como se puede apreciar en el botón anterior, el texto no se aprecia completamente, debido a que el botón ya
                                                                                     tiene un tamaño establecido. Si queremos modificar dichos valores debemos modificar sus propiedades. Para
                                                                                     modificar las propiedades de la imagen se debe realizar lo siguiente:
                                                                                     Colocar el cursor encima del botón y oprimir el botón derecho del ratón para que aparezca el menú alterno.
                                                                                     Seleccionar la opción Button Properties
                                                                                     Seleccionar la pestaña Image de la caja de diálogo y aparece la siguiente ventana:
Tabalas

Más contenido relacionado

La actualidad más candente

Tablas
TablasTablas
Manejo de tablas
Manejo de tablasManejo de tablas
Manejo de tablas
Nombre Apellidos
 
Jacquy
JacquyJacquy
Organizacion temática
Organizacion temáticaOrganizacion temática
Organizacion temática
Lilibeth_Sierra
 
13 format de celda
13 format de celda13 format de celda
13 format de celda
Jhonatan Saez
 
Formato de celdas Excel
Formato de celdas ExcelFormato de celdas Excel
Formato de celdas Excel
Jhonatan Saez
 
Tutorial Rhino
Tutorial RhinoTutorial Rhino
Tutorial arc gis
Tutorial arc gisTutorial arc gis
Tutorial arc gis
Monicaidrovo
 
Manejo de tablas
Manejo de tablasManejo de tablas
Manejo de tablas
Andres Vinueza
 
Unidad7
Unidad7Unidad7
Lista de comandos
Lista de comandosLista de comandos
Lista de comandos
Yosito Papito
 
Trabajo de sitemas
Trabajo de sitemasTrabajo de sitemas
Trabajo de sitemas
germandarioyanz
 
MANIPULACION DE CELDAS EXCEL
MANIPULACION DE CELDAS EXCELMANIPULACION DE CELDAS EXCEL
MANIPULACION DE CELDAS EXCEL
mixerboy12
 
Tablas
TablasTablas
Tablas
jerson retiz
 
Operación de paquetes iiippt
Operación de paquetes iiipptOperación de paquetes iiippt
Operación de paquetes iiippt
Lucia Cabrera Herrera
 
Power point 2007 rafael espinosa.s
Power point 2007 rafael espinosa.sPower point 2007 rafael espinosa.s
Power point 2007 rafael espinosa.s
rafaelesp
 
Floorplanner manualespañol
Floorplanner manualespañolFloorplanner manualespañol
Floorplanner manualespañol
Monica coro
 
Presentacion 2007
Presentacion 2007Presentacion 2007
Presentacion 2007
Jizhin
 

La actualidad más candente (18)

Tablas
TablasTablas
Tablas
 
Manejo de tablas
Manejo de tablasManejo de tablas
Manejo de tablas
 
Jacquy
JacquyJacquy
Jacquy
 
Organizacion temática
Organizacion temáticaOrganizacion temática
Organizacion temática
 
13 format de celda
13 format de celda13 format de celda
13 format de celda
 
Formato de celdas Excel
Formato de celdas ExcelFormato de celdas Excel
Formato de celdas Excel
 
Tutorial Rhino
Tutorial RhinoTutorial Rhino
Tutorial Rhino
 
Tutorial arc gis
Tutorial arc gisTutorial arc gis
Tutorial arc gis
 
Manejo de tablas
Manejo de tablasManejo de tablas
Manejo de tablas
 
Unidad7
Unidad7Unidad7
Unidad7
 
Lista de comandos
Lista de comandosLista de comandos
Lista de comandos
 
Trabajo de sitemas
Trabajo de sitemasTrabajo de sitemas
Trabajo de sitemas
 
MANIPULACION DE CELDAS EXCEL
MANIPULACION DE CELDAS EXCELMANIPULACION DE CELDAS EXCEL
MANIPULACION DE CELDAS EXCEL
 
Tablas
TablasTablas
Tablas
 
Operación de paquetes iiippt
Operación de paquetes iiipptOperación de paquetes iiippt
Operación de paquetes iiippt
 
Power point 2007 rafael espinosa.s
Power point 2007 rafael espinosa.sPower point 2007 rafael espinosa.s
Power point 2007 rafael espinosa.s
 
Floorplanner manualespañol
Floorplanner manualespañolFloorplanner manualespañol
Floorplanner manualespañol
 
Presentacion 2007
Presentacion 2007Presentacion 2007
Presentacion 2007
 

Similar a Tabalas

Tabla dwcs5
Tabla dwcs5Tabla dwcs5
Tabla dwcs5
womenandman
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
promoxxi
 
Como hacer tablas
Como hacer tablas Como hacer tablas
Como hacer tablas
Marijo1898
 
Tablas
TablasTablas
Tablas
Tony Montana
 
Guia practica de ms word 3
Guia practica de ms word 3Guia practica de ms word 3
Guia practica de ms word 3
Evelyn Alvarez
 
Guia 03 tablas en word
Guia 03 tablas en wordGuia 03 tablas en word
Guia 03 tablas en word
María C. Plata
 
Noviembre
NoviembreNoviembre
Noviembre
Gorkacip
 
Manual word 06
Manual word 06Manual word 06
Manual word 06
INFORMATICA_FAYN
 
04 Diseño De Presentaciones. Diapositivas De Tabla
04 Diseño De Presentaciones. Diapositivas De Tabla04 Diseño De Presentaciones. Diapositivas De Tabla
04 Diseño De Presentaciones. Diapositivas De Tabla
José M. Padilla
 
5formato de celdas
5formato de celdas5formato de celdas
5formato de celdas
profeluz
 
Tema 02 Informática
Tema 02 InformáticaTema 02 Informática
Tema 02 Informática
ciberayudavirtualplus
 
PSA14_ET_II_Usodeherramientasofimaticas.pdf
PSA14_ET_II_Usodeherramientasofimaticas.pdfPSA14_ET_II_Usodeherramientasofimaticas.pdf
PSA14_ET_II_Usodeherramientasofimaticas.pdf
nellycure10
 
Presetancion Word
Presetancion WordPresetancion Word
Presetancion Word
Marta140
 
Presentacion Word Parte 3
Presentacion Word Parte 3Presentacion Word Parte 3
Presentacion Word Parte 3
Roberto Muñoz Soto
 
Microsoft excel 2003
Microsoft excel 2003Microsoft excel 2003
Microsoft excel 2003
Rosa Padilla
 
Practica 7
Practica 7Practica 7
Practica 7
susanabiebs
 
Bbn
BbnBbn
Manual Excel I Fanny Lopez
Manual Excel I Fanny LopezManual Excel I Fanny Lopez
Manual Excel I Fanny Lopez
Fanny Lopez Valek
 
Caja tabla 20
Caja tabla 20Caja tabla 20
Caja tabla 20
albenromero
 
Microsoft Excel 2003
Microsoft Excel 2003Microsoft Excel 2003
Microsoft Excel 2003Rosa Padilla
 

Similar a Tabalas (20)

Tabla dwcs5
Tabla dwcs5Tabla dwcs5
Tabla dwcs5
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Como hacer tablas
Como hacer tablas Como hacer tablas
Como hacer tablas
 
Tablas
TablasTablas
Tablas
 
Guia practica de ms word 3
Guia practica de ms word 3Guia practica de ms word 3
Guia practica de ms word 3
 
Guia 03 tablas en word
Guia 03 tablas en wordGuia 03 tablas en word
Guia 03 tablas en word
 
Noviembre
NoviembreNoviembre
Noviembre
 
Manual word 06
Manual word 06Manual word 06
Manual word 06
 
04 Diseño De Presentaciones. Diapositivas De Tabla
04 Diseño De Presentaciones. Diapositivas De Tabla04 Diseño De Presentaciones. Diapositivas De Tabla
04 Diseño De Presentaciones. Diapositivas De Tabla
 
5formato de celdas
5formato de celdas5formato de celdas
5formato de celdas
 
Tema 02 Informática
Tema 02 InformáticaTema 02 Informática
Tema 02 Informática
 
PSA14_ET_II_Usodeherramientasofimaticas.pdf
PSA14_ET_II_Usodeherramientasofimaticas.pdfPSA14_ET_II_Usodeherramientasofimaticas.pdf
PSA14_ET_II_Usodeherramientasofimaticas.pdf
 
Presetancion Word
Presetancion WordPresetancion Word
Presetancion Word
 
Presentacion Word Parte 3
Presentacion Word Parte 3Presentacion Word Parte 3
Presentacion Word Parte 3
 
Microsoft excel 2003
Microsoft excel 2003Microsoft excel 2003
Microsoft excel 2003
 
Practica 7
Practica 7Practica 7
Practica 7
 
Bbn
BbnBbn
Bbn
 
Manual Excel I Fanny Lopez
Manual Excel I Fanny LopezManual Excel I Fanny Lopez
Manual Excel I Fanny Lopez
 
Caja tabla 20
Caja tabla 20Caja tabla 20
Caja tabla 20
 
Microsoft Excel 2003
Microsoft Excel 2003Microsoft Excel 2003
Microsoft Excel 2003
 

Más de franciscorugeles1

Acces crear tablas
Acces crear tablasAcces crear tablas
Acces crear tablas
franciscorugeles1
 
Acces crear tablas
Acces crear tablasAcces crear tablas
Acces crear tablas
franciscorugeles1
 
Formulas excel 2014
Formulas excel 2014Formulas excel 2014
Formulas excel 2014
franciscorugeles1
 
Comenzar
ComenzarComenzar
Bases de datos
Bases de datosBases de datos
Bases de datos
franciscorugeles1
 
Francisco rugeles actividad1_mapa_c
Francisco rugeles actividad1_mapa_cFrancisco rugeles actividad1_mapa_c
Francisco rugeles actividad1_mapa_c
franciscorugeles1
 
Historia y partes
Historia y partesHistoria y partes
Historia y partes
franciscorugeles1
 
informatica
informatica informatica
informatica
franciscorugeles1
 
Historia y partes
Historia y partesHistoria y partes
Historia y partes
franciscorugeles1
 
Microsoft power point
Microsoft power pointMicrosoft power point
Microsoft power point
franciscorugeles1
 
Microsoft power point
Microsoft power pointMicrosoft power point
Microsoft power point
franciscorugeles1
 
Renta de hosting y aspectos generales de red
Renta de hosting y aspectos generales de redRenta de hosting y aspectos generales de red
Renta de hosting y aspectos generales de red
franciscorugeles1
 
Publicar el sitio web
Publicar el sitio webPublicar el sitio web
Publicar el sitio web
franciscorugeles1
 
Publicar el sitio web
Publicar el sitio webPublicar el sitio web
Publicar el sitio web
franciscorugeles1
 
Conceptos generales de computación y bases
Conceptos generales de computación y basesConceptos generales de computación y bases
Conceptos generales de computación y bases
franciscorugeles1
 
Conceptos generales de computación y bases
Conceptos generales de computación y basesConceptos generales de computación y bases
Conceptos generales de computación y bases
franciscorugeles1
 
Lab.tablasfrontpage
Lab.tablasfrontpageLab.tablasfrontpage
Lab.tablasfrontpage
franciscorugeles1
 
Manual fron2 parte
Manual fron2 parteManual fron2 parte
Manual fron2 parte
franciscorugeles1
 
Manual fron2 parte
Manual fron2 parteManual fron2 parte
Manual fron2 parte
franciscorugeles1
 
Taller final de power point
Taller final de power pointTaller final de power point
Taller final de power point
franciscorugeles1
 

Más de franciscorugeles1 (20)

Acces crear tablas
Acces crear tablasAcces crear tablas
Acces crear tablas
 
Acces crear tablas
Acces crear tablasAcces crear tablas
Acces crear tablas
 
Formulas excel 2014
Formulas excel 2014Formulas excel 2014
Formulas excel 2014
 
Comenzar
ComenzarComenzar
Comenzar
 
Bases de datos
Bases de datosBases de datos
Bases de datos
 
Francisco rugeles actividad1_mapa_c
Francisco rugeles actividad1_mapa_cFrancisco rugeles actividad1_mapa_c
Francisco rugeles actividad1_mapa_c
 
Historia y partes
Historia y partesHistoria y partes
Historia y partes
 
informatica
informatica informatica
informatica
 
Historia y partes
Historia y partesHistoria y partes
Historia y partes
 
Microsoft power point
Microsoft power pointMicrosoft power point
Microsoft power point
 
Microsoft power point
Microsoft power pointMicrosoft power point
Microsoft power point
 
Renta de hosting y aspectos generales de red
Renta de hosting y aspectos generales de redRenta de hosting y aspectos generales de red
Renta de hosting y aspectos generales de red
 
Publicar el sitio web
Publicar el sitio webPublicar el sitio web
Publicar el sitio web
 
Publicar el sitio web
Publicar el sitio webPublicar el sitio web
Publicar el sitio web
 
Conceptos generales de computación y bases
Conceptos generales de computación y basesConceptos generales de computación y bases
Conceptos generales de computación y bases
 
Conceptos generales de computación y bases
Conceptos generales de computación y basesConceptos generales de computación y bases
Conceptos generales de computación y bases
 
Lab.tablasfrontpage
Lab.tablasfrontpageLab.tablasfrontpage
Lab.tablasfrontpage
 
Manual fron2 parte
Manual fron2 parteManual fron2 parte
Manual fron2 parte
 
Manual fron2 parte
Manual fron2 parteManual fron2 parte
Manual fron2 parte
 
Taller final de power point
Taller final de power pointTaller final de power point
Taller final de power point
 

Tabalas

  • 1. 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 renglones y 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 en una 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 que ya tienes creado en clase en el cual agregaremos una página adicional Cambia a la vista de navegación y agrega una página de segundo nivel llamada tablas Abre la página tablas y cambia el color del fondo 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
  • 2. En esta caja de diálogo se definen las caracterí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á la tabla 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 Determina si el texto ajeno a la tabla se muestra alrededor de ella (izquierda o derecha) o no se Float permite (Default) Define el ancho que tendrá la tabla: Specify width • 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 el contenido de la celda Cell spacing Define el ancho de los bordes que existen entre las celdas Define el alto que tendrá la tabla: Specify heigth • 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
  • 3. BORDERS Propiedad Descripción: Define el ancho del borde que se encuentra alrededor de la tabla. Si no se quiere tener borde se debe Size escribir un 0 Color Define el color de los bordes de la tabla Dark border Define el color de los bordes inferiores y derechos de la tabla Light border Define el color de los bordes superiores e izquierdos de la tabla BACKGROUND Propiedad Descripción: Color Define el color del fondo de la tabla Use background Si se selecciona permite usar una imagen como fondo de la tabla y se debe buscar la dirección del picture archivo en donde se encuentra la imagen a usar como fondo ¿Cómo agregar renglones a la tabla? Para agregar renglones se debe realizar lo siguiente: Coloca el cursor en el renglón donde deseas agregar el nuevo Haz clic en el menú Table, selecciona la opción Insert y después Rows or columns... aparece la siguiente caja de diálogo:
  • 4. Selecciona el botón que muestre el elemento que quieres agregar: renglón (rows) o columnas (columns) Indica cuantos renglones deseas agregar Selecciona el botón que indica el lugar donde se van a agregar los renglones; lo mismo para las columnas Above selection: los renglones se agregan arriba de donde se encuentra el cursor Below Selection: los renglones se agregan abajo de donde se encuentra el cursor ¿Cómo agregar título a la tabla? Para agregar un título a la tabla se debe realizar lo siguiente: Posiciona el cursor en cualquier lugar de la tabla Haz clic en el menú Table, selecciona la opción Insert, selecciona la opción Caption, aparece el cursor en la parte superior de la tabla para que se escriba el título deseado. Escribe Listado de productos. ¿Cómo modificar el título de la tabla?
  • 5. Para modificar el título de la tabla se debe realizar lo siguiente: Selecciona el título de la tabla Haz clic en botón derecho del ratón, selecciona la opción Caption Properties, aparece la siguiente caja de diálogo: Top of table: coloca el título en la parte superior de la tabla Bottom of table: coloca el título en la parte inferior de la tabla ¿Cómo aplicar un formato predefinido a las tablas? FrontPage cuenta con un gran número de formatos predefinidos de tablas los cuales permiten crear tablas muy presentables de una manera muy sencilla: Selecciona la tabla a la que se le deseas aplicar el formato Haz clic en el menú Table y selecciona la opción Table autoformat... aparece la siguiente ventana: En la ventana del lado izquierdo llamada Formats aparece una lista con todos los formatos disponibles, en la ventana del lado derecho Preview aparece una vista previa del formato seleccionado. Si aplicamos el formato Column 2 la tabla quedaría de la siguiente manera: ¿Cómo modificar el ancho de las columnas? Selecciona la columna a modificar Coloca el cursor entre la división de una columna con otra hasta que el cursor tome la siguiente forma Arrastra el cursor hasta que la columna tenga el ancho deseado ¿Cómo modificar la altura de los renglones? Selecciona el renglón a modificar Coloca el cursor entre la división de un renglón con el otro hasta que el cursor tome la siguiente forma Arrastra el cursor hasta que el renglón tenga la altura deseada ¿Cómo unificar el ancho de todos los renglones y la altura de todas las columnas de la tabla? Además de cambiar el ancho y la altura de renglones y columnas específicas de la tabla, es posible modificar la tabla de modo que todos los renglones y columnas tengan el mismo tamaño. Selecciona el renglón o la columna a unificar Selecciona del menú Table la opción: Distribute Rows Evenly para que todos los renglones de la columna seleccionada de la tabla tengan la misma altura Distribute Columns Evenly para que todas las columnas del renglón seleccionado de la tabla tengan la misma anchura FrontPage modifica la tabla de modo que los renglones y las columnas seleccionadas tengan la misma medida. El manejo de tablas es muy extenso y conforme se utilizan se va aprendiendo nuevas cosas, pero su utilidad es muy grande, ya que organizan de una manera lógica la información. Prueba las opciones que incluye el menú Table para que aprendas mas sobre su manejo. Tema 2: Manejo de celdas y sus propiedades En la sección anterior aprendimos a crear tablas, pero existen muchas características que podemos agregar para hacerlas todavía más presentables. Una celda es el elemento que se forma en la intersección de un renglón y una columna. En esta sección veremos como manejar las celdas que forman las tablas y sus propiedades. ¿Cómo modificar las propiedades de las celdas? En ocasiones solo se necesitan realizar cambios a algunas celdas de la tabla, en esas situaciones debemos modificar las propiedades de las celdas, las cuales afectan únicamente a las celdas seleccionadas. Para modificar las propiedades de las celdas se deben realizar las siguientes operaciones: Selecciona las celdas a modificar Haz clic en el botón derecho del ratón y selecciona la opción Cells Properties y aparece la siguiente caja de diálogo:
  • 6. En esta caja de diálogo se definen las características que tendrán las celdas que forman la tabla. A continuación se describen brevemente la función de las propiedades más comunes: LAYOUT Propiedad Descripción Horizontal Alinea el texto a la izquierda, derecha o al centro de la celda alignment Vertical algnment Alinea el texto arriba, abajo o al centro de la celda Header cell Despliega el contenido de las celdas centradas y en negritas No wrap Impide que el contenido de la celda ocupe más de un renglón Define el ancho de la celda Specify width • In pixels: determina un tamaño fijo del ancho de la celda definido en pixeles • In percent: define el ancho de la celda como un porcentaje del ancho de la tabla Define la altura de la celda Specify height • In pixels: determina la altura de la celda en un tamaño fijo definido en pixeles • In percent: define la altura de la celda como un porcentaje de la altura de la tabla BORDERS Propiedad Descripción
  • 7. Color Define el color del borde de la celda Light border Define el color del borde superior e izquierdo de las celdas Dark border Define el color del borde inferior y derecho de las celdas BACKGROUND Propiedad Descripción Color Define el color del fondo de la celda Use bakcground si se selecciona permite usar una imagen como fondo de la celda y se debe buscar la dirección del picture archivo en donde se encuentra la imagen a usar como fondo ¿Cómo fusionar celdas? FrontPage permite juntar o fusionar varias celdas en una. La forma de hacerlo es la siguiente: Selecciona las celdas a fusionar Haz clic en el menú Table y selecciona la opción Merge Cells Por ejemplo, en la siguiente tabla: Si se fusionan las celdas Ingresos y Egresos la tabla quedaría así: ¿Cómo insertar imágenes en una celda?
  • 8. Las imágenes se insertan de la misma manera que se insertan en una página, la única diferencia es que al momento de hacerlo dentro de una celda, el tamaño de la celda se modifica de manera automática para que la imagen se muestre completa. Se puede modificar el tamaño de la imagen para ajustarla con el tamaño de las otras celdas. Realiza lo siguiente: Abre el hipervínculo o tabla creada en su página web Selecciona la tabla creada en clase Inserta una columna nueva entre la columna 1 y 2 Escribe en el primer renglón la palabra Imagen Coloca el cursor en la columna imagen del primer modelo Selecciona del menú Insert la opción Picture from file y escoge una imagen de motocicletas curso 11-01; avines curso 11-02 , zapatos curso 11-03 de las que utilizaste anteriormente. E ingresalos y dales un precio comercial en otra columna ¿Cómo insertar botones dentro de una celda? Los botones son elementos muy utilizados en los sitios Web, ya que estos reaccionan a eventos que ocurren cuando utilizas el ratón. Normalmente estos se usan para realizar hipervínculos con otras páginas. Los botones se pueden insertar en cualquier parte de las páginas. En esta sección vamos a insertar un botón dentro de una celda de la tabla que se encuentra en la página Productos del sitio y tabla que ya has creado . Los pasos a seguir son los siguientes. Abre tusitio web y la pgina tablas (si no lo tienes abierto) Coloca el cursor en la última celda de la tabla y oprime la tecla de Tab para insertar un renglón nuevo al final de la tabla. Coloca el cursor en la primera columna del renglón que insertaste. Selecciona del menú Insert la opción Interactive buttons…
  • 9. De la lista que aparece en la ventana de Buttons selecciona el botón que más te agrade. Una vista previa del botón aparece en la ventana de Preview. Escribe en la casilla de Text el nombre que deseas que tenga el botón, en este caso escribiremos: Directorio de Zapatos en México. En la casilla de link escribe la dirección o URL donde deseas que se vincule el botón. En este ejemplo escribiremos: http://www.directorio.com.mx/zapatos/ que es el sitio que muestra todos los productores de zapatos en México. El botón de browse que se encuentra en el lado derecho de la ventana permite realizar hipervínculos a diferentes lugares. Al oprimirlo aparece la siguiente ventana de diálogo: Los hipervínculos que permite realizar son los siguientes: Existing File or Web Page: esta opción permite realizar un hipervínculo a un archivo que ya existe o a un sitio Web. Si desea usar este hipervínculo debes escribir la dirección del sitio Web o del archivo en la casilla de Address que se encuentra en la parte inferior de la ventana. Place in This Document: esta opción permite hacer un hipervínculo a una página dentro del sitio Web en que nos encontramos. Al seleccionar esta opción aparece la siguiente caja de diálogo: En la la casilla Text to display que se encuentra en la parte superior de la ventana caja debemos escribir el texto que se desea desplegar en el botón y seleccionar la marca (bookmark) a la que deseamos vincular el botón. En este ejemplo solo existe la marca Inicio. Nota: Para poder usar esta opción, debimos marcar con anterioridad la parte del documento a la que deseamos vincular el botón. Este proceso se describe a continuación. ¿Cómo poner una marca (bookmark) en alguna parte del documento? Un bookmark es una marca que se coloca en alguna parte del documento para identificar dicho punto. Para poner una marca en alguna parte del documento se realiza lo siguiente: Coloca el cursor en la parte del documento donde deseas agregar la marca. Selecciona del menú Insert la opción Bookmark Escribe un nombre que identifique la marca en la casilla Bookmark name. En este ejemplo dice Inicio. Oprime el botoón de Ok. Aparece una marca representada por una bandera similar a la siguiente: en el punto donde se encuentra el cursor. Esta marca solo es visible mientras estamos en la fase desarrollo, cuando el sitio es publicado es invisible para el usuario. E-mail Address: esta opción permite hacer un hipervínculo a una dirección de correo. Al seleccionar esta opción aparece la siguiente caja de diálogo: En esta ventana debemos escribir la dirección de correo al que se desea vincular el botón en la casilla E-mail address y el título del mensaje en la casilla de Subject. ¿Cómo modificar las propiedades de la letra del botón? Para modificar las propiedades de la letra del botón se deben realizar los siguientes pasos: Colocar el cursor encima del botón y oprimir el botón derecho del ratón para que aparezca el menú alterno. Seleccionar la opción Button Properties Seleccionar la pestaña Font de la caja de diálogo y aparece la siguiente ventana: Prueba las opciones para que veas que realizan cada una de ellas. ¿Cómo modificar las propiedades de la imagen del botón? Como se puede apreciar en el botón anterior, el texto no se aprecia completamente, debido a que el botón ya tiene un tamaño establecido. Si queremos modificar dichos valores debemos modificar sus propiedades. Para modificar las propiedades de la imagen se debe realizar lo siguiente: Colocar el cursor encima del botón y oprimir el botón derecho del ratón para que aparezca el menú alterno. Seleccionar la opción Button Properties Seleccionar la pestaña Image de la caja de diálogo y aparece la siguiente ventana: