Узнайте, как использовать ресурсы, такие как изображения, видео, цвета, сценарии, ссылки и элементы библиотеки, в Dreamweaver.
О ресурсах
Можно использовать Adobe Dreamweaver для хранения и просмотра ресурсов, имеющихся на сайте, например изображений, фильмов, цветов, сценариев и ссылок. Кроме того, необходимый ресурс можно переместить и вставить прямо в страницу активного документа.
Ресурсы могут быть получены из разных источников. Например, ресурсы можно подготовить при помощи Adobe® Fireworks®, Adobe® Flash® или другого приложения, получить от коллеги, скопировать с компакт-диска или загрузить с веб-сайта.
Dreamweaver также предоставляет доступ к двум специальным типам ресурсов — библиотекам и шаблонам. Оба типа ресурсов являются связанными. Это означает, что, когда пользователь редактирует элемент библиотеки или шаблон, Dreamweaver обновляет все документы, в которых используются такие ресурсы. Элементы библиотеки обычно представляют небольшие ресурсы для дизайна, такие как логотип сайта или уведомление об авторских правах. Для работы с большими областями дизайна следует использовать шаблоны.
Об элементах библиотеки
Библиотека представляет собой специальный файл Dreamweaver, в котором содержится набор отдельных ресурсов или копий ресурсов, используемых для создания веб-страниц. Ресурсы, содержащиеся в библиотеке, называются элементами библиотеки. В библиотеке сохраняют следующие элементы: изображения, таблицы, звуки и файлы, созданные при помощи Adobe Flash. При изменении какого-либо элемента библиотеки можно автоматически обновить все страницы, в которых используется такой элемент.
Например, задание на разработку объемного сайта компании предусматривает наличие рекламного девиза на каждой странице. Для этой цели можно создать элемент библиотеки, содержащий рекламный девиз компании, и использовать созданный элемент на всех страницах. Если девиз со временем будет изменен, для автоматического обновления всех страниц, в которых он используется, потребуется только изменить соответствующий элемент библиотеки.
Dreamweaver содержит элементы библиотеки в папке «Библиотека» в локальной корневой папке сайта. Каждый сайт имеет свою собственную библиотеку.
Элемент библиотеки можно создать из любого другого элемента, содержащегося в разделе body документа, включая текст, таблицы, формы, Java-апплеты, внешние модули, элементы ActiveX, панели навигации и изображения.
Для связанных элементов, например изображений, в библиотеке хранится только ссылка на такой элемент. Для правильной работы элемента библиотеки не следует менять расположение исходного файла.
Однако хранение изображения в качестве элемента библиотеки может оказаться иногда полезным. Например, можно сохранить полный тег img в качестве элемента библиотеки, что позволит в дальнейшем для всего сайта легко изменить для изображения текст alt или атрибут src. (Не используйте данный прием для изменения атрибутов width и height изображения, за исключением случаев, когда для изменения реальных размеров изображения применяется графический редактор.)
Если элемент библиотеки содержит ссылки, то на новом сайте они могут не работать. Кроме того, на новый сайт не переносятся изображения, хранящиеся в элементе библиотеки.
При использовании элемента библиотеки Dreamweaver создает и помещает на веб-страницу только ссылку, но не сам элемент. То есть Dreamweaver вставляет в документ копию исходного HTML-кода для соответствующего элемента и добавляет HTML-комментарий, в котором содержится ссылка на внешний исходный элемент. Именно с помощью этой внешней ссылки и происходит автоматическое обновление.
При создании элемента библиотеки, в котором присутствует элемент, обладающий вариантом поведения Dreamweaver, Dreamweaver копирует в файл элемента библиотеки сам элемент и соответствующий обработчик событий (атрибут, который указывает событие, запускающее действие, например onClick, onLoad или onMouseOver, и соответствующее действие при возникновении такого события). Dreamweaver не копирует связанные функции JavaScript в элемент библиотеки. Напротив, при вставке элемента библиотеки в документ Dreamweaver автоматически вставляет соответствующие функции JavaScript в раздел head документа (если они там отсутствуют).
Если ввод кода JavaScript выполняется вручную (то есть не используются варианты поведения Dreamweaver), то написанный код можно внести в элемент библиотеки в случае, если для выполнения кода применяется вариант поведения «Call JavaScript». Если для выполнения кода не используется вариант поведения Dreamweaver, в элементе библиотеки код не сохраняется.
Для редактирования вариантов поведения, находящихся в элементах библиотек, существуют определенные требования. Элементы библиотек не могут содержать таблицы стилей, поскольку код таких элементов располагается в разделе head.