Insertar tabla

Lee con calma este tutorial es uno de los más extensos y también de los más importante.Venga ánimooo.
Para insertar una tabla haz clic en la ubicación deseada, presionando sobre el botón izquierdo del ratón y a continuación das a la tecla Enter para crear un salto de línea.

En el panel Insertar , haces clic en la pestaña Tabla y presiona sobre el botón

En la ventana que aparece debes indicar número de filas, número de columnas, ancho de la tabla ( puedes ponerlo en píxeles o porcentaje), relleno de celda, espacio de celda y borde VER. En nuestro caso los valores serían

Al dar en aceptar nuestra pantalla nos muestra lo siguiente

Sólo nos queda centrar la tabla, para ello en el panel de Propiedades en el menú desplegable "Alinear", eliges posicion centrada. A esta primera tabla que has creado la llamaremos Tabla A, así que recuerda siempre que me refiera a ella lo haré como "Tabla A". Ahora para que nuestro diseño luzca mejor vamos a introducir otra tabla más , dentro de la "Tabla A", la llamaremos "Tabla B". Ponemos el cursor dentro de la "Tabla A" y damos a insertar Tabla, los valores que pondremos ahora serán:

El resultado será :

Bieeen!!! ya tenemos el diseño base de nuestraa página,ahora a adornarla y ponerla bonita:))

Te dejo aquí el archivo fondo_satinado.jpg por si quieres usar el que yo empleé, aunque también puedes crearlo tu mism@ siguiendo ESTE tutorial. Una vez que lo tengas lo guardas en la carpeta" fondos" y lo nombras fondo_satinado.
Empezaremos cubriendo el espacio entre celdas de la "Tabla B" con el fondo satinado. Recuerda: el espacio entre celdas de una Tabla es el recuadro que la enmarca. Como siempre, primero hay que seleccionar, para seleccionar la tabla, pasaremos el ratón sobre ella, cuando este adopte la forma de una cruz pulsamos con el botón izquierdo. Notaremos que está seleccionada porque aparecerá un recuadro negro sobre ella .

Un vez seleccionada, vamos al panel Propiedades y pulsamos sobre el icono de la carpeta .

Ojo: Si no ves tu Panel de Propiedades idéntico al que te muestro en la captura, pulsa sobre para que se muestre desplegado.
Al pulsar en la carpeta aparece una nueva ventan , en esa ventana buscamos la carpeta"fondos", seleccionamos el archivo fondo_satinado.jpg y damos a Aceptar. En el menú desplegable Relativa a selecionamos la opción Documento.

El resultado sería

Pero como sólo queremos rellenar el especio entre celda (el marco,para entendernos ), cubriremos el resto de la Tabla con el mismo color que le pusimos al fondo de la página #B5B6D7 y así el fondo satinado aparecerá sólo en el marco.

Para seleccionar la parte central de la tabla , ponemos el cursor dentro de ella y pulsamos con el izquierdo del ratón, a la vez que tenemos pulsada la tecla Control. Notaremos que está seleccionada porque aparecerá esa zona con un recuadro en negro.

En la casilla Fnd (en la más pequeña ) ponemos el código del color del fondo de la pagina #B5B6D7, el resultado sería :

Ahora cubriremos el relleno de celda con el fondo glitter, puedes utilizar el mismo que yo utilicé bajándotelo de aquí o haciéndolo tu mism@ siguiendo este Tutorial . Una vez que lo tengas lo guardas dentro de la carpeta "fondos" y lo nombras fondo_glitter
Lo primero ya sabes...seleccionar, pasamos el ratón por encima y cuando este adopte la forma de una flecha en negrita, pulsamos con el botón izquierdo, la zona aparecerá enmarcada en negro:

Una vez hecha la selección vamos al panel Propiedades y pulsamos sobre la carpeta

En la ventana que sale buscas el archivo fondo_glitter.gif al igual que hicimos antes con fondo_satinado.jpg. Asegúrate de que en el menú desplegable Relativo a aparezca seleccionado Documento y por último das a Aceptar

Ahora toca cubrir el espacio entre celdas de la Tabla A (para entendernos ,el marco). Seleccionamos la "Tabla A" como se indica en la captura y pinchamos en la carpeta .

El resultado sería el que vemos a continuación

Alargaremos un poco las tablas para apreciar mejor el resultado, para ello pon el cursor dentro, como te indico en la captura anterior y le das varias veces a la tecla intro para crear saltos de línea . Este sería el resultado.

Por último pondremos color al borde de la "Tabla B". Como siempre que vamos a aplicar algo, primero seleccionamos, en este caso al igual que para el relleno de celda pasamos el ratón sobre la Tabla y cuando este adopte la forma de una flecha en negrita pulsamos sobre el botón izquierdo.

Una vez hecha la selección vamos al Panel Propiedades y pulsamos en la casilla Col. borde, justo en la flechita negra del recuadro , en la Tabla de colores que aparece seleccionasremos el color negro.

 

Y con esto hemos concluido el tutorial referente a Tablas. Ahora si quieres ver como ha quedado tu pagina en el navegador, Pulsa la tecla F12 de tu teclado .

¿¿¿Te gustaa el resultado???, Espero que si.

 

|Inicio |  Bloque1 |Siguiente|



 

©2004 /Tutorial original de Pilar Biurrun Aniceto /todos los Derechos Reservados. Tutorial creado en 2004, revisado y actualizado el 8 de Abril de 2006