.:. Jugando con las Tablas:

  No me cansaré de repetir que en el diseño de una página con Dreamweaver es fundamental el manejar las Tablas con soltura; si dominas estas con buen nivel, podrás prácticamente llevar a buen término cualquier diseño que se te ocurra. Hoy voy a explicarte una serie de ejemplos de cosas que puedes hacer mediante el uso correcto de Tablas.

  Mira, vamos a ver una presentación de texto e imagen mediante una combinación de Tablas. Creamos una Tabla picando en:  
y en la ventana seleccionamos:  
    
(como ves, se trata de una tabla de 1 fila y 1 columna, con un ancho del 90%). Así que al picar en "Aceptar" quedará:

  
ahora le vamos a dar un color con una línea fina azul alrededor (será la línea que delimite todo el trabajo posterior). Para ello tenemos que darle un borde mediante:
        le damos "1" y  "Enter". Ahora damos color al borde    como ves, tienes que picar en la flechita de "Col. borde" y seleccionar en la paleta que aparezca, el color deseado. Una vez hecho, ya te aparecerá la tabla así:

   
   Ahora vamos a insertar otra tabla dentro de esta, puesto que vamos a poner un bonito menú y algo de texto en ella. Tenemos que ir nuevamente a "Tabla" y darle estos datos (antes habremos picado dentro de la tabla ya creada, para que el cursor se coloque allí):
     
lo que hará que se cree una tabla dentro de la primera. Ahora picamos sobre la barrita punteada central y sin soltar la arrastramos hacia la izquierda hasta colocarla donde queramos, soltando ahí. Quedará algo parecido a esto:

   
  Acto seguido debemos decirle que los datos los alinee arriba:
         y lo hacemos dos veces (colocándonos cada vez dentro de una de las 2 partes de la tabla).
   Ahora vamos a insertar una nueva tabla dentro de cada una de las dos celdas, con los siguientes datos:

      observa que debe llevar 100% de porcentaje y espacio entre celdas de "3":

     te muestro un trozo de la tabla a su tamaño natural.
   Vamos a comenzar ahora a darle contenido; a la izquierda quiero crear un menú, para ello ya sabes, pones un encabezamiento por ejemplo así:

      es sencillo, porque solo tienes que teclear la leyenda y darle el temaño de fuente y color de fuente que desees, a continuación un color de fondo a esa celda; supongo que eso ya lo dominas a estas alturas. A continuación comenzamos a crear los distintos apartados del menú (a la izquierda), que quedaría por ejemplo así:
    

y la forma de crearlo es muy sencilla: picas dentro de la leyenda del inicio, donde pone "MENÚ PRINCIPAL" y ahora picas arriba en el menú de Dreamweaver en "Insertar - Objetos de tabla - Insertar fila debajo" con lo que verás que efectivamente te crea una segunda fila; el problema es que tiene el mismo color de fondo que la anterior, así que lo correcto (por el tema de la armonía de color) es elegir un color dentro de la misma gama, pero más claro, para ello picas dentro de la fila recién creada y ahora te vas abajo a "Fnd" (color de fondo) y picas para que se abra la paleta:

debiendo picar ahora arriba a la derecha donde te indico, para que salga la gama: así que no tienes más que subir la flecha que te indico, para seleccionar el color deseado, siempre dentro de la gama principal (la que tiene la leyenda del Menú).

               Luego tecleas las leyendas de cada uno de los apartados que van a componer el menú y ya lo tienes listo. Fácil ¿no?. Solo falta ahora irse a la derecha e incluir el texto que queramos, por ejemplo:
              
  

y si quieres mejor aspecto ya sabes, el mismo color de fondo (lo vemos en el Navegador):
   
  Y es todo por hoy amig@, en la próxima lección seguiremos viendo más formas de jugar con las tablas, dentro de este mismo ejemplo (veremos como se crea una nueva columna donde vamos a insertar una imagen, dándole un aspecto profesional). Hasta entonces un saludo.