Почему я не вижу изображение, вставленное в Dreamweaver?

Автор: Judy Howell
Дата создания: 27 Июль 2021
Дата обновления: 23 Июнь 2024
Anonim
Уроки HTML, CSS / Как наложить текст на картинку
Видео: Уроки HTML, CSS / Как наложить текст на картинку

Содержание

Интерфейс «то, что вы видите - это то, что вы делаете» Adobe Dreamweaver создает веб-сайты, используя режим визуального дизайна, а не ввод кода вручную. При использовании этого режима разработки Dreamweaver автоматически создает код для вас. Однако могут возникнуть проблемы с изображениями, просматриваемыми в окне дизайна. Эта проблема почти всегда связана с изображением, на которое неоправданно ссылаются или не существует.


Adobe Dreamweaver создает сайты в режиме визуального дизайна (Comstock / Stockbyte / Getty Images)

Ссылки на изображения

Абсолютные ссылки указывают на точное местоположение закодированного изображения, например «http://www.somedomain.com/images/image.jpg». Относительные ссылки используют относительные позиции для текущей страницы, такие как "/images/image.jpg". Использование абсолютных ссылок требует от Dreamweaver доступа к изображению в Интернете. Если подключение к Интернету недоступно или изображение еще не загружено, Dreamweaver не сможет отобразить изображение.

корнеплоды

Аналогично абсолютным и относительным ссылкам, Dreamweaver также определяет местоположение изображения относительно текущего документа или корня локального сайта, который является наиболее важным каталогом на вашем сайте. Dreamweaver кодирует ссылки на изображения, основываясь на корне локального сайта, когда выбрана эта опция. Если корень сайта изменяется, то ссылка на изображение также меняется. Это может привести к неправильной ссылке на изображение на странице, если вы не разрешите Dreamweaver автоматически обновлять ссылки.


шаблоны

Шаблоны упрощают создание нескольких страниц, добавляя общие элементы при создании новой страницы. Встроенные каскадные таблицы стилей, или CSS, создают символы, которые относятся к изображениям, которые не обновляются в документах, даже если они появляются в другом каталоге. Это приводит к неправильной ссылке на изображения. Наилучшим вариантом является использование отдельного файла таблиц стилей CSS для ссылки на изображение. Ссылка на файл будет обновлена ​​на новой странице, и эта таблица стилей уже будет содержать соответствующую ссылку на изображение.

Копировать и вставить против перемещения

Копирование и вставка изображений в диспетчере сайтов Dreamweaver не приведет к обновлению ссылок в документах Dreamweaver, поскольку исходный файл изображения по-прежнему действителен. Если исходное изображение будет удалено, оно больше не будет отображаться в Dreamweaver. Если вам нужно переместить изображение, щелкните и перетащите его в новое место в Site Manager. Это позволяет Dreamweaver автоматически обновлять расположение изображения на всех соответствующих страницах.


Внешние изменения

Dreamweaver не отслеживает изменения изображения, сделанные вне его. Если вы переместите, удалите или переименуете справочный файл с изображением Windows Explorer, Dreamweaver не последует за изменениями. В результате изображение больше не будет отображаться в программе. Чтобы избежать этой проблемы, выполните все эти изменения непосредственно в Dreamweaver Site Manager.