Отображение или скрытие визуальных подсказок

Важно :  Данная статья переведена с помощью машинного перевода, см. Отказ от ответственности. Используйте английский вариант этой статьи, который находится здесь, в качестве справочного материала.

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

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

В этой статье:

Что такое визуальные подсказки

Что изображено каждой визуальной подсказкой

Отображение или скрытие визуальных подсказок

Что такое визуальные подсказки

Визуальные подсказки являются индикаторами, которые пользователь может отобразить на странице в режиме конструктора, чтобы увидеть на этой странице все невидимые или пустые элементы и свойства. Визуальные подсказки могут использоваться для идентификации элементов, имеющих стили невидимых или пустых элементов, таких как пустые теги HTML и невидимые элементы управления Microsoft ASP.NET. Визуальные подсказки также позволяют увидеть на странице внешние и внутренние поля элементов страницы, блоки содержимого и области содержимого (только на страницах ASP.NET и в динамических веб-шаблонах).

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

Страница в режиме конструктора с выключенными визуальными подсказками

На следующем рисунке (по-прежнему используется режим конструктора, однако теперь на нем отображаются визуальные подсказки по умолчанию) та же самая страница выглядит по-другому.

Страница в режиме конструктора с выключенными визуальными подсказками по умолчанию

При отображении визуальных подсказок границы некоторых элементов показываются пунктиром различного цвета. Каждый пунктирный контур представляет отдельную визуальную подсказку. Например, на предыдущем рисунке визуальная подсказка «Видимые границы» указывает области содержимого с помощью пунктирных границ лилового цвета, табличные элементы — пунктирных границ белого цвета, а области, недоступные для изменения, выглядят затененными серым цветом. В зависимости от типа выбранной визуальной подсказки на странице можно также отобразить области содержимого, элементы, помеченные стилем невидимых или пустых элементов, невидимые элементы управления ASP.NET и ошибки элементов управления ASP.NET. В следующем разделе приводится подробное описание каждого типа визуальной подсказки.

К началу страницы

Что отображает визуальная подсказка

В этом разделе рассматриваются визуальные подсказки, доступны в Microsoft Office SharePoint Designer 2007, описывается использование и поведение каждой визуальной подсказки (а также ограничения на их использование), а также приводятся примеры отображения каждой визуальной подсказки в режиме конструктора.

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

Выделение блоков

Визуальная подсказка «Выделение блоков» отображается двумя способами:

  • Если щелкнуть внутри блока, вокруг него появится пунктирный прямоугольник.

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

Визуальная подсказка «Выделение блоков» может использоваться только для следующих тегов: абзаца, списка, элемента списка, формы, адреса, блока цитаты, горизонтальной линии, центрирования, а также непозиционированный тег div.

Примечание : Пунктирный прямоугольник, поле и маркеры изменения размера доступны для некоторых элементов, таких как изображения, позиционированные теги div и таблицы, даже в случае, когда визуальная подсказка «Выделение блоков» не выбрана.

Блок с курсором внутри и визуальной подсказкой «Выделение блоков»

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

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

Выделенный блок с соответствующим выделенным тегом на панели «Быстрый выбор тега»

1. Область задач Быстрый выбор тега, в которой отображается соответствующее имя тега

2. Внешние поля отображаются затененными красным цветом

3. Внутренние поля отображаются затененными синим цветом

4. Маркеры изменения размера блока

5. Маркеры изменения размера внешнего поля

Чтобы переместить по странице точно позиционированные элементы (например, изображения), их можно перетаскивать. Можно перетащить тег, соответствующий блоку этого элемента, на новую позицию на странице.

Видимые границы

Визуальная подсказка «Видимые границы» отображает пунктирные контуры элементов, имеющих скрытые границы или не имеющих границ на странице. Видимые границы отображаются вокруг элементов, таких как таблицы, позиционированные элементы, контейнеры форм и области содержимого. У внутренне стилизованных элементов, таких как изображения, видимые границы не отображаются при выборе визуальной подсказки. Видимые границы отображаются также вокруг элементов, размер которых был изменен (т. е. элементов с определенной шириной и высотой), если эти элементы не имеют границ. Если изменить размер абзаца, а затем щелкнуть в любом месте страницы, у данного элемента отобразятся видимые границы.

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

Страница с включенной визуальной подсказкой «Видимые границы»

1. Области содержимого отображаются с помощью пунктирных границ лилового цвета

2. Табличные элементы отображаются с помощью пунктирных границ белого цвета

3. Области, недоступные для изменения, выглядят затененными серым цветом

Пустые контейнеры

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

