Contenido
La interfaz "lo que ves es lo que haces" de Adobe Dreamweaver crea sitios utilizando un modo de diseño visual, en lugar de introducir el código manualmente. Al utilizar este modo de diseño, Dreamweaver crea automáticamente el código para usted. Sin embargo, puede encontrar problemas con las imágenes visualizadas en la ventana de diseño. Este problema está casi siempre asociado a una imagen indebidamente referenciada o inexistente.
Referencias de la imagen
Las referencias absolutas apuntan a la exacta ubicación de una imagen codificada, como "http://www.somedomain.com/images/image.jpg". Las referencias relativas utilizan posiciones relativas para la página actual, como "/images/image.jpg". El uso de referencias absolutas requiere que Dreamweaver accede a la imagen en línea. Si la conexión a Internet no está disponible, o si la imagen no se ha cargado, Dreamweaver no será capaz de mostrar la imagen.
raíces
Al igual que las referencias absolutas y relativas, Dreamweaver también define la ubicación de la imagen con respecto al documento actual o la raíz del sitio local, que es el directorio más importante de su sitio. Dreamweaver codifica las referencias de la imagen basándose en la raíz del sitio local cuando se selecciona esta opción. Si la raíz del sitio cambia, entonces la referencia de la imagen también cambia. Esto puede hacer que la imagen sea referenciada indebidamente en la página, a menos que permita que Dreamweaver actualice los vínculos automáticamente.
plantillas
Las plantillas simplifican la creación de múltiples páginas añadiendo elementos comunes al crear una nueva página. Las hojas de estilo de cascada en línea, o CSS, producen caracteres que hacen referencia a las imágenes no actualizadas en documentos, incluso cuando aparecen en un directorio diferente. Esto hace que las imágenes sean indebidamente referenciadas. La mejor opción es utilizar un archivo de hojas de estilo CSS independiente para hacer referencia a la imagen. El vínculo al archivo se actualizará en la nueva página, y esta hoja de estilo ya contendrá la referencia adecuada de la imagen.
Copiar y pegar contra mover
Copiar y pegar imágenes en el Administrador de sitios de Dreamweaver no actualiza los vínculos de los documentos de Dreamweaver porque el archivo de la imagen original sigue siendo válido. Si se elimina la imagen original, la imagen no será visible en Dreamweaver. Si necesita mover una imagen, haga clic y arrástrela a la nueva ubicación en el Administrador de sitios. Esto permite a Dreamweaver actualizar automáticamente la ubicación de la imagen en todas las páginas aplicables.
Cambios externos
Dreamweaver no supervisa los cambios de imagen realizados fuera de él. Si mueve, elimina o cambia el nombre del archivo de referencia de la imagen del Explorador de Windows, Dreamweaver no seguirá el cambio. Como resultado, la imagen ya no aparecerá en el programa. Para evitar este problema, realice todos estos cambios directamente en el Administrador de sitios de Dreamweaver.