¿Cómo añadir imágenes con etiquetas div en Dreamweaver

Dreamweaver le ayuda a compartir sus imágenescon el mundo.

 

IMÁGENES DREAMWEAVER

Cuando la aplicación Web necesita manipular objetos en una página, considerar la adición de esos objetos a etiquetas div. Etiquetas Div definir secciones dentro de un documento HTML. Desarrolladores agregar divs a las páginas cuando tienen que agrupar varios elementos HTML tales como párrafos e imágenes. Si utiliza Dreamweaver para crear páginas Web, añada las imágenes con etiquetas div rápidamente utilizando el menú Insertar de Dreamweaver.

 

Inicie Dreamweaver y haga clic en el botón HTML que aparece en la ventana de inicio. Un nuevo documento aparece en la interfaz de Dreamweaver.

 

Haga clic en "Insertar" y luego haga clic en "Objetos de diseño." Haga clic en "Tag Div" para abrir la ventana de Dreamweaver "Insert Div Tag" de diálogo.

 

Escriba un nombre en el cuadro de texto "ID" para dar la div un valor de ID. Este nombre es opcional, pero no está de más añadir un ID de un div. Si lo hace, permite que el código JavaScript para manipular el div más adelante si es necesario.

 

Haga clic en "Aceptar". Dreamweaver añade un nuevo div a la página. Aparece un cuadro alrededor de la div. Este cuadro le ayuda a identificar que el div en la página.

 

Haga clic dentro del div para colocar el cursor allí. Haga clic en el botón "Imagen" en la parte superior de Dreamweaver para abrir la ventana "Seleccionar origen de imagen". Esta ventana contiene los nombres de los archivos y carpetas de su disco duro.

 

Haga doble clic en uno de los archivos de imagen. Dreamweaver añade a la div. Haga clic en "Live View" para ver cómo aparecerá la imagen y div cuando se muestra en una página Web en vivo. Añadir etiquetas e imágenes div adicionales si es necesario el uso de estos pasos.

 

Consejos y advertencias

Una etiqueta div se expande cuando se agrega una imagen a la etiqueta. Este comportamiento asegura que una imagen se ajusta dentro de la div independientemente de su tamaño. Eliminar una imagen de un div haciendo clic en la imagen, a continuación, presionar la tecla "Supr" de su teclado.