В окне документа переключитесь на представление «Дизайн» и выделите фрагмент документа, который нужно сохранить в качестве элемента библиотеки.
Последнее обновление
20 дек. 2021 г.
Изучите этот раздел, чтобы узнать, как создавать элементы библиотеки в 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.
Создание элемента библиотеки из выделенного фрагмента
Выберите «Инструменты» > «Библиотека» > «Добавить объект в библиотеку».
Введите имя для нового элемента библиотеки, затем нажмите Enter
(Windows) или Return (Macintosh).
Dreamweaver сохраняет каждый элемент библиотеки как отдельный файл (с расширением .lbi) в папке Library локальной корневой папки сайта.
Создание пустого элемента библиотеки
Убедитесь, что ничего не выбрано в
окне документа.
Если что-то выбрано, оно будет помещено в новый элемент библиотеки.
На панели «Ресурсы» выберите категорию «Библиотека».
Нажмите кнопку «Создать элемент библиотеки» в нижней части панели.
Пока элемент еще выбран, введите для него имя,
затем нажмите Enter (Windows) или Return (Macintosh).
Вставка элемента библиотеки в документ
Когда вы добавляете элемент библиотеки на страницу, само содержимое вставляется в документ вместе со ссылкой на элемент библиотеки.
Поместите курсор вставки в окно документа.
На панели «Ресурсы» выберите категорию «Библиотека».
Выполните одно из следующих действий.
- Переместите элемент библиотеки с панели «Ресурсы» в окно документа.
Примечание
Чтобы вставить в документ содержимое элемента библиотеки без ссылки на этот элемент, во время перемещения элемента из панели «Ресурсы» удерживайте клавишу Control (в Windows) либо Option (в Macintosh). Если элемент был вставлен таким способом, его можно будет редактировать в документе, однако данный документ не будет обновляться при обновлении страниц, в которых используется этот элемент библиотеки.
Выберите элемент библиотеки и нажмите кнопку «Вставить».
Редактирование элементов библиотеки и обновление документов
Когда вы редактируете элемент библиотеки, можете обновить все документы, которые используют этот элемент. Если вы решите не обновлять, документы останутся связанными с элементом библиотеки; вы сможете обновить их позже.
Можете переименовывать элементы, чтобы разорвать их связь с документами или шаблонами, удалять элементы из библиотеки сайта и воссоздавать недостающие элементы библиотеки.
Редактирование элемента библиотеки
На панели «Ресурсы» выберите категорию «Библиотека».
Выберите элемент библиотеки.
Нажмите кнопку «Изменить» или дважды щелкните элемент библиотеки.
Dreamweaver открывает новое окно, аналогичное окну документа, для редактирования элемента библиотеки. Серый фон указывает на то, что вы редактируете элемент библиотеки, а не документ.
Внесите и сохраните необходимые изменения.
Укажите, должны ли обновляться документы, размещенные на локальном сайте, в которых используется данный элемент библиотеки. Выберите «Обновить» для немедленного обновления. Если выбрать «Не обновлять», документы можно будет обновить позже с помощью команд «Инструменты» > «Библиотека» > «Обновить текущую страницу» или «Обновить страницы».
Обновить текущий документ для использования текущей версии всех элементов библиотеки
Выберите «Инструменты» > «Библиотека» > «Обновить текущую страницу».
Обновить весь сайт или все документы, которые используют конкретный элемент библиотеки
Выберите «Инструменты» > «Библиотека» > «Обновить страницы».
Во всплывающем меню «Область поиска» укажите, что следует обновлять.
Чтобы обновить все страницы выбранного сайта для использования текущей версии всех элементов библиотеки, выберите «Весь сайт», затем выберите имя сайта из соседнего всплывающего меню.
Чтобы обновить все страницы текущего сайта, которые используют элемент библиотеки, выберите «Файлы, которые используют», затем выберите имя элемента библиотеки из соседнего всплывающего меню.
Убедитесь, что в параметре «Обновить»
выбрано «Элементы библиотеки».
Чтобы обновить шаблоны, выберите также параметр «Шаблоны».
Нажмите кнопку «Начать».
Dreamweaver обновляет файлы согласно указаниям. Если вы выбрали параметр «Показать журнал», Dreamweaver создает отчет, показывающий, были ли файлы успешно обновлены, вместе с другой информацией.
Переименование элемента библиотеки
На панели «Ресурсы» выберите категорию «Библиотека».
Щелкните элемент библиотеки, затем после паузы щелкните его еще раз.
(Не выполняйте обычный двойной щелчок, поскольку в результате этого элемент будет открыт для редактирования.)
Введите новое имя.
Щелкните в любом месте либо нажмите клавишу Enter (в Windows) или Return (в Macintosh).
Укажите, нужно ли обновлять документы, которые используют элемент,
выбрав «Обновить» или «Не обновлять».
Удаление элемента из библиотеки
Когда вы удаляете элемент библиотеки, Dreamweaver удаляет его из библиотеки, но не изменяет содержимое документов, которые используют этот элемент.
На панели «Ресурсы» выберите категорию «Библиотека».
Выберите элемент библиотеки.
Нажмите кнопку «DELETE» или клавишу DELETE,
затем подтвердите, что хотите удалить элемент.
После удаления восстановить элемент библиотеки с помощью команды «Отменить» нельзя. Но его можно создать заново.
Воссоздать недостающий или удаленный элемент библиотеки
Выберите
экземпляр элемента в одном из ваших документов.
Нажмите кнопку «Воссоздать» в инспекторе свойств («Окно» >
«Свойства»).
Настройте подсветку элементов библиотеки
Можете настроить цвет подсветки элементов библиотеки и показать или скрыть подсветку, задав параметры подсветки.
Изменить цвет подсветки элементов библиотеки
Выберите меню «Правка > Настройки» (Windows) или «Dreamweaver > Настройки» (Macintosh).
Выберите категорию «Подсветка» из списка слева в диалоговом окне «Настройки».
Нажмите поле цвета «Элементы библиотеки», затем выберите цвет подсветки
с помощью палитры цветов (или введите шестнадцатеричное значение цвета
в текстовое поле).
Выберите «Показать», чтобы отобразить цвет выделения в окне
документа.
Нажмите кнопку «ОК».
Показ или скрытие выделения в окне документа
Чтобы отобразить выделение цветом, выберите «Вид» > «Параметры представления "Дизайн"» > «Невидимые элементы». Чтобы скрыть выделение цветом, отключите «Невидимые элементы».
Редактирование свойств элемента библиотеки
Инспектор свойств можно использовать для открытия элемента библиотеки для редактирования, отсоединения выбранного элемента библиотеки от исходного файла или перезаписи элемента текущим выбранным элементом библиотеки.
Выделите элемент библиотеки в документе.
Выберите один из этих параметров в инспекторе свойств
(«Окно» > «Свойства»):
Src
Отображает имя файла и расположение исходного файла элемента библиотеки. Эта информация не редактируется.
Открыть
Служит для открытия исходного файла элемента библиотеки с целью редактирования. Это эквивалентно выбору элемента на панели «Ресурсы» и нажатию кнопки «Редактировать».
Отсоединить от оригинала
Разрывает связь между выбранным элементом библиотеки и исходным файлом. Отсоединенный элемент можно редактировать в документе, но он больше не является элементом библиотеки и не обновляется при изменении оригинала.
Создать заново
Служит для замены исходного элемента библиотеки выделенным элементом. Используйте этот параметр для повторного создания элементов библиотеки, если оригинальный элемент библиотеки отсутствует или был случайно удален.
Редактирование элементов библиотеки в документе
При добавлении элемента библиотеки в документ, если требуется изменить элемент специально для этой страницы, необходимо разорвать связь между элементом в документе и библиотекой. После того как экземпляр элемента библиотеки становится редактируемым, этот экземпляр не обновляется при изменении элемента библиотеки.
Выберите элемент библиотеки в текущем документе.
Нажмите
«Отсоединить от оригинала» в инспекторе свойств («Окно» >
«Свойства»).
Редактирование варианта поведения, содержащегося в элементе библиотеки
Для редактирования поведения элемента библиотеки необходимо сначала вставить элемент в документ, а затем сделать элемент редактируемым в этом документе. После внесения изменений можно повторно создать элемент библиотеки, заменив элемент в библиотеке отредактированным элементом из документа.
Откройте документ, в котором содержится элемент библиотеки.
Запомните имя элемента библиотеки, а также точные теги, которые он содержит. Эта информация понадобится позже.
Выберите элемент библиотеки, а затем нажмите «Отсоединить от оригинала»
в инспекторе свойств («Окно» > «Свойства»).
Выберите элемент, к которому прикреплено
поведение.
На панели «Поведение» («Окно» > «Поведение»)
дважды нажмите действие, которое хотите изменить.
В появившемся диалоговом окне внесите изменения, затем
нажмите «ОК».
На панели «Ресурсы» выберите категорию «Библиотека».
Запишите точное имя и регистр букв оригинального
элемента библиотеки; выберите его, а затем нажмите кнопку «Удалить».
В окне документа выберите все элементы, которые
составляют элемент библиотеки.
Внимательно выберите точно те же элементы, которые были в оригинальном элементе библиотеки.
На панели «Ресурсы» нажмите кнопку «Создать элемент библиотеки» и назовите новый элемент так же, как и ранее удаленный (новое имя должно совпадать со старым посимвольно, включая регистр символов).
Чтобы обновить элемент библиотеки, используемый в других документах сайта, выберите команды «Инструменты» > «Библиотека» > «Обновить страницы».
Во всплывающем меню «Область поиска» выберите «Файлы, использующие».
Во всплывающем меню рядом выберите имя элемента библиотеки,
который только что создали.
В параметре «Обновление» убедитесь, что выбран пункт «Элементы библиотеки», затем нажмите кнопку «Начать».
По завершении обновлений нажмите кнопку «Закрыть».
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.
