bgcsvfzv

Todo sobre las Tablas
Las tablas nos van a ayudar enormemente en el diseño de nuestra web. Es raro encontrarse hoy en día una página que no use tablas de una u otra forma. Supongo que todos sabemos que es una tabla, no? Un rectágulo con varias celdas (casillas o apartados) dentro de ella.
Y por que nos van a ser tan útiles? Todos os habréis fijado que al abrir una web con vuestro navegadorhabitual (Netscape, Explorer, etc), la forma en que la veamos depende mucho del tamaño que le demos a la ventana. Es decir, si la encojo o la hago demasiado grande, su diseño puede cambiar tan drásticamente que resulte incómoda de leer en el mejor de los casos. En cambio en otras páginas, los textos y fotografías se van acomodando al tamaño que le demos a la ventana del navegador. Esto puedeconseguirse mediante el uso de tablas.
Para ello, vamos a crear una página ejemplo y vamos a incluir en ella varias tablas con varias celdas cada una. Asignaremos además ciertos tamaños a estas celdas y tablas de modo que se pueda ver bien su contenido sea cual sea el tamaño de la ventana que haya dispuesto el visitante, sin que por ello se nos desordene demasiado nuestro diseño.
Para hacer todo estobien, será necesario conocer algo (muy poco) de HTML y retocar a mano un poco de código. De todas formas ya sabéis que no os dejaré solos/as. Yo os ayudo y veréis como, poco a poco, no solo perderéis el miedo a ese código, sino que lo ireis comprendiendo y aprendiendo.
En primer lugar vamos a crar una nueva página y en ella insertaremos tres tablas, de modo que la cosa quede más o menos delsiguiente modo:
Disposicion de tablas para el ejemplo
Suponed que solo hay tres tablas, la superior, la central y la inferior y que la central la hemos dividido en otras tres tal y como se ve en la figura. Estas tres divisiones del centro serán entonces celdas de la tabla central.
Tál y como os comento en la sección "Alternativa a los Marcos" en la superior podremos incluir un logotipo de nuestra web ysu título; en la inferior la fecha de la última actualización, vuestro nombre y cosas así; y en la central los textos. A ambos lados de la central podremos incluir otras cosillas, como por ejemplo un índice, tal y como podéis ver en esta página que leéis ahora mismo. (Aunque parecen marcos o frames, en realidad no lo son).
Pero basta ya de charla y vamos a ponernos en marcha. Utilizaremos paraesta lección el FrontPage 2.000. Si si, ya se que algunos de vosotros no lo tenéis pero es que no encuentro ningún lagar de donde bajaroslo. Intentaré dar explicaciones también para el FrontPage Express. En la sección "Nociones de HTML" incluiré también como hacerlo "a pelo", es decir, directamente en HTML.
1.- Abrimos el FrontPage 2.000. Pinchamos en "Archivo" + "Nuevo" + "Página..." y escojemos"Página normal".
2.- Ahora pinchamos en "Tabla" +"Insertar" + "Tabla...". Se abrirá la siguiente ventana:
Insertar Tabla
3.- Para crear la tabla superior, elegiremos 1 sola fila y 3 columnas. Expecificar un ancho de 100 en porcentaje. Esto significa que la tabla se verá con un ancho del 100% del tamaño de la ventana que disponga el visitante. Poned "Tamaño del borde" cero para que no se veanlos bordes de la tabla. El resto de opciones podéis cotillearlas vosotros mismos, vale?.
4.- Antes de crear la tabla central vamos a dibujar una línea que separe estas tablas. Más tarde, si no os gusta la podréis quitar. Es solo para separarlas un poco. Esto se hace poniendo el cursor debajo de la tabla recien creada, pulsad sobre "Insertar" y luego en "Línea Horizontal". Aparecerá una líneaseparadora. Para cambiarle el color basta hacer doble clic sobre ella y elegirlo en la ventana que se abre. Si la línea os aparece, no debajo de la tabla, sino dentro de ella (que no es lo que queremos) será porque no hemos situado el cursor debajo de la tqabla. Pulsad en ese caso en "Edición" + "Deshacer" y repetir la operación pero situando el cursor bajo la tabla.
5.- Ahora pinchamos debajo de esa...