0
7.1 INTRODUCCIÓNLa finalidad de las tablas es presentar una serie dedatos de forma clara y organizada, dividiéndolos enfil...
7.2 INSERTAR UNA TABLAPara insertaruna tablahay quedirigirse almenúinsertar, a laopcióntabla.
En la nueva ventanahabrá que especificar elnúmero de filas ycolumnas que tendrá latabla, así como el anchode tabla.También...
7.3 RELLENAR CELDASPara poder insertar algún elemento en una celda, yasea texto o imágenes, simplemente hay que situar elp...
7.4 SELECCIONAR ELEMENTOS DE          UNA TABLA Existen varias formas de seleccionar una tabla. Una de ellas es a través d...
7.5 FORMATO DE TABLAA través del inspector de propiedades se puedenmodificar los valores que se especificaron al insertarl...
Si lo que se selecciona es una celda, o unconjunto de celdas, el inspector depropiedades cambia, para permitirespecificar ...
7.6 FORMATOS CSSLos selectores.El selector table nos referimos a la tabla completa. Con elselector tr hacemos referencia a...
Propiedades.Podemos aplicar la mayoría depropiedades que ya hemos empleado alas tablas, filas y columnas:fuente, tamaño, c...
7.7 CAMBIAR TAMAÑO DE TABLA Y            CELDAS El Ancho de una tabla puede ser definido como Píxeles o como Porcentaje. E...
7.8. Añadir y eliminar filas y             columnasPara insertar una fila o una columna, hay que pulsarsobre las opciones ...
También tenemos una opción más completa, laopción Insertar filas o columnas.... Al seleccionarlaaparece una nueva ventana,...
Para eliminar una fila o una columna, hay queposicionar el cursor en la fila o columna a eliminar yelegir la opción Elimin...
7.9 Anidar, dividir y combinar celdasEs posible insertar tablas dentro de las celdas de otrastablas. A esto se le llama an...
7.10 Modos de tablaDentro de esta opción podemoselegir entre Modo estándar o elModo de tablas expandidas.El Modo de tablas...
7.11. Adaptar webs a distintas          resolucionesExisten dos tendencias principales a la hora demaquetar (distribuir lo...
El diseño elástico especifica las medidas en porcentajes.Esto hace que el contenido se adapte al tamaño de laventana en la...
7
Upcoming SlideShare
Loading in...5
×

7

199

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
199
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "7"

  1. 1. 7.1 INTRODUCCIÓNLa finalidad de las tablas es presentar una serie dedatos de forma clara y organizada, dividiéndolos enfilas y columnas.Las tablas están formadas por un conjunto de celdas,distribuidas en filas y columnas
  2. 2. 7.2 INSERTAR UNA TABLAPara insertaruna tablahay quedirigirse almenúinsertar, a laopcióntabla.
  3. 3. En la nueva ventanahabrá que especificar elnúmero de filas ycolumnas que tendrá latabla, así como el anchode tabla.También se puedeestablecer si sequiere unencabezado para latabla, por ejemplo Si en una tabla nopara indicar el indicamos los anchos,contenido de filas o estos se ajustarán alcolumnas. contenido.
  4. 4. 7.3 RELLENAR CELDASPara poder insertar algún elemento en una celda, yasea texto o imágenes, simplemente hay que situar elpunto de inserción dentro de la celda deseadahaciendo clic.
  5. 5. 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.
  6. 6. 7.5 FORMATO DE TABLAA través del inspector de propiedades se puedenmodificar los valores que se especificaron al insertarla tabla. Al mismo tiempo, pueden indicarse otroscomo pueden ser el valor Alinear (que permitealinear la tabla a la izquierda, al centro o a la derechade la pantalla), el borde de la (en Col. borde) o losvalores de relleno y espaciado de la celda.
  7. 7. Si lo que se selecciona es una celda, o unconjunto de celdas, el inspector depropiedades cambia, para permitirespecificar otros valores.
  8. 8. 7.6 FORMATOS CSSLos selectores.El selector table nos referimos a la tabla completa. Con elselector tr hacemos referencia a las filas y con el selectortd hacemos referencia a las celdas. Cuando las celdas seanencabezados, en vez de td, emplearemos el selector th.
  9. 9. Propiedades.Podemos aplicar la mayoría depropiedades que ya hemos empleado alas tablas, filas y columnas:fuente, tamaño, color, imagen defondo.Un estilo muy útil es el que nos permitecentrar la tabla en la página. Paraello, debemos editar los márgenesizquierdo y derecho (categoría Cuadro).
  10. 10. 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.
  11. 11. 7.8. Añadir y eliminar filas y columnasPara insertar una fila o una columna, hay que pulsarsobre las opciones Insertar fila o Insertar columna.La fila se inserta sobre la celda o el conjunto deceldas seleccionadas, mientras que la columna seinserta a su izquierda.
  12. 12. También tenemos una opción más completa, laopción Insertar filas o columnas.... Al seleccionarlaaparece una nueva ventana, donde es posibledeterminar si lo que se insertarán serán filas ocolumnas, el número de ellas que se insertará, y laposición donde se insertarán.
  13. 13. Para eliminar una fila o una columna, hay queposicionar el cursor en la fila o columna a eliminar yelegir la opción Eliminar fila o Eliminar columna delmenú Tabla.También se puede seleccionar la fila o columna aborrar y pulsar la tecla de borrado (Del o Supr)
  14. 14. 7.9 Anidar, dividir y combinar celdasEs posible insertar tablas dentro de las celdas de otrastablas. A esto se le llama anidar tablas.Para anidar tablas sólo tienes que posicionar el cursoren la celda donde quieres insertar la nueva tabla einsertarla como ya hemos visto.Si se seleccionan varias celdas pueden combinarsepulsando sobre el botón del inspector de propiedadesPara dividir una celda hay que pulsar sobre el botón delinspector de propiedades, o sobre la opción Dividircelda de la opción Tabla.
  15. 15. 7.10 Modos de tablaDentro de esta opción podemoselegir entre Modo estándar o elModo de tablas expandidas.El Modo de tablas expandidasañade temporalmente relleno yespaciado de celda a las tablas deun documento y aumenta losbordes de las tablas para facilitarla edición
  16. 16. 7.11. Adaptar webs a distintas resolucionesExisten dos tendencias principales a la hora demaquetar (distribuir los elementos) en nuestrapágina: el diseño fijo y el diseño elástico.El diseño fijo especifica las medidas en píxeles. Por loque el contenido siempre se mostrará del mismotamaño, lo que facilita mucho el diseño. Por contra, sedesaprovecha mucho el espacio en monitores grandes,o puede aparecer el "scroll" horizontal en monitoresmuy pequeños.
  17. 17. El diseño elástico especifica las medidas en porcentajes.Esto hace que el contenido se adapte al tamaño de laventana en la que se visualiza, lo que nos permiteaprovecharla completamente. Por contra, en diseñoselaborados, es más complicado hacer que la página no sedescuadre, sobre todo cuando es demasiado ancha oestrecha.El tamaño de las tablas puede ser definido en píxeles o enporcentaje. Cuando el tamaño de la tabla sea definido enpíxeles, la tabla se verá del mismo modoindependientemente del tamaño de la ventana delnavegador. En cambio, cuando el tamaño de la tabla seadefinido en porcentaje, la tabla se ajustará al tamaño delelemento que la contiene, lo cual implica que el contenidode la tabla se puede descuadrar.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×