Why Can't I See the Image I Inserted in Dreamweaver?
Adobe Dreamweaver's What-You-See-Is-What-You-Get interface creates websites using a visual design mode, rather than you manually entering code. When using this design mode, Dreamweaver automatically creates the code for you. However, you may encounter problems with images displaying in the design window. This problem is almost always associated with an improperly referenced or nonexistent image.
Other People Are Reading
-
Image References
-
Absolute references point to an image's exact, hard-coded location, such as "http://www.somedomain.com/images/image.jpg." Relative references use locations relative to the current page, such as "/images/image.jpg." Using absolute references requires Dreamweaver to go online to pull up the image. If an Internet connection is currently unavailable, or if the image has not been uploaded yet, Dreamweaver will be unable to display the image.
Roots
-
Similar to absolute versus relative references, Dreamweaver also defines image locations relative to the current document or the local site root. The local site root is the uppermost directory for your site. Dreamweaver codes image references based on the local site root when that option is selected. If the site root changes, then the image reference also changes. This can cause the image to be improperly referenced on the page unless you allow Dreamweaver to automatically update links.
-
Templates
-
Templates simplify creation of multiple pages by adding common elements when you create a new page. Inline cascading style sheet, or CSS, style tags that reference images aren't updated in documents, even when they appear in a different directory. This causes the images to be improperly referenced. A better option is to use a separate CSS style sheet file to reference the image. The link to the style sheet file will be updated on the new page, and that style sheet file will already contain the proper image reference.
Copy/Paste Vs. Move
-
Copying and pasting images in Dreamweaver's Site Manager won't update links in Dreamweaver documents because the original image file is still valid. If that original image is deleted, the image will no longer be visible in Dreamweaver. If you need to move an image, click and drag the image to the new location in the Site Manager. Doing so allows Dreamweaver to automatically update the image location on all applicable pages.
External Changes
-
Dreamweaver doesn't monitor image changes made outside of Dreamweaver. If you move, delete or rename a referenced image file from Windows Explorer, Dreamweaver won't pick up the change. As a result, the image will no longer display in Dreamweaver. To avoid this problem, conduct all such changes directly within Dreamweaver's Site Manager.
-
