• Para facilitarte tu regreso, añade este sitio a tus Favoritos

Curso de Dreamweaver: aprende a diseñar tu propia web paso a paso (lección 12: dando forma a la Tabla)


 
 
 
 * MENÚ DEL CURSO
 * OTRA FORMA DE DISEÑAR TU WEB
 * TODO ESTO GRATIS PARA TÍ
 * Y HAY MUCHO MÁS AÚN
 * ENLACES PATROCINADOS
 
 

   Lección 12: Damos forma a la tabla en Dreamweaver
 

   - Lo prometido es deuda, así que vamos a realizar diversas tareas ahora en la celda central de la Tabla que habíamos creado, que recordareis está de momento vacía:

y para ello lo que hago por ejemplo es introducir algo de texto elegido al azar, por ejemplo así:

    - Y a continuación le voy a dar como fondo el amarillo con código FFFFCC (pues no me gusta mucho el gris que tiene), y para ello pico dentro de la celda y luego pico abajo en Propiedades, en el apartado “ Fnd ” (color de fondo) y selecciono el amarillo mencionado, quedando así:


            -

   - Vamos a ver ahora como se puede insertar una imagen por ejemplo, dentro de la misma celda en que estamos trabajando; podríamos hacerlo de varias maneras, por ejemplo damos una vez a la tecla <Return> y acto seguido insertamos la imagen que sea, pero la controlarías mal si la quieres colocar por ejemplo centrada, así que una forma mejor sería insertar una nueva fila y dentro de ella realizar la inserción, para ello picamos dentro de la celda como siempre, y vamos a:
-
   

 

    - Con lo cual nos creará una nueva fila, así:

que tiene el inconveniente de que nos vá a mostrar la línea blanca que separa una fila de otra (si tuviésemos el fondo de la fila de blanco, no se vería si vamos con F12 al navegador):

    


 

   - ¿Comprendeis?, así que una solución si no queremos que se vea una línea de separación sería esta.-Y la otra solución sería insertar una tabla dentro de otra , y para verlo (primero anulo lo hecho anteriormente, mediante “ Edición-Deshacer…” tres veces para quitar texto, color de fondo y fila creadas), nos colocamos dentro de la celda donde tengo el texto, y damos “May+Return” para bajar una sola línea; ahora vamos a Tabla (ya sabes: ) y seleccionamos:

    - Dando a Aceptar, para que quede así:

y ahora lo que haré será decirle que lo que inserte, debe ir alineado al centro, para ello pico dentro de esta tabla recién creada y luego botón derecho y:

       

    - Con lo cual el cursor se colocará en el centro.-Ahora voy a insertar una imagen cualquiera de ejemplo (voy a poner un pequeño banner que yo tengo en formato .jpg) y para ello, voy a :


    - Ahora, selecciono la que quiero, la cual tendrás en una carpeta determinada (si no está dentro de una carpeta del sitio –por ejemplo “Imágenes”—te obligará a “traerla” de donde esté hasta una carpeta de tu web, así que aceptas y Dreamweaver la cargará allí; lógico si más adelante tendrás que subirla a tu servidor), y al final cuando aceptes ya la tendrás, en mi caso así:

   

y vista en el navegador con F12, así:


  
    - Si ahora quieres que todo quede más presentable, ves por ejemplo que esta celda central con fondo amarillo queda algo más arriba que la del menú de la izquierda, y lo suyo sería que ambas queden igualadas, pues nada más sencillo, picas sobre el borde de la misma, para que aparezca:


  

y ahora solo tienes que picar sobre el tirador de abajo:

y sin soltar, arrastras suavemente un poco hacia abajo hasta igualar, lo veo con F12:

¿comprendida la jugada?, ya está perfectamente igualado.

    - Y así, juntando las técnicas que hemos ido viendo hasta ahora, podrás hacer volar tu imaginación y realizar todas las combinaciones que se te ocurran para ir dando forma a tu web.-Tengo que decir que mi web reconozco que es un poco “clásica” (será que yo lo soy, por eso siempre digo que una web es el reflejo de su autor), pero de lo que se trata es de saber manejar las herramientas que Dreamweaver MX pone a nuestra disposición y luego cada uno será el que tenga que dar sentido a su página; pues si una vez conocido el manejo de Dreamweaver, haces uso de las otras buenas herramientas que existen como Flash, o Photoshop para crear unos botones, menús y otros muchos bonitos adornos, pueden quedar webs espectaculares (echad un vistazo a una muestra que me parece preciosa en http://www.solophotoshop.com ), he aquí la muestra:

    - Realmente llamativa, pero que en definitiva no hace más que “acoplar” efectos en Tablas y para ello lógicamente habrá que dominar no sólo Dreamweaver…

    - Pero como mi compromiso con vosotros es más modesto, lo único que pretendo es que os solteis, luego cada uno elegirá sus gustos.

   ** Nada más amigos que me seguís, lo dejamos aquí y en el próximo capítulo veremos más contenidos, esta vez para la tercera celda que nos queda a la derecha.Saludos.

 
 
  
 
   

Google
 

© deseoaprender.com - Cantabria (España) 2005-2009.-Todo el contenido de esta web está protegido por la Ley de Propiedad Intelectual; por tanto no podrá reproducirse ni copiarse sin el consentimiento por escrito de su autor y propietario.