Изучите этот раздел, чтобы узнать, как создавать элементы библиотеки в 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.

Создание элемента библиотеки из выделенного фрагмента

  1. В окне документа выделите фрагмент документа, который нужно сохранить в качестве элемента библиотеки.
  2. Выберите «Инструменты» > «Библиотека» > «Добавить объект в библиотеку».

  3. Введите имя нового элемента библиотеки и нажмите клавишу Enter (в Windows) или Return (в Macintosh).

    Dreamweaver сохраняет каждый элемент библиотеки в отдельном файле (с расширением lbi) в папке «Библиотека», расположенной в локальной корневой папке сайта.

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

  1. Убедитесь, что в окне документа нет выделенных объектов.

    (Все выделенные объекты будут помещены в новый элемент библиотеки.)

  2. На панели «Ресурсы» выберите категорию «Библиотека».

  3. Нажмите кнопку «Создать элемент библиотеки» в нижней части панели.

  4. Введите имя для выделенного элемента и нажмите клавишу Enter (в Windows) или Return (в Macintosh).

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

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

  1. Поместите курсор вставки в окно документа.
  2. На панели «Ресурсы» выберите категорию «Библиотека».

  3. Выполните одно из следующих действий.
    • Переместите элемент библиотеки с панели «Ресурсы» в окно документа.

    Примечание.

    Чтобы вставить в документ содержимое элемента библиотеки без ссылки на этот элемент, во время перемещения элемента из панели «Ресурсы» удерживайте клавишу Control (в Windows) либо Option (в Macintosh). Если элемент был вставлен таким способом, его можно будет редактировать в документе, однако данный документ не будет обновляться при обновлении страниц, в которых используется этот элемент библиотеки.

    • Выберите элемент библиотеки и нажмите кнопку «Вставить».

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

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

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

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

  1. На панели «Ресурсы» выберите категорию «Библиотека».

  2. Выберите элемент библиотеки.
  3. Нажмите кнопку «Изменить» или дважды щелкните элемент библиотеки.

    Dreamweaver открывает для редактирования элемента библиотеки новое окно, аналогичное окну документа. Серый фон указывает на то, что редактируется элемент библиотеки, а не документ.

  4. Внесите и сохраните необходимые изменения.
  5. Укажите, должны ли обновляться документы, размещенные на локальном сайте, в которых используется данный элемент библиотеки. Выберите «Обновить» для немедленного обновления. Если выбрать «Не обновлять», документы можно будет обновить позже с помощью команд «Инструменты» > «Библиотека» > «Обновить текущую страницу» или «Обновить страницы».

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

  1. Выберите «Инструменты» > «Библиотека» > «Обновить текущую страницу».

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

  1. Выберите «Инструменты» > «Библиотека» > «Обновить страницы».

  2. Во всплывающем меню «Область поиска» укажите, что следует обновлять.
    • Чтобы обновить все страницы выбранного сайта текущими версиями всех элементов библиотеки, сначала выберите «Весь веб-сайт», а затем сайт из всплывающего меню.

    • Чтобы обновить все страницы выбранного сайта, в которых используется определенный элемент библиотеки, сначала выберите «Файлы, использующие», а затем элемент библиотеки из всплывающего меню.

  3. Убедитесь, что в группе «Обновить» выбран параметр «Элементы библиотеки».

    Примечание.

    Чтобы обновить шаблоны, выберите также параметр «Шаблоны».

  4. Нажмите кнопку «Начать».

    Dreamweaver выполнит обновление файлов в соответствии с указанными параметрами. Если выбран параметр «Показать журнал», Dreamweaver формирует отчет, содержащий результат обновления файлов и прочую информацию.

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

  1. На панели «Ресурсы» выберите категорию «Библиотека».

  2. Щелкните элемент библиотеки, затем после паузы щелкните его еще раз. (Не выполняйте обычный двойной щелчок, поскольку в результате этого элемент будет открыт для редактирования.)
  3. Введите новое имя.
  4. Щелкните в любом месте либо нажмите клавишу Enter (в Windows) или Return (в Macintosh).
  5. Укажите, должны ли обновляться документы, в которых используется этот элемент, выбрав «Обновить» либо «Не обновлять».

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

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

  1. На панели «Ресурсы» выберите категорию «Библиотека».

  2. Выберите элемент библиотеки.
  3. Нажмите кнопку «Удалить» или клавишу Delete, а затем подтвердите удаление элемента.

    Примечание.

    После удаления восстановить элемент библиотеки с помощью команды «Отменить» нельзя. Но его можно создать заново.

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

  1. Выберите в каком-либо документе экземпляр требуемого элемента.
  2. Нажмите кнопку «Создать заново» в инспекторе свойств («Окно» > «Свойства»).

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

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

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

  1. Выберите меню «Правка» > «Настройки» (Windows) или «Dreamweaver» > «Настройки» (Macintosh).
  2. Выберите категорию «Выделение цветом» из списка слева от диалогового окна «Настройки».
  3. Щелкните поле цвета «Элементы библиотеки», затем выберите цвет выделения с помощью палитры цветов (либо введите в текстовое поле шестнадцатеричное значение цвета).
  4. Установите флажок «Показать», чтобы выделение цветом отображалось в окне документа.
  5. Нажмите кнопку «ОК».

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

  1. Чтобы отобразить выделение цветом, выберите «Вид» > «Параметры представления "Дизайн"» > «Невидимые элементы». Чтобы скрыть выделение цветом, отключите «Невидимые элементы».

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

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

  1. Выделите элемент библиотеки в документе.
  2. Выберите один из следующих параметров в инспекторе свойств («Окно» > «Свойства»).

    Src

    Служит для отображения имени и расположения исходного файла элемента библиотеки. Эта информация не редактируется.

    Открыть

    Служит для открытия исходного файла элемента библиотеки с целью редактирования. Эквивалентно выбору элемента на панели «Ресурсы» и нажатию кнопки «Изменить».

    Отсоединить от оригинала

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

    Создать заново

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

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

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

  1. Выберите элемент библиотеки в текущем документе.
  2. Нажмите кнопку «Отсоединить от оригинала» в инспекторе свойств («Окно» > «Свойства»).

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

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

  1. Откройте документ, в котором содержится элемент библиотеки.

    Запишите имя элемента библиотеки и все его теги. Эта информация понадобится позже.

  2. Выделите элемент библиотеки и нажмите кнопку «Отсоединить от оригинала» в инспекторе свойств («Окно» > «Свойства»).
  3. Выделите элемент, которому назначен вариант поведения.
  4. На панели «Поведение» («Окно» > «Поведение») дважды щелкните действие, которое необходимо изменить.
  5. Внесите изменения в появившемся диалоговом окне и нажмите кнопку «ОК».
  6. На панели «Ресурсы» выберите категорию «Библиотека».

  7. Запишите точное имя с учетом регистра исходного элемента библиотеки, выделите его и нажмите кнопку «Удалить».
  8. В окне документа выберите все элементы, которые входят в элемент библиотеки.

    Убедитесь, что выбраны точно такие же элементы, которые содержались в исходном элементе библиотеки.

  9. На панели «Ресурсы» нажмите кнопку «Создать элемент библиотеки» и назовите новый элемент так же, как и ранее удаленный (новое имя должно совпадать со старым посимвольно, включая регистр символов).

  10. Чтобы обновить элемент библиотеки, используемый в других документах сайта, выберите команды «Инструменты» > «Библиотека» > «Обновить страницы».

  11. Во всплывающем меню «Область поиска» выберите «Файлы, использующие».
  12. Из соседнего всплывающего меню выберите только что созданный элемент библиотеки.
  13. Убедитесь, что в группе «Обновить» выбран параметр «Элементы библиотеки», и нажмите кнопку «Начать».
  14. По завершении обновлений нажмите кнопку «Закрыть».

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет