Представление конструирования

Статья
08/11/2011

Режим Конструктора отображает веб-страницы ASP.NET, главные страницы, страницы содержимого, HTML-страницы и пользовательские элементы управления с помощью представления, близкого к WYSIWYG. Режим конструктора позволяет добавлять текст и элементы и затем изменять их положение и размер и задавать их свойства с помощью специальных меню или окна Свойства.

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

Чтобы переключиться в режим конструктора, следует щелкнуть на вкладку Конструктор, расположенную в нижней части окна конструктора HTML.

Примечание

Режим конструктора отображает только тело документа — часть между тегами <body> и </body>.Хотя можно изменить некоторые свойства элемента head, такие как название документа, с помощью окна Свойства документа, необходимо переключиться в режим исходного кода, чтобы изменить свойства элементов не внутри элемента body.

Чем отличается режим конструктора от отображения в браузере

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

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

Область конструктора является редактируемой.
Некоторые элементы отображаются в режиме конструктора для редактирования, но не отображаются в обозревателе, например, источники данных. Большинство элементов управления, отображаемых только во время редактирования, в режиме конструктора отображаются в виде серых блоков.
Формат некоторых знаков и абзацев может отображаться иначе, чем в определенном обозревателе (если в этом браузере технология отображения форматирования реализована не так, как в режиме конструктора).
При необходимости можно заставить редактор отображать блоки, символы и пиктограммы для обозначения элементов управления сервера. Дополнительные сведения см. в разделе Страница "Отображение", папка "Конструктор HTML", диалоговое окно "Параметры".
Гиперссылки не работают.
Клиентские скрипты не работают.
Код сервера не выполняется.
Элементы, поддерживающие использование замещающего текста (например, изображения), не отображают данный текст во всплывающих подсказках при наведении на них указателя мыши.

Отображение невизуальных элементов

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

Кроме того, можно выбрать отображение границ и символов, которые помогут вам работать с элементами и тегами на странице. Дополнительные сведения см. в разделе How to: Display Hidden Information in Design View.

Отображение пустых символов

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

Размещение элементов в режиме конструктора

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

Перемещение в режиме конструктора

Для облегчения перемещения между элементами и их выбора конструктор предоставляет следующие параметры:

Навигатор по тегам. Навигатор тегов отображает текущий элемент вместе с иерархией родительских тегов, которым он принадлежит. Можно использовать навигатор тегов для просмотра того, какой элемент в фокусе, и перехода с текущего элемента на элемент выше в иерархии. Дополнительные сведения см. в разделе Навигация по тегам в редакторе HTML в Visual Web Developer.
Структура документа. Окно Структура документа позволяет определить местоположение и осуществить выбор любых элементов в документе, включая и те из них, которые не отображены на экране. Дополнительные сведения см. в разделе Практическое руководство. Структура переходов в HTML-редакторе в Visual Web Developer.
Окно Свойства. При выборе элемента из выпадающего списка в верхней части окна Свойства редактор осуществляет выбор элемента в документе.

Добавление элементов

Добавить элементы на страницу в режиме конструктора можно следующими способами:

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

Смарт-теги в режиме конструктора

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

Выражения в режиме конструктора

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

Обновление в конструкторе

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

Чтобы обновить конструктор, можно выполнить одно из следующих действий:

Щелкните правой кнопкой мыши в окне конструктора и выберите Обновить.
В меню Вид выберите команду Обновить.

См. также