Programa excelente para gestión de tus imágenes, y es gratis!! Descárgatelo
 
.
   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ú de Lecciones: [ lecc.1 ] [ lecc.2 ] [ lecc.3 ] [ lecc.4 ] [ lecc.5 ] [ lecc.6 ] [ lecc.7 ] [ lecc.8 ] [ lecc.9 ] [ lecc.10 ] [ lecc.11 ] [ lecc.12 ] [ lecc.13 ] [ lecc.14 ] [ lecc.15 ] [ lecc.16 ] [ lecc.17 ] [ lecc.18 ]
 

 * Si estás buscando un alojador para tu web, te aconsejo que no busques más porque nadie te vá a ofrecer esto:
   » 300 Gygas de espacio - 3.000 Gygas de ancho de banda mensual (100 Gb diarios!!)- además de lo típico de un montón de cuentas de correo, 75 bases de datos, panel de control, asistencia 24/7, etc....y ¿cuanto crees que te costará esto?, pues 65 euros....AL AÑO !!  ¿Te imaginas lo que se puede hacer con estas prestaciones?, compara con otros alojadores y me darás la razón. Si tu web tiene o prevées que tendrá buen tráfico, mucho cuidado con lo que contratas porque si te lo consumen rápido tendrás que ampliar, y eso cuesta dinero...
  »  Yo estoy alojado con ellos y el funcionamiento es 100% perfecto. No lo dudes, contrata aquí Aloja tu sitio en Powweb!    Me ayudarás y no te costará un céntimo más.
    
  Oferta muy recomendada por deseoaprender.com

Curso Dreamweaver, aprende Dreamweaver MX, entorno dreamweaver, crea tu web con Dreamweaver

.:. Lección 12: La Tabla toma forma

 
  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:
   
Para Dreamweaver MX y dreamweaver 8

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 :


y 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.
 
  Subir al menú con todas las lecciones  »»»
   
.
 [ Inicio ] [ Informática ] [ Dibujo ] [ Pintura ] [ Joomla ] [ Dreamweaver ] [ Diarios ] [ Juegos-1 ] [ Juegos-2 ] [ Juegos-3 ] [ Juegos-4 ] [ Juegos-5 ] [ Juegos-6 ] [ Juegos-7 ] [ Juegos-8 ] [ Juegos-9 ]

Google
 

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