Узнайте, как использовать ресурсы, такие как изображения, видео, цвета, сценарии, ссылки и элементы библиотеки, в Dreamweaver.
О ресурсах
Вы можете использовать Adobe Dreamweaver для отслеживания и предварительного просмотра ресурсов, хранящихся на вашем сайте, таких как изображения, фильмы, цвета, скрипты и ссылки. Вы также можете перетащить ресурс напрямую, чтобы вставить его на страницу текущего документа.
Ресурсы могут быть получены из разных источников. Например, вы можете создавать ресурсы в таком приложении, как Adobe® Fireworks® или Adobe® Flash®, получать их от коллеги или копировать с компакт-диска с клипартом или графического веб-сайта.
Dreamweaver также предоставляет доступ к двум специальным типам ресурсов — библиотекам и шаблонам. Оба являются связанными ресурсами: когда вы редактируете элемент библиотеки или шаблон, Dreamweaver обновляет все документы, использующие эти ресурсы. Элементы библиотеки обычно представляют небольшие элементы дизайна, такие как логотип сайта или знак авторских прав. Для управления большей областью дизайна используйте вместо этого шаблон.
Об элементах библиотеки
Библиотека — это специальный файл Dreamweaver, содержащий коллекцию отдельных ресурсов или копий ресурсов, которые вы можете размещать на ваших веб-страницах. Ресурсы, содержащиеся в библиотеке, называются элементами библиотеки. Элементы, которые можно хранить в библиотеке, включают изображения, таблицы, звуки и файлы, созданные с помощью Adobe Flash. Вы можете автоматически обновлять все страницы, использующие элемент библиотеки, всякий раз, когда редактируете этот элемент.
Например, предположим, что вы создаете большой сайт для компании, которая хочет, чтобы слоган появлялся на каждой странице. Вы можете создать элемент библиотеки, содержащий слоган, и использовать этот элемент библиотеки на каждой странице. Если слоган изменится, вы можете изменить элемент библиотеки и автоматически обновить каждую страницу, которая его использует.
Dreamweaver сохраняет элементы библиотеки в папке Library в локальной корневой папке для каждого сайта. У каждого сайта есть своя собственная библиотека.
Вы можете создать элемент библиотеки из любого элемента в разделе 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.
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.
