¿Cómo insertar imágenes en dreamweaver
minimalistas herramientas de edición de imágenes de Dreamweaver permiten realizar edición de imágenes rudimentarias, tales como el cambio de tamaño y recorte. A encontrar esas herramientas en el inspector de propiedades.
Video: Tutorial para Insertar y Alinear una Imagen en Dreamweaver
No se crea imágenes en Dreamweaver. Por eso, Adobe Illustrator ofrece (para obras de arte, texto gráfico, imágenes de fondo página, iconos de navegación, etc.) y Photoshop (para la preparación de fotos para la web), así como otras herramientas. Como regla general, seguir con la preparación de imágenes para la web en estos programas.
Para insertar imágenes, asegúrese de que está trabajando en la vista Diseño (o, en vista de Split con el cursor en el lado del diseño de la ventana). Tiene dos caminos básicos: introducir información de su máquina o utilizar una técnica de copiar y pegar. En cualquiera de los casos, tiene que estar a la vista Diseño (seleccione Ver → Design- o, en vista dividida, seleccione Ver → Código y Diseño) para ver las imágenes como pegar o incrustarlos.
Lo más probable es la página HTML en el que se incrusta una imagen tendrá un texto sobre ella. Por lo tanto, el primer paso es averiguar dónde desea que aparezca la imagen.
A diferencia del diseño de impresión, imágenes de las páginas web no se colocan en lugares específicos. Que impulsa diseñadores nueces.
Por lo tanto, para insertar un archivo de imagen de su computadora en una página web HTML abierto en Dreamweaver, siga estos pasos:
Haga clic en la ventana de documento en el punto donde la imagen se va a insertar.
En este paso, a localizar donde en el código HTML que se insertará la imagen. Una vez más, dónde y cómo se muestra la imagen se define con CSS.
Seleccione Insertar → Imagen.
En el cuadro de diálogo Seleccionar origen de imagen que se abre, navegar y seleccionar cualquier archivo en su ordenador.
Si la imagen que seleccione se encuentra fuera de la carpeta del sitio, aparecerá un cuadro de diálogo útil, que le pide que guarde una copia de la imagen a la carpeta raíz del sitio de Dreamweaver.
Haga clic en Sí.
Haga clic en Guardar en el archivo de copia como cuadro de diálogo.
Definir los atributos de accesibilidad.
Por defecto, el Dreamweaver de imágenes con etiquetas Atributos de accesibilidad aparece el cuadro de diálogo ante una imagen finalmente se inserta en una página.
El campo Texto alternativo es la más importante de las dos opciones de este cuadro de diálogo. Se muestra el texto que se lee en voz alta en el software del lector para los visitantes con problemas de visión, y también que las exposiciones en entornos de exploración desde la pantalla de imagen está desactivado. El texto alternativo puede ya menudo debe incluir letras mayúsculas y minúsculas, espacios y caracteres especiales.
Si los visitantes con problemas de visión o personas en navegar por entornos que no soportan imágenes son parte de su público objetivo, usted podría considerar la creación de archivos HTML con descripciones de las imágenes más sustanciales. Dichos archivos están vinculados a la imagen mediante la definición de un enlace en el cuadro Descripción larga en el cuadro de diálogo de imágenes con etiquetas Atributos de accesibilidad.
Haga clic en Aceptar para insertar la imagen.
Video: Como insertar imágenes Dreamweaver
En este punto, sólo se ha insertado la imagen. diseño de la página, incluyendo la colocación de las imágenes y el texto que fluye a su alrededor, se gestiona con CSS