-
¿Cómo añadir imágenes con etiquetas div en Dreamweaver
-
Cuando su aplicación Web necesita para manipular objetos en una página, considerar la adición de esos objetos a DIV etiquetas. etiquetas div definen secciones dentro de un documento HTML. Divs a los desarrolladores añadir a las páginas cuando necesitan múltiples grupo de elementos HTML, como los párrafos e imágenes. Si utiliza Dreamweaver para crear páginas web, añadir imágenes con etiquetas div de forma rápida utilizando menú Insertar de Dreamweaver.Instrucciones
1 Lanzar Dreamweaver y haga clic en el botón HTML que aparece en la ventana de puesta en marcha. Un nuevo documento aparece en la interfaz de Dreamweaver.
2 Haga clic en "Insertar" y luego haga clic en "Objetos de diseño." Haga clic en "Etiqueta Div" para abrir la ventana de diálogo de Dreamweaver "Insertar etiqueta Div".
3 Escriba un nombre en el cuadro de texto "ID" para dar el 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 tarde si es necesario.
4 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.
5 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 en su disco duro.
6 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, pulsar la tecla "Delete" en su teclado.