12.212 cursos gratis
8.325.675 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

Curso de dreamweaver

Autor: Isra Rodríguez Cabo
Curso:
8,69/10 (29 opiniones) |24884 alumnos|Fecha publicación: 08/03/2005
Envía un mensaje al autor

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

Nuestras novedades en tu e-mail

Escribe tu e-mail:

Al presionar "Recibir" estás dándote de alta y aceptas las condiciones legales de mailxmail

Cursos similares a Curso de dreamweaver


  • Vídeo
  • Alumnos
  • Valoración
  • Cursos
1. Diseño: composición y tipografía
Estos dos elementos son clave para la creación de un buen diseño, ya sea... [02/09/03]
39.211  
2. Nociones básicas de diseño
Las diversas tecnologías y métodos utilizados antiguamente para la manipulación y... [03/09/03]
119.094  
3. AutoCAD 3D
AutoCAD en la actualidad, es uno de los programas más utilizados por profesionales... [13/09/04]
110.627  

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


Ponte al día de Diseño con nuestros cursos gratis