Редакторы и визуальные конструкторы

Оценить
(0 голоса)
Окна WPF заполняются элементами управления при помощи все тех же операций перетас­кивания из панели инструментов. Размещение элементов управления и изменение их разме­ра облегчается использованием линий привязки и блоков управления размером, которые выглядят несколько иначе, чем соответствующие элементы WinForms, но выполняют те же задачи (рис. 6.37). Windowijufnl" Мы подробно описываем разработку WPF в главе 16.
Оценить
(0 голоса)
Web Forms представляют собой элемент пользовательского интерфейса для Web- приложения. Традиционно в .NET термин "Web-форма" используется для обозначения страниц, которые динамически обрабатываются на сервере (при помощи ASP.NET). Здесь мы используем более широкое определение и применяем этот термин для обозначения лю­бых Web-страниц (статических или динамических), которые можно разрабатывать и конст­руировать в интегрированной среде разработки Visual Studio. Визуальный конструктор HTML (называемый также Web-конструктором) — это родствен­ное для визуальных конструкторов Windows Forms и WPF приложение; он позволяет вам визуально конструировать и редактировать разметку Web-страницы. Точно так же, как и два вышеупомянутых визуальных конструктора для приложений, он работает в сочетании с ви­зуальным конструктором HTML…
Оценить
(0 голоса)
Конструирование Web-страницы начинается с Web-проекта. Как уже обсуждалось ранее, есть два разных способа конструирования Web-страницы или Web-сайта при помощи Visual Studio. Оба этих подхода представлены своими собственными шаблонами проекта. Мы го­ворим сейчас о проектах "Web-приложения" и "Web-сайта". В главе 4 мы выявили некото­рые фундаментальные отличия между этими двумя типами проектов; дополнительные под­робности ждут вас в главе 14. Однако поскольку реальное конструирование Web-страницы при помощи Web-конструктора совершенно идентично в обоих типах проектов, то здесь мы сосредоточимся на проекте Web-сайта. Выберите File | New Web Site и в диалоговом окне отметьте вариант ASP.NET Web Site. После указания каталога с исходными кодами и…
Оценить
(0 голоса)
Процесс добавления и размещения элементов управления не отличается от аналогичного процесса в визуальном конструкторе Windows Forms. Просто перетаскивайте элементы управления из панели Toolbox на поверхность конструктора. В данном случае вам нужны две метки, два текстовых поля и кнопка ОК (поскольку это не диалоговое окно, то выходить из него можно при помощи кнопки Cancel). Изменение свойств элементов управления вы­полняется точно таким же способом — через окно Properties. Здесь вы можете выбрать метки и командные кнопки и настроить их текст. Примечание По мере того, как вы добавляете элементы управления на Web-страницу, вы должны заметить, что режим размещения по умолчанию является относительным. То…
Оценить
(0 голоса)
По мере добавления на поверхность визуального конструктора элементов управления (и прочих элементов), для реализации данного дизайна и компоновки создается код HTML. Как дизайнер (или разработчик) вы можете работать либо на визуальном уровне при помо­щи визуального конструктора, либо на уровне исходных текстов при помощи редактора HTML Source Editor. Подобно прочим редакторам Visual Studio 2008, HTML Source Editor поддерживает технологию IntelliSense и другие интерактивные функциональные возможно­сти для навигации по разметке и ее проверки. Возвратитесь к рис. 6.38 и обратите внимание на разметку, сгенерированную визуальным конструктором при добавлении элементов управления на страницу регистрации. Так же, как и в случае других пар "визуальный конструктор/редактор",…
Оценить
(0 голоса)
HTML-таблицы обеспечивают быстрый и легкий способ выравнивания элементов управле­ния на Web-странице. В Visual Studio 2008 имеется специальное диалоговое окно Insert Ta­ble, которое предоставляет обширные возможности управления компоновкой и внешним видом таблиц. Для того чтобы поместить таблицу на поверхность конструирования, выбери­те в меню Layout | Insert Table. Диалоговое окно Insert Table поддерживает нестандартные компоновки таблиц, где вы можете указать атрибуты строк и столбцов, а также общие атри­буты стиля (такие как рамки и дополнение пробелами). При помощи этого диалогового окна вы можете также выбрать готовый шаблон таблицы из списка. После добавления таблицы в визуальный конструктор она полностью интерактивна и отзы­вается на изменение…
Оценить
(0 голоса)
Кроме сохранения формата написанного вами HTML-кода Visual Studio 2008 предоставляет также возможности тонкого управления тем, как визуальный конструктор генерирует и форматирует HTML-код. Вы можете использовать страницу HTML диалогового окна Ор- tions (меню Tools | Options | Text Editor | HTML) для настройки стиля отступов, использо­вания цитирования, переноса слов и регистра тегов (рис. 6.39). Настройки могут быть применены глобально ко всей разметке, либо вы можете выполнить настройку для каждого тега отдельно (при, помощи нажатия кнопки Tag Specific Options в Text Editor | HTML | Format). Например, такой уровень детализации полезен тогда, когда вы в вашем стиле кодирования используете перенос строки в…
Оценить
(0 голоса)
Visual Studio 2008 вводит совершенно новый набор инструментов для управления стилями и каскадными таблицами стилей.   Окна Manage Styles и Apply Styles используются для вы­полнения обычных задач редактирования стилей, включая и применение стиля к текущему HTML-документу или прикрепление/открепление файла каскадных таблиц стилей к/от те­кущему HTML-документу. Третий инструмент— окно свойств CSS Properties— перечис­ляет все свойства каскадных таблиц стилей для текущего выделенного элемента страницы, позволяя быстро выполнить изменения любых значений свойств. Типичный процесс редактирования стилей выглядит следующим образом: 1.   Открыть Web-страницу. 2.   Определить новый стиль. 3.   Применить стиль. 4.   Подстроить стиль. На рис. 6.41 показано окно Manage Styles, а также его способность…
Оценить
(0 голоса)
Результат всех усилий по проектированию HTML-документа — это его отображение в брау­зере. С учетом большого количества используемых браузеров (которые поддерживают раз­личные уровни спецификаций HTML (и в том числе и XHTML)), очень трудно обеспечить соответствие реальности и первоначального замысла дизайна страницы.    Настройка целевого браузера в Visual Studio помогает вам решить эту проблему— вы можете вести разработку под конкретный стандарт HTML или конкретный браузер. Когда вы вводите HTML-код в редакторе исходного кода, то Visual Studio "на ходу" проверяет соответствие синтаксиса выбранному вами браузеру. Если какой-то элемент разметки нарушает правила целевого браузера вашей разработки, то он будет помечен знакомой красной волнистой чертой…
Оценить
(0 голоса)
Код HTML, сгенерированный визуальным конструктором HTML, по умолчанию соответст­вует XHTML. Например, теги сформированы в соответствии с требованиями XHTML. Ис1 пользование различных XHTML-целей для проверки разработки позволит вам обеспечить совместимость написанного вами кода. Visual Studio также старается обеспечить соответствие требованиям стандартов доступно­сти — это стандарты, которые определяют отображение Web-страниц для людей с ограни­ченными возможностями. Инструмент проверки Accessibility Checker можно запустить при помощи кнопки Check Page for Accessibility в панелях инструментов Source Editing лли Formatting. На рис. 6.42 показано диалоговое окно Accessibility Validation. Можете выбрать конкрет­ные стандарты, на соответствие которым вы хотите проверять ваш HTML-код.   Вы можете также выбрать уровень обратной…
© 2018 www.visualstudios.ru. Все права защищены.