deseoaprender.com
Curso básico de Dreamweaver
 Aprende el manejo de Dreamweaver MX y 8

Aprender a Manejar Adobe Dreamweaver para crear una web.

   
 
   
 

MÁS SOBRE TABLAS

    Había prometido que veríamos en la tercera celda de la derecha más cosas acerca del trabajo con Tablas en Dreamweaver --supongo que a estas alturas no hay duda alguna sobre la importancia de las Tablas en el diseño de una página web--, así que voy directamente al grano y como las lecciones son un poco distanciadas unas de otras vamos a hacer memoria acerca de las lecciones anteriores, la página había quedado así:

curso de Adobe Dreamweaver
-

    Recordemos que habíamos creado un sencillo menú en la tabla izquierda, luego en la central habíamos visto como introducir texto e imagen; pues bien, en esta de la derecha vamos primero a insertar 4 filas para trabajar sobre ellas.-Para ello vamos a picar con botón derecho sobre la celda que ya tenemos y nos sale un menú, y sobre él nos colocamos sobre “ Tabla ” para que aparezca un submenú donde deberemos elegir la opción “ Insertar filas o columnas… ”:

cursos online de diseño web

    Para que una vez hayamos hecho clic, aparezca el siguiente menú:

trabajar con tablas en Dreamweaver

    Señalo con flechas, que teneis que activar “ Insertar:Filas ”, luego elegir 4 en “ Número de filas ”, seleccionar “ Bajo la selección ” y finalmente “ Aceptar ” para que nos muestre ya las 4 filas. 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:

           curso en línea para aprender diseño web

    Sencillo ¿verdad?. Pero por defecto veis que ha puesto como color de fondo el que tenía la primera fila (gris), y yo prefiero que no tengan color alguno las 5 filas, así que para ello selecciono las 5 (ya sabes que picas dentro de la primera y arrastras hacia abajo hasta que notes que las cinco están cogidas:

herramientas webmaster para crear páginas web

    Tenemos que irnos ahora abajo al Inspector de Propiedades, y picar sobre:

aprender online, cursos gratis

    Puedes ver, sobre la punta de flecha negra en “ Fnd ” (Fondo) y en la ventana que salga para seleccionar color, picamos sobre el icono “ sin color ” (ver flechas que dibujo yo), con lo cual inmediatamente desaparece el fondo de las 5 celdas:

cursos, manuales y tutoriales

    Bien, ahora vamos a ver diferentes opciones que tenemos a nuestra disposición para trabajar esas celdas; por ejemplo podemos “ Crear celdas ” dentro de otra celda, como haremos si seleccionamos la segunda fila (picando dentro) y ahora vamos a dividirla en 3 celdas, para ello picamos abajo en “Inspector de propiedades” en:

    Es decir, en el simbolito que te señalo, y que te mostrará esto:

    Picamos (activamos) “ Columnas ” ponemos 3 y picamos “ Aceptar ” y saldrá:

aprende a crear paginas web facil

    Y así que de forma rápida creo otras celdas en la 3ª y 4ª filas quedando de esta forma:

todo sobre tablas en Dreamweaver

    Finalmente combinaré las cuadro celdas de la izquierda de las recién creadas, para ello las selecciono primero:

    Ahora hago clic sobre el icono a la izquierda del que habíamos visto:   para que inmediatamente las citadas celdas aparezcan de esta manera:

manual de Adobe Dreamweaver

    Es decir, “combinadas” que es lo que buscábamos y como veis podemos trabajar perfectamente sobre cada celda de forma independiente:

    Así, podríamos introducir texto, imágenes, etc... Esta podría ser una forma de trabajar para insertar una imagen y rodearla de texto, que aparecería así en el navegador (tras pulsar sobre la tecla F12):

    Pero en el próximo capítulo veremos otra forma más efectiva de llevar a cabo esta tarea de “ rodear una imagen con texto ”.-Así que hasta entonces: saludos.

 
  ** Un excelente hosting: Alojamiento web recomendado. Si tienes nociones de inglés, es un buen alojamiento para tu web.
   
 
Nos han visitado ya:
 usuarios.
   
Copyright © deseoaprender.com - Cantabria (España) 2005-2010.-Todo el contenido de esta web está protegido por la Ley de Propiedad Intelectual; por tanto no podrá reproducirse ni copiarse en todo o en parte, sin el consentimiento por escrito de su autor y propietario.