Примечание : В режиме конструктора Office SharePoint Designer 2007 сворачивает пустые элементы, поскольку это делается в большинстве обозревателей. Когда используется визуальная подсказка «Пустые контейнеры», на странице отображаются все пустые элементы, что может изменить разметку страницы в режиме конструктора (но не в обозревателе).

Страница с включенной визуальной подсказкой «Пустые контейнеры»

1. Имеющиеся на странице пустые элементы обрамляются пунктирными прямоугольниками

Внешние и внутренние поля

Визуальная подсказка «Внешние и внутренние поля» отображает Внешние и внутренние поля вокруг элементов, расположенных на странице. Внешние поля отображаются затененными красным цветом, а внутренние — синим. Эта визуальная подсказка отображает внешние и внутренние поля для каждого элемента страницы.

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

Страница с включенной визуальной подсказкой «Внешние и внутренние поля»

1. Внутренние поля отображаются затененными синим цветом

2. Внешние поля отображаются затененными красным цветом

Элементы CSS Display:none

Визуальная подсказка «Элементы CSS Display:none» отображает элементы, определенные в соответствующей таблице стилей страницы как display:none.

Примечание : Такие элементы не отображаются в обозревателе.

Элементы CSS Visibility:hidden

Визуальная подсказка «Элементы CSS Visibility:hidden» отображает элементы, определенные в соответствующей таблице стилей страницы как visibility:hidden.

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

Элементы управления ASP.NET без визуального представления

Визуальная подсказка «Элементы управления ASP.NET без визуального представления» отображает на странице все невидимые элементы управления ASP.NET — например, HiddenField или элемент управления источника данных. 

Страница с отображающимися элементами управления ASP.NET без визуального представления

1. Отображение элементов управления ASP.NET без визуального представления на странице ASP.NET

Ошибки элементов управления ASP.NET

Визуальная подсказка «Ошибки элементов управления ASP.NET» отображает сообщение об ошибке, когда имеющийся на странице элемент управления ASP.NET обнаруживает ошибку (например, ошибку подключения к источнику данных или наличие неправильных свойств страницы).

Страница с ошибками элементов управления ASP.NET

Показывать подписи областей шаблона

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

Примечание : Эта визуальная подсказка может отображаться только на страницах, созданных либо из главных страниц ASP.NET, либо из динамических веб-шаблонов.

Страница с включенной визуальной подсказкой «Подписи областей шаблона»

1. Области содержимого, окаймленные сиреневой границей на главной странице ASP.NET

К началу страницы

Отображение и скрытие визуальных подсказок

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

  1. Откройте страницу для изменения в режиме конструктора.

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

  2. Чтобы отобразить или скрыть визуальные подсказки, выполните одно из следующих действий.

    • В меню Вид укажите Визуальные подсказки, а затем щелкните Показать. Это приведет к отображению или скрытию всех визуальных подсказок, выбранных в соответствующем подменю. Чтобы отобразить или скрыть любую из визуальных подсказок, щелкните ее в подменю Визуальная подсказка.

    • Нажмите сочетание клавиш CTRL+/. Это приведет к отображению или скрытию всех визуальных подсказок, выбранных в подменю Визуальные подсказки.

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

      Примечание : Визуальные подсказки, выбранные в подменю Визуальные подсказки, остаются выбранными до тех пор, пока не будут выполнены действия по их скрытию. Это означает, что когда пользователь нажимает сочетание клавиш CTRL+/ или дважды щелкает индикатор в строке состояния, чтобы отобразить визуальные подсказки, всегда будут отображаться визуальные подсказки, которые в настоящее время являются выбранными в подменю Визуальные подсказки.

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

Меню «Вид» и подменю «Визуальные подсказки»

1. Щелкните Показать, чтобы отобразить или скрыть все выбранные визуальные подсказки.

2. Щелкните любую отдельную визуальную подсказку, чтобы отобразить или скрыть ее, когда выбрана команда Показать.

3. Внешний вид выбранных визуальных подсказок. Они также являются визуальными подсказками по умолчанию.

4. Внешний вид визуальных подсказок, которые не были выбраны

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

Индикатор «Визуальные подсказки» в строке состояния

Кроме того, если поместить указатель мыши над разделом Визуальные подсказки строки состояния, появляется уведомление, объясняющее, каким образом текущее состояние параметра Визуальные подсказки оказывает влияние на разметку страницы в Office SharePoint Designer 2007.

Уведомление «Визуальные подсказки» в строке состояния

К началу страницы

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

Совершенствование навыков
Перейти к обучению
Первоочередный доступ к новым возможностям
Присоединиться к программе предварительной оценки Office

Были ли сведения полезными?

Спасибо за ваш отзыв!

Благодарим за отзыв! Возможно, будет полезно связать вас с одним из наших специалистов службы поддержки Office.

×