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

Чтобы выделить элемент в представлении «Дизайн» области «Окно документа», щелкните этот элемент. Если элемент невидим, для выделения его необходимо сделать видимым.

Некоторые части HTML-кода не могут быть представлены в браузере визуально. Например, теги comment в браузерах не отображаются. Однако при создании страницы может быть полезной возможность выделения, редактирования, перемещения и удаления невидимых элементов.

Dreamweaver позволяет указать, отображать ли значки расположения невидимых элементов в представлении «Дизайн» области «Окно документа». Чтобы указать, какие маркеры элементов должны отображаться, можно задать установки в разделе «Невидимые элементы». Например, можно указать отображение именованных привязок, но не разрывов строк.

Некоторые невидимые элементы (например, комментарии или именованные привязки) можно создавать и изменять с помощью диалогового окна «Настройки» > «Невидимые элементы».

Выделение элементов

  • Чтобы выделить видимый элемент в области «Окно документа», щелкните этот элемент или перетащите по нему указатель мыши.

  • Чтобы выделить невидимый элемент, в представлении «Дизайн» выберите пункт «Просмотр» > «Параметры представления "Дизайн"» > «Средства визуализации» > «Невидимые элементы» (если этот пункт еще не выбран), после чего щелкните маркер элемента в области окна документа.

    Некоторые объекты отображаются на странице в месте, отличном от места вставки их кода. Например, в представлении «Дизайн» элемент с абсолютным позиционированием (элемент AP) может находиться в любом месте страницы, но в представлении «Код» расположение его кода зафиксировано. При отображении невидимых элементов в области «Окно документа» Dreamweaver отображаются маркеры, указывающие расположение кода таких элементов. При выделении маркера выделяется весь элемент; например, при выделении маркера элемента AP выделяется весь элемент AP.

  • Чтобы выделить весь тег (включая содержимое, при его наличии), щелкните его в селекторе тегов в левом нижнем углу области «Окно документа». (Селектор тегов отображается как в представлении «Дизайн», так и в представлении «Код».) В селекторе тегов всегда отображаются теги, содержащие текущий выделенный фрагмент или позицию курсора. Крайний левый тег — это самый внешний тег, содержащий текущий выделенный фрагмент или позицию курсора. Следующий тег содержится в упомянутом самом внешнем теге и так далее; крайний правый тег — это самый внутренний тег, содержащий текущий выделенный фрагмент или позицию курсора.

Просмотр HTML-кода

  1. Чтобы просмотреть связанный с текстом или объектом HTML-код, выполните одно из следующих действий.

    • На панели инструментов «Документ» нажмите кнопку «Код».

    • Выберите «Просмотр» > «Код».

    • Выберите параметр «Просмотр» > «Разделить» > «Код-Интерактивный», «Код-Дизайн» или «Код-Код».

    • Выберите «Окно» > «Инспектор кода».

      При выделении какого-либо фрагмента в одном из редакторов кода (в представлении «Код» или инспекторе кода) он обычно также выделяется и в области «Окно документа». Для отображения выделенного фрагмента может потребоваться синхронизация двух представлений.

Отображение или скрытие маркеров невидимых элементов

  1. Выберите «Просмотр» > «Параметры представления "Дизайн"» > «Средства визуализации» > «Невидимые элементы».

    Примечание.

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

Задание установок невидимых элементов

В установках невидимых элементов можно указать, какие типы элементов будут видимыми при выборе пункта меню «Просмотр» > «Вспомогательные элементы» > «Невидимые элементы».

  1. Выберите меню «Правка» > «Настройки» (Windows) или «Dreamweaver» > «Настройки» (Macintosh), после чего выберите вкладку «Невидимые элементы».
  2. Выберите, какие элементы следует сделать видимыми, и нажмите кнопку «ОК».

    Примечание.

    Флажок возле названия элемента в диалоговом окне означает, что при выборе пункта меню «Просмотр» > «Вспомогательные элементы» > «Невидимые элементы» этот элемент будет видимым.

    Именованные привязки

    Отображает значок, обозначающий расположение каждой из именованных привязок (a name = "") в документе.

    Сценарии

    Отображает значок, обозначающий расположение кода JavaScript или VBScript в теле документа. Выделив значок, можно изменить сценарий в инспекторе свойств или указать ссылку на внешний файл сценария.

    Комментарии

    Отображает значок, обозначающий расположение HTML-комментариев. Выделив значок, можно просмотреть комментарий в инспекторе свойств.

    Разрывы строк

    Отображает значок, обозначающий расположение каждого из разрывов строк (BR). По умолчанию этот параметр не выбран.

    Клиентские карты ссылок

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

    Внедренные стили

    Отображает значок, показывающий расположение CSS-стилей, внедренных в тело документа (в секцию body). Если CSS-стили расположены в заголовке документа (в секции head), в области «Окно документа» они не отображаются.

    Скрытые поля формы

    Отображает значок, обозначающий расположение полей форм с атрибутом type, имеющим значение «hidden».

    Разделитель форм

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

    Опорные точки для элементов AP

    Отображает значок, который обозначает расположение кода, определяющего элемент с абсолютным позиционированием (элемент AP). Сам элемент AP может быть расположен в любом месте страницы. (Элементы AP не являются невидимыми; невидим только код, определяющий их.) Выделив значок, можно выделить элемент AP; затем можно просмотреть его содержимое, даже если элемент обозначен как скрытый.

    Опорные точки для выровненных элементов

    Отображает значок, показывающий расположение HTML-кода элементов, которые принимают атрибут align. К ним относятся изображения, таблицы, объекты ActiveX, подключаемые модули и апплеты. В некоторых случаях код элемента может быть отделен от видимого объекта.

    Отображаемые серверные теги разметки

    Отображает расположение серверных тегов разметки (например, ASP или ColdFusion), содержимое которых невозможно отобразить в области «Окно документа». Эти теги обычно создают теги HTML при обработке сервером. Например, тег <CFGRAPH> создает таблицу HTML при обработке сервером ColdFusion. В Dreamweaver этот тег представляется с помощью невидимого элемента ColdFusion, поскольку приложение Dreamweaver не может определить окончательные, динамические выходные данные страницы.

    Неотображаемые серверные теги разметки

    Отображает расположение серверных тегов разметки (например, ASP или ColdFusion), содержимое которых невозможно отобразить в области «Окно документа». Эти теги обычно представляют собой теги настройки, обработки или логические теги (например, <CFSET>, <CFWDDX> и <CFXML>), которые не создают теги HTML.

    Отображение CSS: Нет

    Отображает значок, показывающий расположение содержимого, скрытого свойством display:none в связанной или внедренной таблице стилей.

    Показывать динамический текст в виде

    Отображает любой динамический текст на странице в формате {Набор_записей:Поле} по умолчанию. Если длина этих значений достаточно велика для искажения форматирования страницы, можно изменить формат отображения на {}.

    SSI

    Отображает текущее содержимое каждого файла SSI.

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

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