nuestro trabajo de ELABORACION DE PAGINAS WEB
EQUIPO
LEONARDO BALDERAS LEDEZMA
JOSE DE JESUS COTA CUEVAS
ITZEL NATALY NAVARRO GONZALEZ
GUADALUPE LIZETH VASQUEZ
RUBI MARLENE LINARES REYNA
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
7
1.
2. 7.1 INTRODUCCIÓN
La finalidad de las tablas es presentar una serie de
datos de forma clara y organizada, dividiéndolos en
filas y columnas.
Las tablas están formadas por un conjunto de celdas,
distribuidas en filas y columnas
3. 7.2 INSERTAR UNA TABLA
Para insertar
una tabla
hay que
dirigirse al
menú
insertar, a la
opción
tabla.
4. En la nueva ventana
habrá que especificar el
número de filas y
columnas que tendrá la
tabla, así como el ancho
de tabla.
También se puede
establecer si se
quiere un
encabezado para la
tabla, por ejemplo
Si en una tabla no
para indicar el
indicamos los anchos,
contenido de filas o
estos se ajustarán al
columnas.
contenido.
5. 7.3 RELLENAR CELDAS
Para poder insertar algún elemento en una celda, ya
sea texto o imágenes, simplemente hay que situar el
punto de inserción dentro de la celda deseada
haciendo clic.
6. 7.4 SELECCIONAR ELEMENTOS DE
UNA TABLA
Existen varias formas
de seleccionar una
tabla. Una de ellas es
a través del menú
Modificar estando el
punto de inserción en
la tabla, o
desplegando el menú
contextual de la tabla
al pulsar con el botón
derecho sobre ella. En
ambos casos aparece
la opción Tabla, a
través de la cual se
puede elegir la opción
Seleccionar tabla.
7. 7.5 FORMATO DE TABLA
A través del inspector de propiedades se pueden
modificar los valores que se especificaron al insertar
la tabla. Al mismo tiempo, pueden indicarse otros
como pueden ser el valor Alinear (que permite
alinear la tabla a la izquierda, al centro o a la derecha
de la pantalla), el borde de la (en Col. borde) o los
valores de relleno y espaciado de la celda.
8. Si lo que se selecciona es una celda, o un
conjunto de celdas, el inspector de
propiedades cambia, para permitir
especificar otros valores.
9. 7.6 FORMATOS CSS
Los selectores.
El selector table nos referimos a la tabla completa. Con el
selector tr hacemos referencia a las filas y con el selector
td hacemos referencia a las celdas. Cuando las celdas sean
encabezados, en vez de td, emplearemos el selector th.
10. Propiedades.
Podemos aplicar la mayoría de
propiedades que ya hemos empleado a
las tablas, filas y columnas:
fuente, tamaño, color, imagen de
fondo.
Un estilo muy útil es el que nos permite
centrar la tabla en la página. Para
ello, debemos editar los márgenes
izquierdo y derecho (categoría Cuadro).
11. 7.7 CAMBIAR TAMAÑO DE TABLA Y
CELDAS
El Ancho de una tabla puede ser definido como
Píxeles o como Porcentaje. El tamaño de la tabla a
través del inspector de propiedades estará
especificado por los valores de An (anchura) y Al
(altura). Normalmente sólo se especifica la
anchura, no la altura.
12. 7.8. Añadir y eliminar filas y
columnas
Para insertar una fila o una columna, hay que pulsar
sobre las opciones Insertar fila o Insertar columna.
La fila se inserta sobre la celda o el conjunto de
celdas seleccionadas, mientras que la columna se
inserta a su izquierda.
13. También tenemos una opción más completa, la
opción Insertar filas o columnas.... Al seleccionarla
aparece una nueva ventana, donde es posible
determinar si lo que se insertarán serán filas o
columnas, el número de ellas que se insertará, y la
posición donde se insertarán.
14. Para eliminar una fila o una columna, hay que
posicionar el cursor en la fila o columna a eliminar y
elegir la opción Eliminar fila o Eliminar columna del
menú Tabla.
También se puede seleccionar la fila o columna a
borrar y pulsar la tecla de borrado (Del o Supr)
15. 7.9 Anidar, dividir y combinar celdas
Es posible insertar tablas dentro de las celdas de otras
tablas. A esto se le llama anidar tablas.
Para anidar tablas sólo tienes que posicionar el cursor
en la celda donde quieres insertar la nueva tabla e
insertarla como ya hemos visto.
Si se seleccionan varias celdas pueden combinarse
pulsando sobre el botón del inspector de propiedades
Para dividir una celda hay que pulsar sobre el botón del
inspector de propiedades, o sobre la opción Dividir
celda de la opción Tabla.
16. 7.10 Modos de tabla
Dentro de esta opción podemos
elegir entre Modo estándar o el
Modo de tablas expandidas.
El Modo de tablas expandidas
añade temporalmente relleno y
espaciado de celda a las tablas de
un documento y aumenta los
bordes de las tablas para facilitar
la edición
17. 7.11. Adaptar webs a distintas
resoluciones
Existen dos tendencias principales a la hora de
maquetar (distribuir los elementos) en nuestra
página: el diseño fijo y el diseño elástico.
El diseño fijo especifica las medidas en píxeles. Por lo
que el contenido siempre se mostrará del mismo
tamaño, lo que facilita mucho el diseño. Por contra, se
desaprovecha mucho el espacio en monitores grandes,
o puede aparecer el "scroll" horizontal en monitores
muy pequeños.
18. El diseño elástico especifica las medidas en porcentajes.
Esto hace que el contenido se adapte al tamaño de la
ventana en la que se visualiza, lo que nos permite
aprovecharla completamente. Por contra, en diseños
elaborados, es más complicado hacer que la página no se
descuadre, sobre todo cuando es demasiado ancha o
estrecha.
El tamaño de las tablas puede ser definido en píxeles o en
porcentaje. Cuando el tamaño de la tabla sea definido en
píxeles, la tabla se verá del mismo modo
independientemente del tamaño de la ventana del
navegador. En cambio, cuando el tamaño de la tabla sea
definido en porcentaje, la tabla se ajustará al tamaño del
elemento que la contiene, lo cual implica que el contenido
de la tabla se puede descuadrar.