3.283 cursos gratis
6.261.822 alumnos
Publica tu curso gratis
Busca cursos gratis:
Estás aquí: mailxmail > Cursos de Informática > Diseño > Curso de dreamweaver > Combinar Imágenes y Tablas

Curso de dreamweaver

Autor: Isra Rodríguez Cabo
Curso:  4,31/5 4,31/5 (27 opiniones) |16917 alumnos|Fecha publicación: 08/03/2005

Capítulo 35:

 Combinar Imágenes y Tablas

En lecciones anteriores hemos aprendido a crear tablas, también hemos aprendido a insertar imágenes y también hemos comentado como las tablas eran el esqueleto en el que se basan las páginas web.

Vamos a ver un ejemplo practico de todo ello.

En esta lección y las próximas vamos a crear una tabla y vamos a insertar en ella textos e imágenes.

En la imagen inferior tenemos una tabla, de 3 celdas por 3 celdas, según la plantilla que ya conocemos. Sólo hemos introducido datos en el encabezado de la columna de la izquierda.

Combinar Imágenes y Tablas

 

Ahora pulsaremos con el ratón en el interior de la celda donde queramos introducir la imagen.

Una vez que tenemos activa la celda, insertaremos la imagen con alguno de los métodos que ya conocemos, por ejemplo con el icono insertar imagen de la barra común.

Combinar Imágenes y Tablas

 

Seleccionaremos en la ventana de diálogo la imagen que deseemos insertar y pulsaremos aceptar.

Combinar Imágenes y Tablas

 

En la imagen inferior vemos como queda la tabla con la imagen y un comentario con la descripción de la imagen en la celda de la derecha de la imagen.

Observa como la apariencia de la página aparece mucho más ordenada que en los ejemplos de las lecciones anteriores.

Combinar Imágenes y Tablas

 

Podemos situar, tanto textos como imágenes en cualquiera de las celdas de la tabla. Por ejemplo, la siguiente imagen la situaremos en la celda derecha de la fila central

Combinar Imágenes y Tablas

 

Esta vez la añadiremos arrastrándola desde el panel archivo, simplemente tenemos que elegir la imagen que deseemos situar en la celda, pincharemos sobre ella y arrastraremos el puntero del ratón hasta la celda destino.

Combinar Imágenes y Tablas

 

En la celda central podemos añadir el texto que creamos necesario, por ejemplo una descripción de la imagen. Debido a que la tabla fue pre-formateada con una plantilla de tablas, el tipo de letra del comentario de la fila superior y el de esta fila son diferentes.

Dreamweaver nos permite cambiar el formato en cualquier momento, nosotros esperaremos a la próxima lección para experimentar con ello.

Combinar Imágenes y Tablas

 

Vamos a ver la ultima manera de insertar imágenes en la tabla.

Esta vez lo haremos desde la barra menú.

Pulsaremos en el menú insertar.

Combinar Imágenes y Tablas

 

Y en el menú que se desplegará buscaremos la opción imagen.

Combinar Imágenes y Tablas

 

Desde la ventana de diálogo elegiremos la imagen que deseamos insertar y pulsaremos el botón aceptar.

Combinar Imágenes y Tablas

 

Como en las ocasiones anteriores escribiremos un comentario en la celda contigua que describa la imagen.

Combinar Imágenes y Tablas

 

En esta lección hemos atisbado las posibilidades que encierra la inserción de imágenes y la combinación de imágenes y textos en las tablas.

En lecciones próximas profundizaremos más en el tema

Capítulo siguiente - Textos e Imágenes
Capítulo anterior - Propiedades de Imagen
Recibe nuestras novedades
Al presionar "Recibir" estás dándote de alta y aceptas las condiciones legales de mailxmail

Hay 27 opiniones. Opina sobre este curso.


Cursos similares a Curso de dreamweaver


Cursos Valoración Alumnos Vídeo
Cómo convertir una fotocaricatura en un dibujo de tinta y acuarela
Tal y como se han presentado otros cursos en Mailxmail de fotocaricatura, este vez se ofrece la posibilidad de conocer cómo convertir una fotocaricatura en un dibujo de t... [19/07/06]
 4,33/5 4.403  
Dibujar en perspectiva
Todo aquel que decida pintar un cuadro o simplemente adquirir conocimientos de perspectiva, debe saber que si en el dibujo aparece una o varias personas, estará sometida ... [10/03/05]
 4,86/5 7.796  
Autocad. Dibujo en 2d y 3d (1/4)
Autocad. Este curso está diseñado, para que cualquier persona sin ningún conocimiento de Autocad pueda seguirlo y pueda divertirse dibujando[09/06/09]
 4,82/5 3.709  


Publicar en   del.icio.us    digg    meneame

¿Qué es mailxmail.com?|ISSN: 1699-4914|Recomiéndanos|Ayuda
Condiciones legales de mailxmail