Работа с элементами библиотеки

Библиотека представляет собой специальный файл 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 документа (если они там отсутствуют).

Для редактирования вариантов поведения, находящихся в элементах библиотек, существуют определенные требования. Элементы библиотек не могут содержать таблицы стилей, поскольку код таких элементов располагается в разделе head.

Создание пустого элемента библиотеки

Вставка элемента библиотеки в документ

При добавлении элемента библиотеки на страницу вместе с фактическим содержимым в документ помещается ссылка на элемент библиотеки.

Редактирование элементов библиотеки и обновление документов

При редактировании элемента библиотеки можно обновить все документы, в которых используется данный элемент. Если выбран вариант без обновления, то в документах останутся ссылки на элемент библиотеки, что позволит выполнить обновление документов в любое другое время.

Пользователь может переименовывать элементы, что повлечет за собой нарушение ссылок на такие элементы, содержащиеся в документах или шаблонах, и удалять элементы из библиотеки сайта, а также создавать заново отсутствующие элементы библиотеки.

Редактирование элемента библиотеки

Обновление текущего документа и получение текущих версий всех элементов библиотеки

Обновление всего сайта либо всех документов, в которых используется определенный элемент библиотеки

Переименование элемента библиотеки

Удаление элемента из библиотеки

При удалении элемента библиотеки Dreamweaver удаляет его из библиотеки, но не изменяет содержимое документов, в которых используется удаляемый элемент.

Повторное создание отсутствующего или удаленного элемента библиотеки

Настройка выделения цветом элементов библиотеки

Имеется возможность настроить цвет выделения элементов библиотек, а также включить либо отключить выделение цветом путем настройки установок выделения.

Изменение цвета выделения элементов библиотеки

Отображение или скрытие выделения цветом в окне документа

Редактирование свойств элемента библиотеки

Инспектор свойств используется для открытия элемента библиотеки для редактирования, отсоединения выбранного элемента библиотеки от исходного файла либо замены элемента другим выделенным в данный момент элементом.

Включение возможности редактирования элементов библиотеки в документе

Если после добавления элемента библиотеки в документ возникает потребность в редактировании данного экземпляра элемента, необходимо разорвать связь между элементом, находящимся в документе, и соответствующим элементом библиотеки. После того как для экземпляра элемента библиотеки установлена возможность редактирования, обновление такого экземпляра при изменении элемента библиотеки выполняться не будет.

Редактирование варианта поведения, содержащегося в элементе библиотеки

Чтобы отредактировать вариант поведения элемента библиотеки, вначале следует вставить элемент в документ, а затем сделать этот элемент редактируемым в документе. После внесения изменений в элемент документа можно повторно создать элемент библиотеки путем его замены элементом документа.