Серверные элементы управления

Август 21, 2022

Главная
Информатика
Серверные элементы управления

Содержание

2. Web страница (форма) Содержит директивы Содержит HTML код Содержит серверные ЭУ Серверные HTML ЭУ Серверные Web
3. Серверные элементы управления (Server Controls) ASP.NET серверные ЭУ (server controls) являются основной частью архитектуры ASP.NET. Фактически
4. Серверные элементы управления Специальные типы ЭУ, с которыми можно в режиме «Design» проектировать интерфейс пользователя, но
5. Понятие элемента управления ЭУ это специальные окна, с помощью которых пользователь может управлять приложением, просматривать, вводить
6. Элементы управления и события (Controls and Events) Browser ASP.NET Button code ... List code ... Text
7. Типы серверных ЭУ HTML серверные ЭУ: это классы, которые обертывают стандартные HTML элементы. Кроме атрибута runat
8. Дополнительные серверные ЭУ ЭУ для работы с данными (Data controls). ЭУ для навигации (Navigation controls). ЭУ
9. Иерархия серверных ЭУ Все серверные ЭУ являются производными от базового класса Control из пространства имен System.Web.UI.
10. Свойства класса Control Так как все ЭУ являются производными от базового класса Control, то все они
11. Основные методы класса Control DataBind() - связывание ЭУ и всех его дочерних ЭУ с заданным источником
12. Синтаксис серверных элементов управления Эл. управления объявляются как HTML тэги с атрибутом runat=“server” Тэги задают какого
13. Серверные элементы управления Серверные HTML элементы управления - стандартные HTML-теги с атрибутом runat=”server”. Свойства совпадают с
14. Описание серверных ЭУ в форме Название Атрибуты Обязательный атрибут runat = “server” Позиционирование – размещение на
15. Простые и составные серверные ЭУ Простые (не имеют содержимого) Составные (включают в себя другие ЭУ)
16. Статические HTML тэги ASP.NET страница содержит смесь обычных HTML тэгов и описаний ASP.NET ЭУ. Для добавления
17. Серверные HTML элементы управления
18. Серверные HTML элементы управления Работают с существующими программами создания HTML страниц Свойства согласуются 1:1 с HTML
19. Серверные HTML элементы управления Серверные элементы управления HTML похожи на теги HTML и отличаются от последних
20. Серверные HTML элементы управления HTML элементы управления Использование HTML ЭУ в коде: void Page_Load(object sender, EventArgs
21. Пример серверных HTML ЭУ можно определить программно: void Page_Load (object sender, Eventargs e) { myName.Value =
22. HTML элементы управления Поддерживаемые элементы управления
23. Иерархия элементов управления HTML HtmlControl HtmlInputControl HtmlContainerControl HtmlImage HtmlInputButton HtmlInputCheckBox HtmlInputFile HtmlInputImage HtmlInputHidden HtmlInputRadioButton HtmlInputText HtmlInputReset
24. Свойства HtmlControl Attributes - Позволяют получить или добавить атрибуты к ЭУ. Можно использовать эту коллекцию для
25. Свойства класса HtmlContainerControl InnerHtml – возвращает или устанавливает HTML текст внутри открывающегося и закрывающегося тэгов. При
26. Класс HtmlInputControl Type — получает тип элемента HtmlInputControl. Например, если для этого свойства задано значение text,
27. Работа с атрибутами HTML Пример Установка атрибутов тега : function Init() { alert(”Hello”); } Void Page_Load(object
28. Основные события элементов управления HTML ServerClick – возврат формы и выполнение соответствующего скрипта на сервере. Пример:
29. Серверные Web элементы управления
30. Серверные Web элементы управления В web страницах ASP.Net можно добавлять ЭУ с тэгами asp: C этими
31. Описание серверного Web элемента управления любой элемент HTML документа можно сделать серверным с помощью атрибута runat=“server”.
32. Свойства серверных web ЭУ (Server Control Properties) Атрибуты тэга соответствуют свойствам эл. управления: c1.Text = “Foo”;
33. Типы событий серверных элементов При изменении состояния серверных ЭУ и выполнении действий пользователя с соответствующими им
34. Связывание обработчиков с событиями элементов Обработчики событий указываются в атрибутах элемента управления Код обработчика событий protected
35. Серверные Web элементы управления Последовательная объектная модель Label1.BackColor = Color.Red; Table.BackColor = Color.Blue; Более богатая функциональность
36. Web элементы управления Web элементы управления имеют расширенный набор свойств для отображения и форматирования, например: Font
37. Свойства класса WebControls AccessKey — возвращает или задает сочетание клавиш, позволяющее пользователю быстро перейти к элементу
38. Поддержка состояния По умолчанию элементы управления поддерживают их состояния между последовательностью обратных вызовов реализуется с использованием
39. Автоматическая обратная отправка (postback) Задано свойство эл. управления Checkbox: AutoPostBack = true // var theForm =
40. Типы web элементов управления Базовые (Basic Web Control Classes) Списочные (List controls) Сложные (Rich controls) Проверочные
41. Базовые web элементы управления (Basic Controls) Соответствуют HTML элементам управления Поддерживаемые элементы управления
42. Основные классы базовых web ЭУ
43. Основные классы базовых Web ЭУ (2)
44. Основные классы базовых Web ЭУ (3)
45. Пример объявления Текстовое окно Скролируемая панель BorderStyle="Solid" BorderWidth="1px" ScrollBars="Auto"> This scrolls. ...
46. Списочные элементы управления (List controls) Элементы управления, которые управляют повторениями Поддерживаемые элементы управления
47. Элементы управления CheckBoxList & RadioButtonList Коллекция кнопок выбора и радио-кнопок Для заполнения используется связывание Item 1
48. Списочные элементы управления - выпадающий список (drop-down list) заполняется коллекцией объектов . При рендеринге в HTML
49. Свойства класса ListControl AutoPostBack - If true, the form is automatically posted back when the user
50. Свойства выбираемых списочных ЭУ RepeatLayout - This specifies whether the check boxes or radio buttons will
51. Свойства размеченных списочных ЭУ (bulleted list) BulletStyle - Determines the type of list. Choose from Numbered
52. Сложные эл. управления (Rich Controls) ЭУ с большим набором функций Поддерживаемые ЭУ Разрабатываются сторонними компаниями
53. Составной серверный ЭУ ...
54. Сложные ЭУ в .Net 3.5 AdRotator: This control is a banner ad that displays one out
55. Проверочные ЭУ - верификаторы Большой набор возможностей задания декларативной проверки Проверка описывается отдельно от ЭУ Расширяемая
56. Проверка вводимых данных Проверяет, что введенные данные введены пользователем правильно; Блокирует дальнейшую обработку страницы, до тех
57. Алгоритм проверки вводимых данных Valid? Valid? User Enters Data No No Yes Yes Error Message Client
58. ЭУ для проверки вводимых данных Required field validator - проверяет, что значение заданного поля введено Compare
59. Проверочные ЭУ Проверочные ЭУ наследуются от класса System.Web.UI.WebControls.BaseValidator, который наследуется от ЭУ label. Проверочные ЭУ содержат
60. Проверочные ЭУ Проверочные ЭУ связываются со своими проверяемыми ЭУ с помощью свойства ControlToValidate К одному ЭУ
61. Проверочные ЭУ Свойство Page.IsValid содержит окончательный результат проверки всех ЭУ на странице void Submit_click(object s, EventArgs
62. Проверочные ЭУ Validation Controls Свойство проверочного элемента Display управляет отображением Static: статическое, отображение не меняется при
63. Проверочные ЭУ Validation Controls Можно задать значение “DownLevel” для браузера Проверка будет выполняться только на сервере
64. Проверочные ЭУ Validation Controls Демонстрация: ValidationControls1.aspx Показываются все типы проверочных элементов
65. Использование верификаторов Поместить требуемый верификатор на форме и выставить свойство ControlToValidate (ControlToCompare). Выставить свойство ErrorMessage Если
66. Комбинирование верификаторов С одним элементом управления можно использовать несколько верификаторов Только RequiredFieldValidator проверяет наличие/отсутствие значения у
67. Отмена проверки Поместить на форму HTML-элемент управления типа Submit. Установить атрибут Page_ValidationActive=false. На сервере проверить свойство
68. Нестандартная проверка вводимых данных Используется CustomValidator. Исполнение проверки может быть как на сервере, так и на
69. Размещение и оформление серверных ЭУ на форме
70. Позиционирование ЭУ в web форме Потоковое С помощью таблиц С помощью CSS Абсолютное С помощью CSS
71. Позиционирование ЭУ на web форме Для позиционирования ЭУ можно использовать все приемы, допустимые в HTML, такие
72. Скрытие Слои
73. Диалоговое окно New Stile
74. Форматирование HTML
75. HTML таблицы Visual Studio предоставляет средства для создания и работы с HTML таблицами. Можно добавить таблицу
76. Контейнеры … - контейнер для текста … - контейнер для участка HTML документа
78. Скачать презентацию

Слайд 2

Web страница (форма)
Содержит директивы
Содержит HTML код
Содержит серверные ЭУ
Серверные HTML ЭУ
Серверные Web

ЭУ

Слайд 3

Серверные элементы управления (Server Controls)
ASP.NET серверные ЭУ (server controls) являются основной частью

архитектуры ASP.NET.
Фактически серверные ЭУ являются классами в среде .NET Framework, которые показывают визуальные элементы на web форме.
Некоторые из этих классов относительно просты и тесно связаны с конкретными HTML тэгами. Другие ЭУ являются более сложными объектами, которые записывают в HTML документ более сложный код, состоящий из набора HTML элементов.

Слайд 4

Серверные элементы управления
Специальные типы ЭУ, с которыми можно в режиме «Design»

проектировать интерфейс пользователя, но которые при отправке ответа пользователю преобразуются в HTML элементы управления.
Типы серверных элементов управления
Серверные HTML элементы управления
ASP.NET элементы управления (или web ЭУ)
ASP.NET AJAX элементы управления
Пользовательские ЭУ (User controls and custom controls)
В ASP.NET имеется более 50 встроенных элементов управления

Слайд 5

Понятие элемента управления
ЭУ это специальные окна, с помощью которых пользователь может

управлять приложением, просматривать, вводить или выбирать данные.
Типы элементов управления:
Windows элементы управления (для Windows приложений).
HTML элементы управления (описанные в языке HTML), понимаются и реализуются браузером.
Серверные элементы управления, обрабатываются на сервере, при передаче клиенту преобразуются в HTML ЭУ или набор HTML ЭУ и скриптов браузера.

Слайд 6

Элементы управления и события (Controls and Events)
Browser
ASP.NET
Button code
...
List code
...
Text code
...
Event handlers

Слайд 7

Типы серверных ЭУ
HTML серверные ЭУ: это классы, которые обертывают стандартные HTML

элементы. Кроме атрибута runat =“server”, описание данного элемента не отличается от стандартного. Примерами являются HtmlAnchor (для тэга ) и HtmlSelect (для тэга

Слайд 13

Серверные элементы управления
Серверные HTML элементы управления
- стандартные HTML-теги с атрибутом runat=”server”.

Свойства совпадают с атрибутами соответствующего тега, простые свойства: InnerText, InnerHtml, Style, Value, Attributes

Серверные Web элементы управления
- более развитые элементы: …календарь, раскрывающийся список, таблицы данных… Идентификатор элемента управления Web – это префикс Пример текстового элемента управления HTML и Web:

Оба элемента генерируют одинаковый HTML-код, элемент Web содержит вводимый текст в свойстве text, а не в value.

элемент управления HTML

элемент управления Web

Слайд 14

ASP.NET ЭУ.
Для добавления HTML тэгов можно их ввести с помощью клавиатуры или перетащить из HTML панели Toolbox.
Visual Studio предоставляет построитель стиля (style builder) для форматирования любого статического HTML элемента с помощью CSS свойства style.
Для проверки можно добавить элемент

из панели HTML Toolbox.

отображается в виде панели без рамки. Можно щелкнуть на нем и выбрать команду Format->New Style.
Появится диалоговое окно New Style с возаожностями конфигурирования свойств colors, font, layout и border.

Слайд 17

Серверные HTML элементы управления

Слайд 18

Серверные HTML элементы управления
Работают с существующими программами создания HTML страниц
Свойства согласуются

1:1 с HTML
table.bgcolor ="red“;
Можно задать обработчики событий на стороне клиента
Удобны для быстрого преобразования существующих HTML страниц в страницы ASP.NET
Наследуются (производные) от класса System.Web.UI.HtmlControls.HtmlControl
Поддерживаемые элементы управления имеют собственные классы, другие наследуются от класса HtmlGenericControl

Слайд 19

Серверные HTML элементы управления
Серверные элементы управления HTML похожи на теги HTML

и отличаются от последних только наличием атрибута runat=server. Все они являются наследниками класса HtmlControl, который в свою очередь является наследником Control.
Класс HtmlControl определён в пространстве имён System.Web.UI.HtmlControls
У элемента управления HTML имеется набор свойств и методов, детально отражающих синтаксис HTML. Имя экземпляра серверного элемента определяется значением атрибута ID, а значение серверного элемента ввода – это Value. Свойства совпадают с атрибутами соответствующего тега, простые свойства –
InnerText, InnerHtml, Style, Value, Attributes
Не всем тегам сопоставимы элементы типа HtmlControl. Неизвестным для ASP.NET тегам ставится в соответствие экземпляр класса из пространства System.UI.GenericControl (универсальный элемент управления)

Слайд 20

Серверные HTML элементы управления
HTML элементы управления

Использование HTML

ЭУ в коде:
void Page_Load(object sender, EventArgs e)
{
myText.Value = "Hello World!";
}

Слайд 21

Пример серверных HTML ЭУ

можно определить программно:
void Page_Load (object

sender, Eventargs e)
{
myName.Value = ”Текст”
}
После рендеринга этой части кода средой ASP.NET будет получен HTML-код

Слайд 22

HTML элементы управления
Поддерживаемые элементы управления

<br><button><br><input type=text><br><input type=file><br><input type=submit><br><input type=button><br><input type=reset><br><input type=hidden><br></div></h2></div></div><div class="slides-wrapper"><div id="slide23" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 23</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-22.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Иерархия элементов управления HTML HtmlControl HtmlInputControl HtmlContainerControl HtmlImage HtmlInputButton HtmlInputCheckBox HtmlInputFile" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-22.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-22.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-22.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-22.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Иерархия элементов управления HTML<br><p>HtmlControl<br><p>HtmlInputControl<br><p>HtmlContainerControl<br><p>HtmlImage<br><p>HtmlInputButton<br><p>HtmlInputCheckBox<br><p>HtmlInputFile<br><p>HtmlInputImage<br><p>HtmlInputHidden<br><p>HtmlInputRadioButton<br><p>HtmlInputText<br><p>HtmlInputReset<br><p>HtmlInputSubmit<br><p>HtmlInputPassword<br><p>HtmlAncor<br><p>HtmlForm<br><p>HtmlSelect<br><p>HtmlButton<br><p>HtmlTable<br><p>HtmlTableRow<br><p>HtmlTableCell<br><p>HtmlTextArea<br><p>HtmlGenericControl<br><p>HtmlHead<br><p>HtmlLink<br><p>HtmlTitle<br></div></h2></div></div><div class="slides-wrapper"><div id="slide24" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 24</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-23.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Свойства HtmlControl Attributes - Позволяют получить или добавить атрибуты к ЭУ." loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-23.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-23.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-23.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-23.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Свойства HtmlControl<br><p>Attributes - Позволяют получить или добавить атрибуты к ЭУ. Можно</div></h2><div class="slides-content">использовать эту коллекцию для добавления атрибутов, которые не доступны с помощью специальных свойств. (Например, можно добавить атрибут onFocus для text box и задать некоторый JavaScript код для описания того, что будет выполняться, когда данный text box получит фокус ввода на странице).<br>Disabled – возвращает или задает состояние disabled ЭУ. Если оно равно true, то ЭУ показывается серым цветом и не работает.<br>Style – Возвращает коллекцию атрибутов CSS, которые применены к ЭУ. В web странице это свойство задается в виде строки, которая содержит атрибуты style:value, разделенные точкой с запятой. В Visual Studio можно задать это свойство с помощью команды New Style в контекстном меню данного элемента. <br>TagName – возвращает имя тэга ЭУ, такое как, img и т.п.<br></div></div></div><div class="slides-wrapper"><div id="slide25" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 25</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-24.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Свойства класса HtmlContainerControl InnerHtml – возвращает или устанавливает HTML текст внутри" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-24.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-24.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-24.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-24.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Свойства класса HtmlContainerControl<br><p>InnerHtml – возвращает или устанавливает HTML текст внутри открывающегося</div></h2><div class="slides-content">и закрывающегося тэгов. При использовании этого свойства, все символы остаются такими, как они есть. Это означает, что можно встроить HTML разметку (жирный текст, добавить разрывы строк и т.п.).<br>InnerText - возвращает или устанавливает просто текст внутри открывающегося и закрывающегося тэгов. При использовании этого свойства, все символы, которые могут интерпретироваться, как специальный HTML синтаксис (такой, как <, угловая скобка) автоматически заменяются на эквиваленты HTML сущностей.<br></div></div></div><div class="slides-wrapper"><div id="slide26" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 26</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-25.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Класс HtmlInputControl Type — получает тип элемента HtmlInputControl. Например, если для" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-25.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-25.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-25.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-25.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Класс HtmlInputControl<br><p>Type — получает тип элемента HtmlInputControl. <br>Например, если для этого</div></h2><div class="slides-content">свойства задано значение text, HtmlInputControl является текстовым полем для ввода данных.<br>Value — получает или задает значение, связанное с элементом управления. <br>Значение, связанное с элементом управления, зависит от типа элемента управления. <br>Например, в текстовом поле это свойство содержит текст, введенный в элементе управления. <br>Для кнопок это свойство определяет текст на кнопке.<br></div></div></div><div class="slides-wrapper"><div id="slide27" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 27</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-26.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Работа с атрибутами HTML Пример Установка атрибутов тега : function Init()" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-26.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-26.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-26.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-26.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Работа с атрибутами HTML<br><p>Пример<br>Установка атрибутов тега <body>:<br><script><br>function Init() {<br> alert(”Hello”);<br>}<br></script><br><script runat=”server”</div></h2><div class="slides-content">language=”C#”><br>Void Page_Load(object sender, EventArg e) <br>{<br> theBody.Attributes[”onload”] = ”Init”();<br>}<br></script><br><html><br><body runat=”server” id=”theBody”><br></body><br></html><br><p>Результирующий HTML-код:<br><script><br> function Init() {<br> alert(”Hello”);<br>}<br></script><br><html><br><body id=”theBody” onload=Init()><br></body><br></html><br></div></div></div><div class="slides-wrapper"><div id="slide28" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 28</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-27.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Основные события элементов управления HTML ServerClick – возврат формы и выполнение" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-27.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-27.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-27.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-27.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Основные события элементов управления HTML<br><p>ServerClick – возврат формы и выполнение соответствующего</div></h2><div class="slides-content">скрипта на сервере. <br>Пример: <a runat=server onclick=”Run()” onserverclick=”DoSomthing”> Выполнить на сервере</a> Атрибутом onclick определяется клиентский обработчик, написанный на JavaScript, а атрибутом onserverclick – серверный обработчик, код которого будет выполнен после возврата на сервер текущей формы.<br></div></div></div><div class="slides-wrapper"><div id="slide29" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 29</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-28.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Серверные Web элементы управления" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-28.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-28.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-28.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-28.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Серверные Web элементы управления<br></div></h2></div></div><div class="slides-wrapper"><div id="slide30" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 30</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-29.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Серверные Web элементы управления В web страницах ASP.Net можно добавлять ЭУ" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-29.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-29.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-29.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-29.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Серверные Web элементы управления<br><p>В web страницах ASP.Net можно добавлять ЭУ с</div></h2><div class="slides-content">тэгами asp: <br><asp:TextBox id="myASPText" Text="Hello ASP.NET TextBox" runat="server" /><br><asp:CheckBox id="myASPCheck" Text="My CheckBox" runat="server" /><br>C этими элементами можно работать в коде программы следующим образом:<br>myASPText.Text = "New text";<br>myASPCheck.Text = "Check me!";<br></div></div></div><div class="slides-wrapper"><div id="slide31" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 31</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-30.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Описание серверного Web элемента управления любой элемент HTML документа можно сделать" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-30.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-30.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-30.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-30.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Описание серверного Web элемента управления<br><p>любой элемент HTML документа можно сделать серверным</div></h2><div class="slides-content">с помощью атрибута runat=“server”.<br>есть специальные серверные ЭУ, которые описываются следующим образом:<br><asp:названиеЭУ id=имя runat=“server” другие атрибуты><br>общие свойства ЭУ<br>Height, Width, Visible, text…<br>специальные свойства<br>назначение обработчиков событий, например:<br>onSelectedIndexChanged="List_SelectedIndexChanged"<br>стиль<br> style="float: left"<br>позиционирование<br>style=" position: absolute; top: 135px; left: 10px; height: 70px; width: 89px" /><br>Пример:<br><asp:Button id="cmd" style="POSITION: absolute; left: 100px; top: 50px;"<br>runat="server" ... /><br></div></div></div><div class="slides-wrapper"><div id="slide32" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 32</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-31.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Свойства серверных web ЭУ (Server Control Properties) Атрибуты тэга соответствуют свойствам" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-31.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-31.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-31.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-31.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Свойства серверных web ЭУ (Server Control Properties)<br><p>Атрибуты тэга соответствуют свойствам эл. управления:<br><p>c1.Text</div></h2><div class="slides-content">= “Foo”; <br>c2.Rows = 5;<br><p><asp:button id=“c1" Text="Foo" runat=“server”><br><asp:ListBox id=“c2" Rows="5" runat=“server”><br><p>Тэги и атрибуты являются нечувствительными к регистру<br>Свойства элементов могут быть заданы и программно<br></div></div></div><div class="slides-wrapper"><div id="slide33" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 33</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-32.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Типы событий серверных элементов При изменении состояния серверных ЭУ и выполнении" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-32.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-32.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-32.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-32.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Типы событий серверных элементов<br><p>При изменении состояния серверных ЭУ и выполнении действий</div></h2><div class="slides-content">пользователя с соответствующими им клиентскими ЭУ инициируются события.<br>Выделяются следующие типы событий:<br>События изменения (Change Events)<br>по умолчанию, они обрабатываются только после следующего события действия<br>например: OnTextChanged, OnCheckedChanged<br>эти события приходят в случайном порядке<br>События действия (Action Events)<br>вызывают немедленную обратную отправку (postback) на сервер <br>например: OnClick<br>Работают с любыми браузерами<br>не требуется специального скрипта на клиенте, не используются апплеты (applets) или ActiveX® Controls!<br></div></div></div><div class="slides-wrapper"><div id="slide34" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 34</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-33.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Связывание обработчиков с событиями элементов Обработчики событий указываются в атрибутах элемента" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-33.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-33.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-33.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-33.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Связывание обработчиков с событиями элементов<br><p>Обработчики событий указываются в атрибутах элемента управления<br>Код</div></h2><div class="slides-content">обработчика событий<br><p>protected void btn1_Click(Object s, EventArgs e) <br>{<br> Message.Text = “Button1 clicked”;<br>}<br><p><asp:button onclick="btn1_click“ runat=“server”><br><asp:textbox onchanged="text1_changed“ runat=“server”><br></div></div></div><div class="slides-wrapper"><div id="slide35" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 35</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-34.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Серверные Web элементы управления Последовательная объектная модель Label1.BackColor = Color.Red; Table.BackColor" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-34.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-34.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-34.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-34.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Серверные Web элементы управления<br><p>Последовательная объектная модель<br><p>Label1.BackColor = Color.Red;<br>Table.BackColor = Color.Blue;<br><p>Более богатая</div></h2><div class="slides-content">функциональность<br>Например, AutoPostBack, дополнительные методы<br>Автоматическая uplevel/downlevel поддержка браузеров<br>Например, проверки значений элементов управления<br>Строго типизированные; нет общего порождающего класса<br>Можно использовать проверку типов при компиляции<br></div></div></div><div class="slides-wrapper"><div id="slide36" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 36</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-35.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Web элементы управления Web элементы управления имеют расширенный набор свойств для" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-35.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-35.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-35.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-35.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Web элементы управления<br><p>Web элементы управления имеют расширенный набор свойств для отображения</div></h2><div class="slides-content">и форматирования, например:<br>Font<br>BackColor, ForeColor<br>BorderColor, BorderStyle, BorderWidth<br>Style, CssClass<br>Height, Width<br>Visible, Enabled<br></div></div></div><div class="slides-wrapper"><div id="slide37" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 37</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-36.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Свойства класса WebControls AccessKey — возвращает или задает сочетание клавиш, позволяющее" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-36.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-36.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-36.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-36.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Свойства класса WebControls<br><p>AccessKey — возвращает или задает сочетание клавиш, позволяющее пользователю</div></h2><div class="slides-content">быстро перейти к элементу управления. Например, если установлено значение A, пользователь может переместить фокус на этот элемент управления, нажав Alt+A.<br>BackColor – получить или установить фоновый цвет;<br>BorderColor - получить или установить цвет рамки;<br>BorderStyle — одно из значений перечисления BorderStyle, включая Dashed, Dotted, Double, Groove, Ridge, Inset, Outset, Solid и None.<br>BorderWidth — возвращает или задает ширину границы.<br>CssClass — возвращает или задает стиль CSS для связи с элементом управления. Стиль CSS можно определить в разделе <style> в верхней части страницы или в отдельном файле CSS, на который ссылается страница.<br>Enabled — возвращает или задает включенное состояние элемента управления. Если установлено значение false, элемент управления обычно отображается серым цветом и не может использоваться.<br>Font — возвращает объект со всей информацией о стиле шрифта, используемого для текста элемента управления.<br>ForeColor — возвращает или задает цвет переднего плана, например, цвет текста элемента управления.<br>TabIndex — число, позволяющее управлять порядком табуляции. Элемент управления с TabIndex, равным 0, получает фокус при первой загрузке страницы. Нажатие Tab перемещает пользователя к элементу управления со следующим наименьшим TabIndex, если он включен.<br>Tooltip — отображает текстовое сообщение, когда пользователь наводит указатель мыши на элемент управления.<br>Height - получить или задать высоту ЭУ.<br>Width - получить или задать ширину ЭУ.<br></div></div></div><div class="slides-wrapper"><div id="slide38" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 38</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-37.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Поддержка состояния По умолчанию элементы управления поддерживают их состояния между последовательностью" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-37.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-37.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-37.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-37.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Поддержка состояния<br><p>По умолчанию элементы управления поддерживают их состояния между последовательностью обратных</div></h2><div class="slides-content">вызовов<br>реализуется с использованием скрытого HTML поля: VIEWSTATE<br>работает с элементами ввода данных (например. TextBox, CheckBox), элементами не вводящими данные (например, Label, DataGrid), и гибридными (например, DropDownList, ListBox)<br>может быть отменено для элемента или всей страницы<br>задайте EnableViewState=“false”<br>позволяет уменьшить размер передаваемых данных в VIEWSTATE<br></div></div></div><div class="slides-wrapper"><div id="slide39" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 39</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-38.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Автоматическая обратная отправка (postback) Задано свойство эл. управления Checkbox: AutoPostBack =" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-38.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-38.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-38.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-38.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Автоматическая обратная отправка (postback)<br><p>Задано свойство эл. управления Checkbox: AutoPostBack = true<br><input</div></h2><div class="slides-content">id="checkbox1" type="checkbox" name="checkbox1" onclick="javascript:setTimeout('doPostBack(\'checkbox1\',\'\')', 0)" /> <br><input type="hidden" name="EVENTTARGET" id="EVENTTARGET" value="" /> <br><input type="hidden" name="EVENTARGUMENT" id="EVENTARGUMENT" value="" /> <br><script type="text/javascript"> <br>//<![CDATA[<br>var theForm = document.forms['ctl00'];<br>if (!theForm) {<br>theForm = document.ctl00; }<br>function doPostBack(eventTarget, eventArgument) {<br> if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.EVENTTARGET.value = eventTarget;<br> theForm.EVENTARGUMENT.value = eventArgument;<br> theForm.submit();}}<br>//]]> <br></script> <br></div></div></div><div class="slides-wrapper"><div id="slide40" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 40</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-39.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Типы web элементов управления Базовые (Basic Web Control Classes) Списочные (List" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-39.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-39.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-39.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-39.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Типы web элементов управления<br><p>Базовые (Basic Web Control Classes)<br>Списочные (List controls)<br>Сложные (Rich</div></h2><div class="slides-content">controls)<br>Проверочные (Input Validation Controls)<br></div></div></div><div class="slides-wrapper"><div id="slide41" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 41</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-40.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Базовые web элементы управления (Basic Controls) Соответствуют HTML элементам управления Поддерживаемые элементы управления" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-40.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-40.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-40.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-40.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Базовые web элементы управления (Basic Controls)<br><p>Соответствуют HTML элементам управления<br>Поддерживаемые элементы управления<br><asp:Button><br><asp:ImageButton><br><asp:LinkButton><br><asp:RadioButton><br><asp:ImageMap><br><asp:Image><br><asp:HyperLink><br><asp:TextBox><br><asp:CheckBox><br><p><asp:Label><br><asp:Panel><br><asp:Table><br><asp:TableCell><br><asp:TableRow><br><asp:FileUpload><br><asp:HiddenField><br><asp:Panel><br></div></h2></div></div><div class="slides-wrapper"><div id="slide42" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 42</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-41.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Основные классы базовых web ЭУ" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-41.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-41.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-41.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-41.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Основные классы базовых web ЭУ<br></div></h2></div></div><div class="slides-wrapper"><div id="slide43" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 43</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-42.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Основные классы базовых Web ЭУ (2)" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-42.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-42.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-42.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-42.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Основные классы базовых Web ЭУ (2)<br></div></h2></div></div><div class="slides-wrapper"><div id="slide44" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 44</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-43.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Основные классы базовых Web ЭУ (3)" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-43.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-43.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-43.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-43.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Основные классы базовых Web ЭУ (3)<br></div></h2></div></div><div class="slides-wrapper"><div id="slide45" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 45</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-44.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Пример объявления Текстовое окно Скролируемая панель BorderStyle="Solid" BorderWidth="1px" ScrollBars="Auto"> This scrolls. ..." loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-44.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-44.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-44.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-44.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Пример объявления<br><p>Текстовое окно<br><asp:TextBox runat="server" ID="TextBox1" Text="This is a test" ForeColor="red" BackColor="lightyellow"</div></h2><div class="slides-content">Width="250px" Font-Name="Verdana" Font-Bold="True" Font-Size="20" /><br>Скролируемая панель<br><asp:Panel ID="Panel1" runat="server" Height="116px" Width="278px"<br>BorderStyle="Solid" BorderWidth="1px" ScrollBars="Auto"><br> This scrolls.<br> <br /><br /><br> <asp:Button ID="Button1" runat="server" Text="Button" /><br> <asp:Button ID="Button2" runat="server" Text="Button" /><br> <br /><br> ...<br></asp:Panel><br></div></div></div><div class="slides-wrapper"><div id="slide46" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 46</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-45.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Списочные элементы управления (List controls) Элементы управления, которые управляют повторениями Поддерживаемые элементы управления" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-45.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-45.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-45.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-45.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Списочные элементы управления (List controls)<br><p>Элементы управления, которые управляют повторениями<br>Поддерживаемые элементы управления<br><p><asp:dropdownlist><br><asp:listbox><br><asp:radiobuttonlist><br><asp:checkboxlist><br><asp:BulletedList><br></div></h2></div></div><div class="slides-wrapper"><div id="slide47" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 47</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-46.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Элементы управления CheckBoxList & RadioButtonList Коллекция кнопок выбора и радио-кнопок Для" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-46.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-46.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-46.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-46.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Элементы управления CheckBoxList & RadioButtonList<br><p>Коллекция кнопок выбора и радио-кнопок<br>Для заполнения используется связывание<br><p><asp:CheckBoxList</div></h2><div class="slides-content">id=Check1 runat="server"><br> <asp:ListItem>Item 1</asp:ListItem><br> <asp:ListItem>Item 2</asp:ListItem><br> <asp:ListItem>Item 3</asp:ListItem><br> <asp:ListItem>Item 4</asp:ListItem><br> <asp:ListItem>Item 5</asp:ListItem><br></asp:CheckBoxList><br></div></div></div><div class="slides-wrapper"><div id="slide48" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 48</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-47.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Списочные элементы управления - выпадающий список (drop-down list) заполняется коллекцией объектов" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-47.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-47.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-47.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-47.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Списочные элементы управления<br><p><asp:DropDownList> - выпадающий список (drop-down list) заполняется коллекцией объектов</div></h2><div class="slides-content"><asp:ListItem>. При рендеринге в HTML задаются тэги <select> с атрибутом «size="1"».<br><asp:ListBox> - список ist box заполняется коллекцией объектов <asp:ListItem>. При рендеринге в HTML задаются тэги <select> с атрибутом «size="х"», где x это количество видимых элементов.<br><asp:CheckBoxList> - этот элемент управления заполняется … При рендеринге в HTML задаются check boxes, выравненные в таблицу с одной или несколькими колонками.<br><asp:RadioButtonList><br><asp:BulletedList> - статический маркированный или нумерованный список. В HTML он отображается с помощью тегов <ul> или <ol>. Вы также можете использовать этот элемент управления для создания списка гиперссылок.<br></div></div></div><div class="slides-wrapper"><div id="slide49" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 49</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-48.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Свойства класса ListControl AutoPostBack - If true, the form is automatically" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-48.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-48.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-48.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-48.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Свойства класса ListControl<br><p>AutoPostBack - If true, the form is automatically posted</div></h2><div class="slides-content">back when the user changes the current selection.<br>Items Returns a collection of ListItem items (the items can also be added declaratively by adding the <asp:ListItem> tag).<br>SelectedIndex - Returns or sets the index of the selected item. For lists with multiple selectable items, you should loop through the Items collection and check the Selected property of each ListItem instead.<br>SelectedItem - Returns a reference to the first selected ListItem. For lists with multiple selectable items, you should loop through the Items collection and check the Selected property of each ListItem instead.<br>DataSource - You can set this property to an object that contains the information you want to display (such as a DataSet, DataTable, or collection). When you call DataBind(), the list will be filled based on that object.<br>DataMember - Used in conjunction with data binding when the data source contains more than one table (such as when the source is a DataSet). The DataMember identifies which table you want to use.<br>DataTextField - Used in conjunction with data binding to indicate which property or field in the data source should be used for the text of each list item.<br>DataValueField - Used in conjunction with data binding to indicate which property or field in the data source should be used for the value attribute of each list item (which isn’t displayed but can be read programmatically for<br>future reference).<br>DataTextFormatString - Sets the formatting string used to render the text of the list item (according to the DataTextField property).<br></div></div></div><div class="slides-wrapper"><div id="slide50" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 50</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-49.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Свойства выбираемых списочных ЭУ RepeatLayout - This specifies whether the check" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-49.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-49.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-49.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-49.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Свойства выбираемых списочных ЭУ<br><p>RepeatLayout - This specifies whether the check boxes</div></h2><div class="slides-content">or radio buttons will be rendered in a table (the default option) or inline. The values are Table and Flow, respectively.<br>RepeatDirection - This specifies whether the list of controls will be rendered horizontally or vertically.<br>RepeatColumns - This sets the number of columns, in case RepeatLayout is set to Table.<br>CellPadding, CellSpacing, TextAlign - If RepeatLayout is set to Table, then these properties configure the spacing and alignment of the cells of the layout table.<br></div></div></div><div class="slides-wrapper"><div id="slide51" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 51</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-50.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Свойства размеченных списочных ЭУ (bulleted list) BulletStyle - Determines the type" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-50.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-50.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-50.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-50.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Свойства размеченных списочных ЭУ (bulleted list)<br><p>BulletStyle - Determines the type of</div></h2><div class="slides-content">list. Choose from Numbered (1, 2, 3…), Lower-Alpha (a, b, c…) and UpperAlpha (A, B, C…), LowerRoman (i, ii, iii…) and UpperRoman (I, II, III…), and the bullet symbols Disc, Circle, Square, or CustomImage (in which case you must set the BulletImageUrl property).<br>BulletImageUrl - If the BulletStyle is set to CustomImage, this points to the image that is placed to the left of each item as a bullet.<br>FirstBulletNumber - In an ordered list (using the Numbered, LowerAlpha, UpperAlpha, LowerRoman, or UpperRoman styles), this sets the first value. For example, if you set FirstBulletNumber to 3, the list might read 3, 4, 5 (for Numbered) or C, D, E (for UpperAlpha).<br>DisplayMode - Determines whether the text of each item is rendered as text (use Text, the default) or a hyperlink (use LinkButton or HyperLink). The difference between LinkButton and HyperLink is how they treat clicks. When you use LinkButton, the BulletedList fires a Click event that you can react to on the server to perform the navigation. When you use HyperLink, the BulletedList doesn’t fire the Click event—instead, it treats the text of each list item as a relative or absolute URL, and renders them as ordinary HTML hyperlinks. When the user clicks an item, the browser attempts to navigate to that URL.<br></div></div></div><div class="slides-wrapper"><div id="slide52" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 52</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-51.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Сложные эл. управления (Rich Controls) ЭУ с большим набором функций Поддерживаемые ЭУ Разрабатываются сторонними компаниями" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-51.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-51.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-51.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-51.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Сложные эл. управления (Rich Controls)<br><p>ЭУ с большим набором функций<br>Поддерживаемые ЭУ<br><asp:calendar><br><asp:adrotator><br>Разрабатываются сторонними</div></h2><div class="slides-content">компаниями<br></div></div></div><div class="slides-wrapper"><div id="slide53" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 53</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-52.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Составной серверный ЭУ ..." loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-52.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-52.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-52.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-52.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Составной серверный ЭУ<br><p><asp:GridView ID="gridRegions" runat="server« DataSourceID="sourceRegions" ... ><br> ...<br> <Columns><br> <asp:BoundField</div></h2><div class="slides-content">DataField="TerritoryID" HeaderText="ID" /><br> <asp:BoundField DataField="TerritoryDescription« HeaderText="Description"/><br> </Columns><br></asp:GridView><br></div></div></div><div class="slides-wrapper"><div id="slide54" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 54</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-53.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Сложные ЭУ в .Net 3.5 AdRotator: This control is a banner" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-53.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-53.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-53.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-53.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Сложные ЭУ в .Net 3.5<br><p>AdRotator: This control is a banner ad</div></h2><div class="slides-content">that displays one out of a set of images based on a predefined schedule that’s saved in an XML file.<br>Calendar: This control is a calendar that displays and allows you to move through months and days and to select a date or a range of days.<br>MultiView, View, and Wizard: You can think of these controls as more advanced panels that let you switch between groups of controls on a page. The Wizard control even includes built-in navigation logic. <br>Substitution: This control is really a placeholder that allows you to customize ASP.NET’s output caching feature.<br>Xml: This control takes an XML file and an XSLT stylesheet file as input and displays the resulting HTML in a browser. <br></div></div></div><div class="slides-wrapper"><div id="slide55" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 55</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-54.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Проверочные ЭУ - верификаторы Большой набор возможностей задания декларативной проверки Проверка" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-54.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-54.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-54.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-54.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Проверочные ЭУ - верификаторы<br><p>Большой набор возможностей задания декларативной проверки<br>Проверка описывается отдельно</div></h2><div class="slides-content">от ЭУ<br>Расширяемая структура для проверки<br>Поддержка проверки на сервере и клиенте<br>Автоматически определяются uplevel клиенты высокого уровня (uplevel clients)<br>У клиентов высокого уровня данные проверяются на месте<br>Всегда выполняется проверка на сервере<br>Защита пользователей от перехвата и замены данных<br></div></div></div><div class="slides-wrapper"><div id="slide56" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 56</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-55.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Проверка вводимых данных Проверяет, что введенные данные введены пользователем правильно; Блокирует" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-55.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-55.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-55.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-55.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Проверка вводимых данных<br><p>Проверяет, что введенные данные введены пользователем правильно;<br>Блокирует дальнейшую обработку</div></h2><div class="slides-content">страницы, до тех пор, пока все данные не будут введены верно;<br>Предотвращает посылку<br> на сервер опасного<br> кода (cross-site …).<br></div></div></div><div class="slides-wrapper"><div id="slide57" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 57</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-56.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Алгоритм проверки вводимых данных Valid? Valid? User Enters Data No No" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-56.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-56.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-56.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-56.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Алгоритм проверки вводимых данных<br><p>Valid?<br><p>Valid?<br><p>User Enters Data<br><p>No<br><p>No<br><p>Yes<br><p>Yes<br><p>Error Message<br><p>Client<br><p>Server<br><p>Web Application Processed<br></div></h2></div></div><div class="slides-wrapper"><div id="slide58" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 58</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-57.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="ЭУ для проверки вводимых данных Required field validator - проверяет, что" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-57.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-57.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-57.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-57.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>ЭУ для проверки вводимых данных<br><p>Required field validator - проверяет, что значение</div></h2><div class="slides-content">заданного поля введено<br><asp:RequiredFieldValidator><br>Compare Validator - сравнивает значение с константой, другим ЭУ или типом данных<br><asp:CompareValidator><br>Range Validator - проверяет миним/максимальные границы введенного значения<br><asp:RangeValidator><br>Regular Expression Validator - проверяет значение на совпадение с заданным шаблоном<br><asp:RegularExpressionValidator><br>Custom Validator - позволяет создать собственную серверную или клиентскую функцию проверки<br><asp:CustomValidator><br>Validation Summary - показывает список ошибок при проверке на месте<br><asp:ValidationSummary><br></div></div></div><div class="slides-wrapper"><div id="slide59" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 59</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-58.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Проверочные ЭУ Проверочные ЭУ наследуются от класса System.Web.UI.WebControls.BaseValidator, который наследуется от" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-58.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-58.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-58.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-58.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Проверочные ЭУ <br><p>Проверочные ЭУ наследуются от класса System.Web.UI.WebControls.BaseValidator, который наследуется от</div></h2><div class="slides-content">ЭУ label.<br>Проверочные ЭУ содержат текст, который показывается только в случае если проверка определяет ошибку.<br>Значение свойства Text показывается в том месте, где расположен проверочный ЭУ.<br>Значение свойства ErrorMessage показывается в конце проверки.<br></div></div></div><div class="slides-wrapper"><div id="slide60" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 60</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-59.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Проверочные ЭУ Проверочные ЭУ связываются со своими проверяемыми ЭУ с помощью" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-59.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-59.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-59.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-59.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Проверочные ЭУ <br><p>Проверочные ЭУ связываются со своими проверяемыми ЭУ с помощью</div></h2><div class="slides-content">свойства ControlToValidate<br>К одному ЭУ можно подключить несколько проверочных ЭУ.<br><p><asp:TextBox id="TextBox1" runat=server /><br><asp:RequiredFieldValidator id="Req1" <br> ControlToValidate="TextBox1" <br> Text="Required Field" runat=server /><br></div></div></div><div class="slides-wrapper"><div id="slide61" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 61</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-60.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Проверочные ЭУ Свойство Page.IsValid содержит окончательный результат проверки всех ЭУ на" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-60.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-60.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-60.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-60.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Проверочные ЭУ <br><p>Свойство Page.IsValid содержит окончательный результат проверки всех ЭУ на</div></h2><div class="slides-content">странице<br><p>void Submit_click(object s, EventArgs e) {<br> if (Page.IsValid) {<br> Message.Text = "Page is valid!";<br> }<br>}<br></div></div></div><div class="slides-wrapper"><div id="slide62" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 62</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-61.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Проверочные ЭУ Validation Controls Свойство проверочного элемента Display управляет отображением Static:" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-61.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-61.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-61.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-61.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Проверочные ЭУ Validation Controls<br><p>Свойство проверочного элемента Display управляет отображением<br>Static: статическое, отображение</div></h2><div class="slides-content">не меняется при ошибке<br>Dynamic: динамическое<br>None: нет отображения; можно по прежнему использовать ValidationSummary и Page.IsValid<br>Свойство Type содержит ожидаемый тип данных: Currency, Date, Double, Integer, String<br></div></div></div><div class="slides-wrapper"><div id="slide63" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 63</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-62.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Проверочные ЭУ Validation Controls Можно задать значение “DownLevel” для браузера Проверка" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-62.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-62.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-62.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-62.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Проверочные ЭУ Validation Controls<br><p>Можно задать значение “DownLevel” для браузера <br>Проверка будет</div></h2><div class="slides-content">выполняться только на сервере<br><p><% @ Page Language="c#" <br> ClientTarget="DownLevel" %><br></div></div></div><div class="slides-wrapper"><div id="slide64" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 64</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-63.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Проверочные ЭУ Validation Controls Демонстрация: ValidationControls1.aspx Показываются все типы проверочных элементов" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-63.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-63.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-63.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-63.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Проверочные ЭУ Validation Controls<br><p>Демонстрация: ValidationControls1.aspx<br>Показываются все типы проверочных элементов<br></div></h2></div></div><div class="slides-wrapper"><div id="slide65" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 65</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-64.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Использование верификаторов Поместить требуемый верификатор на форме и выставить свойство ControlToValidate" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-64.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-64.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-64.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-64.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Использование верификаторов<br><p>Поместить требуемый верификатор на форме и выставить свойство ControlToValidate (ControlToCompare).<br>Выставить</div></h2><div class="slides-content">свойство ErrorMessage<br>Если помимо сообщения об ошибке нужно отобразить и доп. текст, то его надо поместить в свойство Text. <br>Поместить на форму элемент ValidationSummary или выставить свойство Display.<br>Добавить на форму элемент, который может инициировать отправку страницы на сервер. <br></div></div></div><div class="slides-wrapper"><div id="slide66" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 66</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-65.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Комбинирование верификаторов С одним элементом управления можно использовать несколько верификаторов Только" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-65.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-65.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-65.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-65.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Комбинирование верификаторов<br><p>С одним элементом управления можно использовать несколько верификаторов<br>Только RequiredFieldValidator проверяет</div></h2><div class="slides-content">наличие/отсутствие значения у элемента управления<br></div></div></div><div class="slides-wrapper"><div id="slide67" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 67</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-66.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Отмена проверки Поместить на форму HTML-элемент управления типа Submit. Установить атрибут" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-66.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-66.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-66.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-66.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Отмена проверки<br><p>Поместить на форму HTML-элемент управления типа Submit.<br>Установить атрибут Page_ValidationActive=false.<br>На сервере</div></h2><div class="slides-content">проверить свойство IsValid.<br></div></div></div><div class="slides-wrapper"><div id="slide68" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 68</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-67.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Нестандартная проверка вводимых данных Используется CustomValidator. Исполнение проверки может быть как" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-67.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-67.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-67.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-67.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Нестандартная проверка вводимых данных<br><p>Используется CustomValidator.<br>Исполнение проверки может быть как на сервере,</div></h2><div class="slides-content">так и на клиенте.<br>Серверный код размещается в обработчике ServerValidate.<br>Сценарий проверки на клиенте размещается в свойстве ClientValidationFunction.<br></div></div></div><div class="slides-wrapper"><div id="slide69" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 69</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-68.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Размещение и оформление серверных ЭУ на форме" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-68.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-68.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-68.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-68.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Размещение и оформление серверных ЭУ на форме<br></div></h2></div></div><div class="slides-wrapper"><div id="slide70" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 70</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-69.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Позиционирование ЭУ в web форме Потоковое С помощью таблиц С помощью CSS Абсолютное С помощью CSS" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-69.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-69.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-69.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-69.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Позиционирование ЭУ в web форме<br><p>Потоковое <br>С помощью таблиц<br>С помощью CSS<br>Абсолютное<br>С помощью</div></h2><div class="slides-content">CSS<br></div></div></div><div class="slides-wrapper"><div id="slide71" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 71</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-70.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Позиционирование ЭУ на web форме Для позиционирования ЭУ можно использовать все" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-70.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-70.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-70.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-70.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Позиционирование ЭУ на web форме<br><p>Для позиционирования ЭУ можно использовать все приемы,</div></h2><div class="slides-content">допустимые в HTML, такие как:<br>paragraphs,<br>line breaks, <br>tables, <br>styles.<br>Visual Studio по умолчанию использует гибкое “потоковое” позиционирование, так чтобы контент увеличивался и сжимался динамически без создания проблем размещения.<br>Для задания абсолютного позиционирования можно задать стиль:<br><asp:Button id="cmd" style="POSITION: absolute; left: 100px; top: 50px; " runat="server" ... /><br>Лучше задать точное позиционирование для контейнера:<br><div style="POSITION: absolute; left: 100px; top: 50px; width:200px"><br>...<br><div/><br></div></div></div><div class="slides-wrapper"><div id="slide72" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 72</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-71.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Скрытие Слои" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-71.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-71.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-71.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-71.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Скрытие<br><div id = "myFirstDiv" style="position:absolute; top:150; left:100; visibility:hidden"><br>Слои<br><div id="whiteSquare" style="position:absolute; top:100;</div></h2><div class="slides-content">left:100; z−index:2"><br><img src="white.gif"><br></div><br><div id="blackSquare" style="position:absolute; top:0; left:0; z−index:1"><br><img src="black.gif"><br></div><br></div></div></div><div class="slides-wrapper"><div id="slide73" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 73</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-72.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Диалоговое окно New Stile" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-72.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-72.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-72.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-72.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Диалоговое окно New Stile<br></div></h2></div></div><div class="slides-wrapper"><div id="slide74" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 74</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-73.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Форматирование HTML" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-73.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-73.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-73.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-73.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Форматирование HTML<br></div></h2></div></div><div class="slides-wrapper"><div id="slide75" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 75</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-74.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="HTML таблицы Visual Studio предоставляет средства для создания и работы с" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-74.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-74.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-74.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-74.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>HTML таблицы<br><p>Visual Studio предоставляет средства для создания и работы с HTML</div></h2><div class="slides-content">таблицами.<br>Можно добавить таблицу к форме. По умолчанию вставляется таблица 3×3.<br>Таблицу можно трансформировать (почти как в Ms Word)<br>В ячейках таблицы можно размещать разные элементы (HTML, серверные).<br>Современный подход к web дизайну не приветствует использование таблиц для структуризации страницы.<br>Вместо этого предлагается использовать CSS свойства планировки (layout properties).<br></div></div></div><div class="slides-wrapper"><div id="slide76" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 76</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-75.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Контейнеры … - контейнер для текста … - контейнер для участка HTML документа" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/744052/slide-75.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/744052/slide-75.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/744052/slide-75.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/744052/slide-75.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Контейнеры<br><p><span> … </span> - контейнер для текста<br><div> … </div> - контейнер</div></h2><div class="slides-content">для участка HTML документа<br></div></div></div><div class="slides-wrapper"></div></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><button class="download-btn" type="submit">Скачать</button></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/uncategorized/9-kl-politika-i-vlast-2021ppt" class="navigation-link">9 кл Политика и власть 2021ppt</a></div><div class="navigation-item"><div>Следующая -</div><a href="/kulturologiya/n-shupashkar" class="navigation-link">Çĕнĕ Шупашкар</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><div class="related-item"><a href="/informatika/kodirovanie-i-obrabotka-zvukovoj-informacii-9" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1451144/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1451144/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1451144/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1451144/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1451144/slide-0.jpg 1440w" class="slides-image related-itemImage"> Кодирование и обработка звуковой информации</a></div><div class="related-item"><a href="/informatika/sreda-programmirovaniya-scratch-zanyatie-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/707766/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/707766/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/707766/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/707766/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/707766/slide-0.jpg 1440w" class="slides-image related-itemImage"> Среда программирования Scratch. Занятие 3</a></div><div class="related-item"><a href="/informatika/ya--it-bloger" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/702817/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/702817/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/702817/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/702817/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/702817/slide-0.jpg 1440w" class="slides-image related-itemImage"> Я – IT-блогер</a></div><div class="related-item"><a href="/informatika/rabota-s-informatsiey-v-tsifrovom-mire" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/735264/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/735264/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/735264/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/735264/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/735264/slide-0.jpg 1440w" class="slides-image related-itemImage"> Работа с информацией в цифровом мире. Поиск информации</a></div><div class="related-item"><a href="/informatika/dizayn-sayta-glavnaya-stranitsa" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/784315/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/784315/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/784315/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/784315/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/784315/slide-0.jpg 1440w" class="slides-image related-itemImage"> Дизайн сайта. Главная страница</a></div><div class="related-item"><a href="/informatika/informatika-1--6-klassy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1266834/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1266834/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1266834/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1266834/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1266834/slide-0.jpg 1440w" class="slides-image related-itemImage"> ИНФОРМАТИКА 1 – 6 КЛАССЫ </a></div><div class="related-item"><a href="/informatika/automation-of-mobile-testing-basics-of" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/738340/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/738340/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/738340/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/738340/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/738340/slide-0.jpg 1440w" class="slides-image related-itemImage"> Automation of mobile testing: Basics of Mobile Cloud Services</a></div><div class="related-item"><a href="/informatika/prezentaciya-quotadresaciya-i-peredacha-informacii-v-seti-internetquot--skachat-prezentacii-po-informatike" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1246143/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1246143/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1246143/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1246143/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1246143/slide-0.jpg 1440w" class="slides-image related-itemImage"> «Адресация и передача информации в сети Интернет» Кривенцов Л.А. </a></div><div class="related-item"><a href="/informatika/sozdanie-prezentatsii-v-programme-microsoft-powerpoint" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/708532/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/708532/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/708532/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/708532/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/708532/slide-0.jpg 1440w" class="slides-image related-itemImage"> Создание презентации в программе Microsoft PowerPoint</a></div><div class="related-item"><a href="/informatika/sistemy-schisleniya-53" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1450960/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1450960/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1450960/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1450960/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1450960/slide-0.jpg 1440w" class="slides-image related-itemImage"> Системы счисления</a></div><div class="related-item"><a href="/informatika/administrirovanie-bd-sistemnye-i-polzovatelskie-bd-sql-server-2000-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1204120/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1204120/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1204120/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1204120/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1204120/slide-0.jpg 1440w" class="slides-image related-itemImage"> Администрирование БД Системные и пользовательские БД SQL Server 2000</a></div><div class="related-item"><a href="/informatika/prezentaciya-priroda-i-obshhestvo-v-filosofii" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1225400/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1225400/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1225400/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1225400/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1225400/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация Природа и общество в Философии</a></div><div class="related-item"><a href="/informatika/cifrovye-videokamery-cifrovaya-videokamera--ustrojstva-dlya-zapisi-i-soxranenie-video-dannyx-v-cifrovoj-forme-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1256761/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1256761/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1256761/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1256761/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1256761/slide-0.jpg 1440w" class="slides-image related-itemImage"> Цифровые видеокамеры Цифровая видеокамера - устройства для записи и сохранение видео данных в цифровой форме </a></div><div class="related-item"><a href="/informatika/elektronnye-tablicy-urok-4-5" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1348461/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1348461/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1348461/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1348461/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1348461/slide-0.jpg 1440w" class="slides-image related-itemImage"> Электронные таблицы. Урок № 4 - 5</a></div><div class="related-item"><a href="/informatika/lection31" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/752194/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/752194/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/752194/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/752194/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/752194/slide-0.jpg 1440w" class="slides-image related-itemImage"> Lection_3_1</a></div><div class="related-item"><a href="/informatika/glavnye-pravila-klassicheskoj-tipografiki" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1451866/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1451866/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1451866/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1451866/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1451866/slide-0.jpg 1440w" class="slides-image related-itemImage"> Главные правила классической типографики</a></div><div class="related-item"><a href="/informatika/gbou-spo-amt-prepodavatel-strukova-elena-alekseevna" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1218400/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1218400/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1218400/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1218400/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1218400/slide-0.jpg 1440w" class="slides-image related-itemImage"> ГБОУ СПО «АМТ» преподаватель Струкова Елена Алексеевна</a></div><div class="related-item"><a href="/informatika/design-and-creation-of-the-presentations" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/541929/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/541929/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/541929/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/541929/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/541929/slide-0.jpg 1440w" class="slides-image related-itemImage"> Design and creation of the presentations of lecture material, Scientific reports, etc</a></div><div class="related-item"><a href="/informatika/konsultatsiya-interaktivnye-igry-v-detskom-sadu" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/790407/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/790407/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/790407/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/790407/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/790407/slide-0.jpg 1440w" class="slides-image related-itemImage"> Консультация Интерактивные игры в детском саду и дома в программе LearningApps.org</a></div><div class="related-item"><a href="/informatika/zagaln-vdomost-pro-funktsyu-system-" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/510823/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/510823/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/510823/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/510823/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/510823/slide-0.jpg 1440w" class="slides-image related-itemImage"> Загальні відомості про функцію system ()</a></div><div class="related-item"><a href="/informatika/html-formatirovanie-teksta" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/749941/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/749941/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/749941/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/749941/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/749941/slide-0.jpg 1440w" class="slides-image related-itemImage"> HTML. Форматирование текста</a></div><div class="related-item"><a href="/informatika/nadpisi-na-peske-sand-sign-vypolnil-student-grid401-sharganov-va" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1172503/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1172503/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1172503/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1172503/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1172503/slide-0.jpg 1440w" class="slides-image related-itemImage"> Надписи на песке «Sand Sign» Выполнил студент гр.ИД-401: Шарганов В.А.</a></div><div class="related-item"><a href="/informatika/prilozhenie-dlya-upravleniya-izdeliem-radiomayak-azimutalnodalnomernyj-vysokomobilnyj" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1335022/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1335022/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1335022/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1335022/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1335022/slide-0.jpg 1440w" class="slides-image related-itemImage"> Приложение для управления изделием: радиомаяк азимутально-дальномерный, высокомобильный</a></div><div class="related-item"><a href="/informatika/komissiya-po-razvitiyu-operatorov-pochtovoy-svyazi" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/618235/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/618235/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/618235/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/618235/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/618235/slide-0.jpg 1440w" class="slides-image related-itemImage"> Комиссия по развитию операторов почтовой связи</a></div><div class="related-item"><a href="/informatika/proektirovanie-i-razrabotka-bazy-dannyh-avtoservis" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/680857/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/680857/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/680857/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/680857/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/680857/slide-0.jpg 1440w" class="slides-image related-itemImage"> Проектирование и разработка базы данных Автосервис</a></div><div class="related-item"><a href="/informatika/istochniki-oshibok-v-pk-prusak-av" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1248198/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1248198/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1248198/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1248198/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1248198/slide-0.jpg 1440w" class="slides-image related-itemImage"> Источники ошибок в ПК Прусак А.В. </a></div><div class="related-item"><a href="/informatika/ogranicheniya-na-kolichestvo-vybiraemyh-strok" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/598373/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/598373/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/598373/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/598373/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/598373/slide-0.jpg 1440w" class="slides-image related-itemImage"> Ограничения на количество выбираемых строк</a></div><div class="related-item"><a href="/informatika/vvod-i-otobrazhenie-tekstovoy-informatsii" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/660005/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/660005/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/660005/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/660005/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/660005/slide-0.jpg 1440w" class="slides-image related-itemImage"> Ввод и отображение текстовой информации</a></div></div></div></div></div></div></div></main><footer class="footer"><div class="layout"><div class="footer-text">Вы можете прислать нам Вашу презентацию и мы опубликуем ее на сайте.</div><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><div class="footer-text"><a href="/page/dlyapravoobladatelei">Для правообладателей</a></div><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div></div><script>window.NUXT=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:a,logo_image_width:p,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:d,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:x,footer:y,dark_theme:d,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:i,item_words_h3:d,item_words_tag:i,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:j},colors:{header_text:k,header_bg:D,accent:E}},social:F}},categories:{result:[{id:G,ordering:b,name:"Разное",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес и предпринимательство",pseudoname:"biznes-i-predprinimatelstvo"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:G,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:H,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:h,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:13,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]},item:{result:{id:744052,name:"Серверные элементы управления",category:H,count:j,jpg:"jpg\u002F744052",hits:50,download:b,h1:a,meta:{h1:"Серверные элементы управления ",title:"Серверные элементы управления презентация",description:"Серверные элементы управления - Информатика, презентация, доклад, проект, конспект",keywords:"Серверные элементы управления, Информатика, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс",download_link:a},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Серверные элементы управления, из раздела: Информатика. Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003EWeb страница (форма)\u003Cbr\u003E\u003Cp\u003EСодержит директивы\u003Cbr\u003EСодержит HTML код\u003Cbr\u003EСодержит серверные ЭУ\u003Cbr\u003EСерверные HTML ЭУ\u003Cbr\u003EСерверные Web ЭУ\u003Cbr\u003E \u003Cp\u003EСерверные элементы управления\r\n(Server Controls)\u003Cbr\u003E\u003Cp\u003EASP.NET серверные ЭУ (server controls) являются основной частью архитектуры ASP.NET. \u003Cbr\u003EФактически серверные ЭУ являются классами в среде .NET Framework, которые показывают визуальные элементы на web форме. \u003Cbr\u003EНекоторые из этих классов относительно просты и тесно связаны с конкретными HTML тэгами. Другие ЭУ являются более сложными объектами, которые записывают в HTML документ более сложный код, состоящий из набора HTML элементов.\u003Cbr\u003E\u003Cbr\u003E",texts:["\u003Cp\u003EСерверные элементы управления\u003Cbr\u003E","\u003Cp\u003EWeb страница (форма)\u003Cbr\u003E\u003Cp\u003EСодержит директивы\u003Cbr\u003EСодержит HTML код\u003Cbr\u003EСодержит серверные ЭУ\u003Cbr\u003EСерверные HTML ЭУ\u003Cbr\u003EСерверные Web ЭУ\u003Cbr\u003E","\u003Cp\u003EСерверные элементы управления\r\n(Server Controls)\u003Cbr\u003E\u003Cp\u003EASP.NET серверные ЭУ (server controls) являются основной частью архитектуры ASP.NET. \u003Cbr\u003EФактически серверные ЭУ являются классами в среде .NET Framework, которые показывают визуальные элементы на web форме. \u003Cbr\u003EНекоторые из этих классов относительно просты и тесно связаны с конкретными HTML тэгами. Другие ЭУ являются более сложными объектами, которые записывают в HTML документ более сложный код, состоящий из набора HTML элементов.\u003Cbr\u003E","\u003Cp\u003EСерверные элементы управления\u003Cbr\u003E\u003Cp\u003EСпециальные типы ЭУ, с которыми можно в режиме «Design» проектировать интерфейс пользователя, но которые при отправке ответа пользователю преобразуются в HTML элементы управления.\u003Cbr\u003EТипы серверных элементов управления\u003Cbr\u003EСерверные HTML элементы управления\u003Cbr\u003EASP.NET элементы управления (или web ЭУ)\u003Cbr\u003EASP.NET AJAX элементы управления\u003Cbr\u003EПользовательские ЭУ (User controls and custom controls)\u003Cbr\u003EВ ASP.NET имеется более 50 встроенных элементов управления\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EПонятие элемента управления\u003Cbr\u003E\u003Cp\u003EЭУ это специальные окна, с помощью которых пользователь может управлять приложением, просматривать, вводить или выбирать данные.\u003Cbr\u003EТипы элементов управления:\u003Cbr\u003EWindows элементы управления (для Windows приложений). \u003Cbr\u003EHTML элементы управления (описанные в языке HTML), понимаются и реализуются браузером.\u003Cbr\u003EСерверные элементы управления, обрабатываются на сервере, при передаче клиенту преобразуются в HTML ЭУ или набор HTML ЭУ и скриптов браузера.\u003Cbr\u003E","\u003Cp\u003EЭлементы управления и события \r\n(Controls and Events)\u003Cbr\u003E\u003Cp\u003EBrowser\u003Cbr\u003E\u003Cp\u003EASP.NET\u003Cbr\u003E\u003Cp\u003EButton code\u003Cbr\u003E...\u003Cbr\u003E\u003Cp\u003EList code\u003Cbr\u003E...\u003Cbr\u003E\u003Cp\u003EText code\u003Cbr\u003E...\u003Cbr\u003E\u003Cp\u003EEvent handlers\u003Cbr\u003E","\u003Cp\u003EТипы серверных ЭУ\u003Cbr\u003E\u003Cp\u003EHTML серверные ЭУ: это классы, которые обертывают стандартные HTML элементы. Кроме атрибута runat =“server”, описание данного элемента не отличается от стандартного. Примерами являются HtmlAnchor (для тэга \u003Ca\u003E) и HtmlSelect (для тэга \u003Cselect\u003E). Можно создать объект для любого HTML тэга, для этого нужно только добавить атрибут runat=\"server\". Если непосредственно такого серверного элемента нет, то будет использовать общий класс HtmlGenericControl..\u003Cbr\u003EWeb серверные ЭУ: эти классы дублируют функциональность базовых HTML элементов, но имеют более согласованный и полезный набор свойств и методов, которые облегчают работу с ними. Например, HyperLink, ListBox и Button. Кроме этого есть типы элементов отличные от HTML тэгов (такие как проверочные - validation controls).\u003Cbr\u003EСложные ЭУ (Rich controls): это наиболее функциональные ЭУ, которые генерируют большое количество HTML разметки и даже JavaScript. Например, Calendar, AdRotator и TreeView. \u003Cbr\u003EПроверочные ЭУ (Validation controls): этот набор ЭУ позволяет выполнять данные вводимые пользователями в другие ЭУ. Например, можно проверять, введены и какие-либо данные в ЭУ, что это целые числа, что числа больше некоторого значения и т.п. Если проверка не выполнится, то обработка страницы будет прекращена.\u003Cbr\u003E","\u003Cp\u003EДополнительные серверные ЭУ\u003Cbr\u003E\u003Cp\u003EЭУ для работы с данными (Data controls).\u003Cbr\u003EЭУ для навигации (Navigation controls).\u003Cbr\u003EЭУ для регистрации (Login controls). \u003Cbr\u003EЭУ для web part (Web parts controls).\u003Cbr\u003EAJAX ЭУ. \u003Cbr\u003EЭУ для мобильных устройств (mobile controls).\u003Cbr\u003E","\u003Cp\u003EИерархия серверных ЭУ\u003Cbr\u003E\u003Cp\u003EВсе серверные ЭУ являются производными от базового класса Control из пространства имен System.Web.UI. \u003Cbr\u003EЭто выполняется и для HTML серверных ЭУ и для ЭУ создаваемых разработчиками (custom controls).\u003Cbr\u003EЭто также верно и для класса Page, на основе которого создаются все web формы. \u003Cbr\u003E","\u003Cp\u003EСвойства класса Control\u003Cbr\u003E\u003Cp\u003EТак как все ЭУ являются производными от базового класса Control, то все они имеют стандартный интерфейс (свойства, методы), что позволяет единообразно работать с ними, даже не зная конкретной специфики. \u003Cbr\u003E","\u003Cp\u003EОсновные методы класса Control\u003Cbr\u003E\u003Cp\u003EDataBind() - связывание ЭУ и всех его дочерних ЭУ с заданным источником данных или выражением.\u003Cbr\u003EFindControl() – поиск дочернего ЭУ с заданным именем в текущем ЭУ и во всех содержащихся в нем ЭУ. Если такой дочерний ЭУ будет найден, то возвращается ссылка общего типа. Необходимо преобразовать эту ссылку к требуемому типу.\u003Cbr\u003EHasControls() – проверка, имеет ли данный ЭУ дочерние ЭУ. Данный ЭУ должен быть контейнерным тэгом (container tag), чтобы иметь дочерние ЭУ (например, такие как \u003Cdiv\u003E тэг).\u003Cbr\u003ERender() – записывает HTML код для данного ЭУ на основе его текущего состояния. Этот метод напрямую не вызывается. Его вызывает среда ASP.NET, когда создается HTML код всей страницы.\u003Cbr\u003E","\u003Cp\u003EСинтаксис серверных \r\nэлементов управления\u003Cbr\u003E\u003Cp\u003EЭл. управления объявляются как HTML тэги с атрибутом runat=“server”\u003Cbr\u003E\u003Cbr\u003EТэги задают какого типа создать эл. управления\u003Cbr\u003EЭл. управления реализуются как ASP.NET классы\u003Cbr\u003EАтрибут id задает программный идентификатор\u003Cbr\u003EОн именует экземпляр доступный в ходе обратной отправки (postback)\u003Cbr\u003EТакже как в Dynamic HTML\u003Cbr\u003E\u003Cp\u003E\u003Cinput type=text id=text2 runat=“server” \u002F\u003E\u003Cbr\u003E\u003Casp:calendar id=myCal runat=“server” \u002F\u003E\u003Cbr\u003E","\u003Cp\u003EСерверные элементы управления\u003Cbr\u003E\u003Cp\u003EСерверные HTML элементы управления\u003Cbr\u003E- стандартные HTML-теги с атрибутом runat=”server”. Свойства совпадают с атрибутами соответствующего тега, простые свойства:\r\n\r\n\tInnerText, InnerHtml, Style, Value, Attributes\u003Cbr\u003E\u003Cp\u003EСерверные Web элементы управления \u003Cbr\u003E- более развитые элементы: …календарь, раскрывающийся список, таблицы данных… Идентификатор элемента управления Web – это префикс \u003Casp:\u003Cbr\u003EПример текстового элемента управления HTML и Web:\u003Cbr\u003E\t\t\u003Cinput runat=”server” id=”text1” type=”text” value=”Значение” \u002F\u003E\r\n\t\t\u003Casp:textbox runat=”server” id=”text1” text=”Значение” \u002F\u003E\u003Cbr\u003EОба элемента генерируют одинаковый HTML-код, элемент Web содержит вводимый текст в свойстве text, а не в value.\u003Cbr\u003E\u003Cp\u003Eэлемент управления HTML\u003Cbr\u003E\u003Cp\u003Eэлемент управления Web\u003Cbr\u003E","\u003Cp\u003EОписание серверных ЭУ в форме\u003Cbr\u003E\u003Cp\u003EНазвание\u003Cbr\u003EАтрибуты\u003Cbr\u003E\u003CНазвание атр1=знач1 атр2=знач2 …\u003E\u003Cbr\u003EОбязательный атрибут \u003Cbr\u003Erunat = “server”\u003Cbr\u003EПозиционирование – размещение на странице\u003Cbr\u003EОформление – внешний вид ЭУ\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EПростые и составные серверные ЭУ\u003Cbr\u003E\u003Cp\u003EПростые (не имеют содержимого)\u003Cbr\u003E\u003Casp:button onclick=\"btn1_click“ runat=“server”\u003E\u003Cbr\u003E\u003Casp:textbox onchanged=\"text1_changed“ runat=“server”\u003E\u003Cbr\u003EСоставные (включают в себя другие ЭУ)\u003Cbr\u003E\u003Casp:GridView ID=\"gridEmployees\" runat=\"server\" DataSourceID=\"sourceEmployees\" AutoGenerateColumns=\"False\"\u003E\u003Cbr\u003E \u003CColumns\u003E\u003Cbr\u003E \u003Casp:BoundField DataField=\"EmployeeID\" HeaderText=\"ID\" \u002F\u003E\u003Cbr\u003E \u003Casp:BoundField DataField=\"FirstName\" HeaderText=\"First Name\" \u002F\u003E\u003Cbr\u003E \u003Casp:BoundField DataField=\"LastName\" HeaderText=\"Last Name\" \u002F\u003E\u003Cbr\u003E \u003Casp:BoundField DataField=\"Title\" HeaderText=\"Title\" \u002F\u003E\u003Cbr\u003E \u003Casp:BoundField DataField=\"City\" HeaderText=\"City\" \u002F\u003E\u003Cbr\u003E \u003C\u002FColumns\u003E\u003Cbr\u003E\u003C\u002Fasp:GridView\u003E\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EСтатические HTML тэги\u003Cbr\u003E\u003Cp\u003EASP.NET страница содержит смесь обычных HTML тэгов и описаний ASP.NET ЭУ. \u003Cbr\u003EДля добавления HTML тэгов можно их ввести с помощью клавиатуры или перетащить из HTML панели Toolbox.\u003Cbr\u003EVisual Studio предоставляет построитель стиля (style builder) для форматирования любого статического HTML элемента с помощью CSS свойства style. \u003Cbr\u003EДля проверки можно добавить элемент \u003Cdiv\u003E из панели HTML Toolbox. \u003Cdiv\u003E отображается в виде панели без рамки. Можно щелкнуть на нем и выбрать команду Format-\u003ENew Style. \u003Cbr\u003EПоявится диалоговое окно New Style с возаожностями конфигурирования свойств colors, font, layout и border.\u003Cbr\u003E","\u003Cp\u003EСерверные HTML элементы управления\u003Cbr\u003E","\u003Cp\u003EСерверные HTML элементы управления\u003Cbr\u003E\u003Cp\u003EРаботают с существующими программами создания HTML страниц\u003Cbr\u003EСвойства согласуются 1:1 с HTML\u003Cbr\u003Etable.bgcolor =\"red“;\u003Cbr\u003EМожно задать обработчики событий на стороне клиента\u003Cbr\u003EУдобны для быстрого преобразования существующих HTML страниц в страницы ASP.NET\u003Cbr\u003EНаследуются (производные) от класса System.Web.UI.HtmlControls.HtmlControl\u003Cbr\u003EПоддерживаемые элементы управления имеют собственные классы, другие наследуются от класса HtmlGenericControl\u003Cbr\u003E","\u003Cp\u003EСерверные HTML элементы управления\u003Cbr\u003E\u003Cp\u003EСерверные элементы управления HTML похожи на теги HTML и отличаются от последних только наличием атрибута runat=server. Все они являются наследниками класса HtmlControl, который в свою очередь является наследником Control. \u003Cbr\u003EКласс HtmlControl определён в пространстве имён System.Web.UI.HtmlControls\u003Cbr\u003EУ элемента управления HTML имеется набор свойств и методов, детально отражающих синтаксис HTML. Имя экземпляра серверного элемента определяется значением атрибута ID, а значение серверного элемента ввода – это Value. Свойства совпадают с атрибутами соответствующего тега, простые свойства –\u003Cbr\u003E\tInnerText, InnerHtml, Style, Value, Attributes\u003Cbr\u003EНе всем тегам сопоставимы элементы типа HtmlControl. Неизвестным для ASP.NET тегам ставится в соответствие экземпляр класса из пространства System.UI.GenericControl (универсальный элемент управления)\u003Cbr\u003E","\u003Cp\u003EСерверные HTML элементы управления\u003Cbr\u003E\u003Cp\u003EHTML элементы управления\u003Cbr\u003E\u003Cinput type=\"text\" id=\"myText\" runat=\"server\" \u002F\u003E\u003Cbr\u003EИспользование HTML ЭУ в коде:\u003Cbr\u003Evoid Page_Load(object sender, EventArgs e)\u003Cbr\u003E{\u003Cbr\u003E\tmyText.Value = \"Hello World!\";\u003Cbr\u003E}\u003Cbr\u003E","\u003Cp\u003EПример серверных HTML ЭУ\u003Cbr\u003E\u003Cinput runat=“server” id=“myName” type=“text”\u003E\u003Cbr\u003Eможно определить программно:\u003Cbr\u003E\t\u003Cbr\u003Evoid Page_Load (object sender, Eventargs e)\u003Cbr\u003E{\u003Cbr\u003E myName.Value = ”Текст”\u003Cbr\u003E}\u003Cbr\u003EПосле рендеринга этой части кода средой ASP.NET будет получен HTML-код\u003Cbr\u003E\u003Cinput name=“myName” id=“myName” type=“text” Value=“Текст” \u002F\u003E\u003Cbr\u003E","\u003Cp\u003EHTML элементы управления\u003Cbr\u003E\u003Cp\u003EПоддерживаемые элементы управления\u003Cbr\u003E\u003Ca\u003E\u003Cbr\u003E\u003Cimg\u003E\u003Cbr\u003E\u003Cform\u003E\u003Cbr\u003E\u003Ctable\u003E\u003Cbr\u003E\u003Ctr\u003E\u003Cbr\u003E\u003Ctd\u003E\u003Cbr\u003E\u003Cth\u003E\u003Cbr\u003E\u003Cselect\u003E\u003Cbr\u003E\u003Cp\u003E\u003Ctextarea\u003E\u003Cbr\u003E\u003Cbutton\u003E\u003Cbr\u003E\u003Cinput type=text\u003E\u003Cbr\u003E\u003Cinput type=file\u003E\u003Cbr\u003E\u003Cinput type=submit\u003E\u003Cbr\u003E\u003Cinput type=button\u003E\u003Cbr\u003E\u003Cinput type=reset\u003E\u003Cbr\u003E\u003Cinput type=hidden\u003E\u003Cbr\u003E","\u003Cp\u003EИерархия элементов управления HTML\u003Cbr\u003E\u003Cp\u003EHtmlControl\u003Cbr\u003E\u003Cp\u003EHtmlInputControl\u003Cbr\u003E\u003Cp\u003EHtmlContainerControl\u003Cbr\u003E\u003Cp\u003EHtmlImage\u003Cbr\u003E\u003Cp\u003EHtmlInputButton\u003Cbr\u003E\u003Cp\u003EHtmlInputCheckBox\u003Cbr\u003E\u003Cp\u003EHtmlInputFile\u003Cbr\u003E\u003Cp\u003EHtmlInputImage\u003Cbr\u003E\u003Cp\u003EHtmlInputHidden\u003Cbr\u003E\u003Cp\u003EHtmlInputRadioButton\u003Cbr\u003E\u003Cp\u003EHtmlInputText\u003Cbr\u003E\u003Cp\u003EHtmlInputReset\u003Cbr\u003E\u003Cp\u003EHtmlInputSubmit\u003Cbr\u003E\u003Cp\u003EHtmlInputPassword\u003Cbr\u003E\u003Cp\u003EHtmlAncor\u003Cbr\u003E\u003Cp\u003EHtmlForm\u003Cbr\u003E\u003Cp\u003EHtmlSelect\u003Cbr\u003E\u003Cp\u003EHtmlButton\u003Cbr\u003E\u003Cp\u003EHtmlTable\u003Cbr\u003E\u003Cp\u003EHtmlTableRow\u003Cbr\u003E\u003Cp\u003EHtmlTableCell\u003Cbr\u003E\u003Cp\u003EHtmlTextArea\u003Cbr\u003E\u003Cp\u003EHtmlGenericControl\u003Cbr\u003E\u003Cp\u003EHtmlHead\u003Cbr\u003E\u003Cp\u003EHtmlLink\u003Cbr\u003E\u003Cp\u003EHtmlTitle\u003Cbr\u003E","\u003Cp\u003EСвойства HtmlControl\u003Cbr\u003E\u003Cp\u003EAttributes - Позволяют получить или добавить атрибуты к ЭУ. Можно использовать эту коллекцию для добавления атрибутов, которые не доступны с помощью специальных свойств. (Например, можно добавить атрибут onFocus для text box и задать некоторый JavaScript код для описания того, что будет выполняться, когда данный text box получит фокус ввода на странице).\u003Cbr\u003EDisabled – возвращает или задает состояние disabled ЭУ. Если оно равно true, то ЭУ показывается серым цветом и не работает.\u003Cbr\u003EStyle – Возвращает коллекцию атрибутов CSS, которые применены к ЭУ. В web странице это свойство задается в виде строки, которая содержит атрибуты style:value, разделенные точкой с запятой. В Visual Studio можно задать это свойство с помощью команды New Style в контекстном меню данного элемента. \u003Cbr\u003ETagName – возвращает имя тэга ЭУ, такое как, img и т.п.\u003Cbr\u003E","\u003Cp\u003EСвойства класса HtmlContainerControl\u003Cbr\u003E\u003Cp\u003EInnerHtml – возвращает или устанавливает HTML текст внутри открывающегося и закрывающегося тэгов. При использовании этого свойства, все символы остаются такими, как они есть. Это означает, что можно встроить HTML разметку (жирный текст, добавить разрывы строк и т.п.).\u003Cbr\u003EInnerText - возвращает или устанавливает просто текст внутри открывающегося и закрывающегося тэгов. При использовании этого свойства, все символы, которые могут интерпретироваться, как специальный HTML синтаксис (такой, как \u003C, угловая скобка) автоматически заменяются на эквиваленты HTML сущностей.\u003Cbr\u003E","\u003Cp\u003EКласс HtmlInputControl\u003Cbr\u003E\u003Cp\u003EType — получает тип элемента HtmlInputControl. \u003Cbr\u003EНапример, если для этого свойства задано значение text, HtmlInputControl является текстовым полем для ввода данных.\u003Cbr\u003EValue — получает или задает значение, связанное с элементом управления. \u003Cbr\u003EЗначение, связанное с элементом управления, зависит от типа элемента управления. \u003Cbr\u003EНапример, в текстовом поле это свойство содержит текст, введенный в элементе управления. \u003Cbr\u003EДля кнопок это свойство определяет текст на кнопке.\u003Cbr\u003E","\u003Cp\u003EРабота с атрибутами HTML\u003Cbr\u003E\u003Cp\u003EПример\u003Cbr\u003EУстановка атрибутов тега \u003Cbody\u003E:\u003Cbr\u003E\u003Cscript\u003E\u003Cbr\u003Efunction Init() {\u003Cbr\u003E alert(”Hello”);\u003Cbr\u003E}\u003Cbr\u003E\u003C\u002Fscript\u003E\u003Cbr\u003E\u003Cscript runat=”server” language=”C#”\u003E\u003Cbr\u003EVoid Page_Load(object sender, EventArg e) \u003Cbr\u003E{\u003Cbr\u003E theBody.Attributes[”onload”] = ”Init”();\u003Cbr\u003E}\u003Cbr\u003E\u003C\u002Fscript\u003E\u003Cbr\u003E\u003Chtml\u003E\u003Cbr\u003E\u003Cbody runat=”server” id=”theBody”\u003E\u003Cbr\u003E\u003C\u002Fbody\u003E\u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003EРезультирующий HTML-код:\u003Cbr\u003E\u003Cscript\u003E\u003Cbr\u003E function Init() {\u003Cbr\u003E alert(”Hello”);\u003Cbr\u003E}\u003Cbr\u003E\u003C\u002Fscript\u003E\u003Cbr\u003E\u003Chtml\u003E\u003Cbr\u003E\u003Cbody id=”theBody” onload=Init()\u003E\u003Cbr\u003E\u003C\u002Fbody\u003E\u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E","\u003Cp\u003EОсновные события \r\nэлементов управления HTML\u003Cbr\u003E\u003Cp\u003EServerClick – возврат формы и выполнение соответствующего скрипта на сервере. \r\n\u003Cbr\u003EПример:\r\n\r\n\u003Ca runat=server onclick=”Run()” onserverclick=”DoSomthing”\u003E\r\nВыполнить на сервере\u003C\u002Fa\u003E\r\n\r\nАтрибутом onclick определяется клиентский обработчик, написанный на JavaScript, а атрибутом onserverclick – серверный обработчик, код которого будет выполнен после возврата на сервер текущей формы.\u003Cbr\u003E","\u003Cp\u003EСерверные Web элементы управления\u003Cbr\u003E","\u003Cp\u003EСерверные Web элементы управления\u003Cbr\u003E\u003Cp\u003EВ web страницах ASP.Net можно добавлять ЭУ с тэгами asp: \u003Cbr\u003E\u003Casp:TextBox id=\"myASPText\" Text=\"Hello ASP.NET TextBox\" runat=\"server\" \u002F\u003E\u003Cbr\u003E\u003Casp:CheckBox id=\"myASPCheck\" Text=\"My CheckBox\" runat=\"server\" \u002F\u003E\u003Cbr\u003EC этими элементами можно работать в коде программы следующим образом:\u003Cbr\u003EmyASPText.Text = \"New text\";\u003Cbr\u003EmyASPCheck.Text = \"Check me!\";\u003Cbr\u003E","\u003Cp\u003EОписание серверного Web элемента управления\u003Cbr\u003E\u003Cp\u003Eлюбой элемент HTML документа можно сделать серверным с помощью атрибута runat=“server”.\u003Cbr\u003Eесть специальные серверные ЭУ, которые описываются следующим образом:\u003Cbr\u003E\u003Casp:названиеЭУ id=имя runat=“server” другие атрибуты\u003E\u003Cbr\u003Eобщие свойства ЭУ\u003Cbr\u003EHeight, Width, Visible, text…\u003Cbr\u003Eспециальные свойства\u003Cbr\u003Eназначение обработчиков событий, например:\u003Cbr\u003EonSelectedIndexChanged=\"List_SelectedIndexChanged\"\u003Cbr\u003Eстиль\u003Cbr\u003E\tstyle=\"float: left\"\u003Cbr\u003Eпозиционирование\u003Cbr\u003Estyle=\" position: absolute; top: 135px; left: 10px; height: 70px; width: 89px\" \u002F\u003E\u003Cbr\u003EПример:\u003Cbr\u003E\u003Casp:Button id=\"cmd\" style=\"POSITION: absolute; left: 100px; top: 50px;\"\u003Cbr\u003Erunat=\"server\" ... \u002F\u003E\u003Cbr\u003E","\u003Cp\u003EСвойства серверных web ЭУ\r\n(Server Control Properties)\u003Cbr\u003E\u003Cp\u003EАтрибуты тэга соответствуют свойствам эл. управления:\u003Cbr\u003E\u003Cp\u003Ec1.Text = “Foo”; \u003Cbr\u003Ec2.Rows = 5;\u003Cbr\u003E\u003Cp\u003E\u003Casp:button id=“c1\" Text=\"Foo\" runat=“server”\u003E\u003Cbr\u003E\u003Casp:ListBox id=“c2\" Rows=\"5\" runat=“server”\u003E\u003Cbr\u003E\u003Cp\u003EТэги и атрибуты являются нечувствительными к регистру\u003Cbr\u003EСвойства элементов могут быть заданы и программно\u003Cbr\u003E","\u003Cp\u003EТипы событий серверных элементов\u003Cbr\u003E\u003Cp\u003EПри изменении состояния серверных ЭУ и выполнении действий пользователя с соответствующими им клиентскими ЭУ инициируются события.\u003Cbr\u003EВыделяются следующие типы событий:\u003Cbr\u003EСобытия изменения (Change Events)\u003Cbr\u003Eпо умолчанию, они обрабатываются только после следующего события действия\u003Cbr\u003Eнапример: OnTextChanged, OnCheckedChanged\u003Cbr\u003Eэти события приходят в случайном порядке\u003Cbr\u003EСобытия действия (Action Events)\u003Cbr\u003Eвызывают немедленную обратную отправку (postback) на сервер \u003Cbr\u003Eнапример: OnClick\u003Cbr\u003EРаботают с любыми браузерами\u003Cbr\u003Eне требуется специального скрипта на клиенте, не используются апплеты (applets) или ActiveX® Controls!\u003Cbr\u003E","\u003Cp\u003EСвязывание обработчиков с событиями элементов\u003Cbr\u003E\u003Cp\u003EОбработчики событий указываются в атрибутах элемента управления\u003Cbr\u003E\u003Cbr\u003EКод обработчика событий\u003Cbr\u003E\u003Cp\u003Eprotected void btn1_Click(Object s, EventArgs e) \u003Cbr\u003E{\u003Cbr\u003E Message.Text = “Button1 clicked”;\u003Cbr\u003E}\u003Cbr\u003E\u003Cp\u003E\u003Casp:button onclick=\"btn1_click“ runat=“server”\u003E\u003Cbr\u003E\u003Casp:textbox onchanged=\"text1_changed“ runat=“server”\u003E\u003Cbr\u003E","\u003Cp\u003EСерверные Web элементы управления\u003Cbr\u003E\u003Cp\u003EПоследовательная объектная модель\u003Cbr\u003E\u003Cp\u003ELabel1.BackColor = Color.Red;\u003Cbr\u003ETable.BackColor = Color.Blue;\u003Cbr\u003E\u003Cp\u003EБолее богатая функциональность\u003Cbr\u003EНапример, AutoPostBack, дополнительные методы\u003Cbr\u003EАвтоматическая uplevel\u002Fdownlevel поддержка браузеров\u003Cbr\u003EНапример, проверки значений элементов управления\u003Cbr\u003EСтрого типизированные; нет общего порождающего класса\u003Cbr\u003EМожно использовать проверку типов при компиляции\u003Cbr\u003E","\u003Cp\u003EWeb элементы управления\u003Cbr\u003E\u003Cp\u003EWeb элементы управления имеют расширенный набор свойств для отображения и форматирования, например:\u003Cbr\u003EFont\u003Cbr\u003EBackColor, ForeColor\u003Cbr\u003EBorderColor, BorderStyle, BorderWidth\u003Cbr\u003EStyle, CssClass\u003Cbr\u003EHeight, Width\u003Cbr\u003EVisible, Enabled\u003Cbr\u003E","\u003Cp\u003EСвойства класса WebControls\u003Cbr\u003E\u003Cp\u003EAccessKey — возвращает или задает сочетание клавиш, позволяющее пользователю быстро перейти к элементу управления. Например, если установлено значение A, пользователь может переместить фокус на этот элемент управления, нажав Alt+A.\u003Cbr\u003EBackColor – получить или установить фоновый цвет;\u003Cbr\u003EBorderColor - получить или установить цвет рамки;\u003Cbr\u003EBorderStyle — одно из значений перечисления BorderStyle, включая Dashed, Dotted, Double, Groove, Ridge, Inset, Outset, Solid и None.\u003Cbr\u003EBorderWidth — возвращает или задает ширину границы.\u003Cbr\u003ECssClass — возвращает или задает стиль CSS для связи с элементом управления. Стиль CSS можно определить в разделе \u003Cstyle\u003E в верхней части страницы или в отдельном файле CSS, на который ссылается страница.\u003Cbr\u003EEnabled — возвращает или задает включенное состояние элемента управления. Если установлено значение false, элемент управления обычно отображается серым цветом и не может использоваться.\u003Cbr\u003EFont — возвращает объект со всей информацией о стиле шрифта, используемого для текста элемента управления.\u003Cbr\u003EForeColor — возвращает или задает цвет переднего плана, например, цвет текста элемента управления.\u003Cbr\u003ETabIndex — число, позволяющее управлять порядком табуляции. Элемент управления с TabIndex, равным 0, получает фокус при первой загрузке страницы. Нажатие Tab перемещает пользователя к элементу управления со следующим наименьшим TabIndex, если он включен.\u003Cbr\u003ETooltip — отображает текстовое сообщение, когда пользователь наводит указатель мыши на элемент управления.\u003Cbr\u003EHeight - получить или задать высоту ЭУ.\u003Cbr\u003EWidth - получить или задать ширину ЭУ.\u003Cbr\u003E","\u003Cp\u003EПоддержка состояния\u003Cbr\u003E\u003Cp\u003EПо умолчанию элементы управления поддерживают их состояния между последовательностью обратных вызовов\u003Cbr\u003Eреализуется с использованием скрытого HTML поля: VIEWSTATE\u003Cbr\u003Eработает с элементами ввода данных (например. TextBox, CheckBox), элементами не вводящими данные (например, Label, DataGrid), и гибридными (например, DropDownList, ListBox)\u003Cbr\u003Eможет быть отменено для элемента или всей страницы\u003Cbr\u003Eзадайте EnableViewState=“false”\u003Cbr\u003Eпозволяет уменьшить размер передаваемых данных в VIEWSTATE\u003Cbr\u003E","\u003Cp\u003EАвтоматическая обратная отправка (postback)\u003Cbr\u003E\u003Cp\u003EЗадано свойство эл. управления Checkbox: AutoPostBack = true\u003Cbr\u003E\u003Cinput id=\"checkbox1\" type=\"checkbox\" name=\"checkbox1\" onclick=\"javascript:setTimeout('doPostBack(\\'checkbox1\\',\\'\\')', 0)\" \u002F\u003E \u003Cbr\u003E\u003Cinput type=\"hidden\" name=\"EVENTTARGET\" id=\"EVENTTARGET\" value=\"\" \u002F\u003E \u003Cbr\u003E\u003Cinput type=\"hidden\" name=\"EVENTARGUMENT\" id=\"EVENTARGUMENT\" value=\"\" \u002F\u003E \u003Cbr\u003E\u003Cscript type=\"text\u002Fjavascript\"\u003E \u003Cbr\u003E\u002F\u002F\u003C![CDATA[\u003Cbr\u003Evar theForm = document.forms['ctl00'];\u003Cbr\u003Eif (!theForm) {\u003Cbr\u003EtheForm = document.ctl00; }\u003Cbr\u003Efunction doPostBack(eventTarget, eventArgument) {\u003Cbr\u003E if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.EVENTTARGET.value = eventTarget;\u003Cbr\u003E theForm.EVENTARGUMENT.value = eventArgument;\u003Cbr\u003E theForm.submit();}}\u003Cbr\u003E\u002F\u002F]]\u003E \u003Cbr\u003E\u003C\u002Fscript\u003E \u003Cbr\u003E","\u003Cp\u003EТипы web элементов управления\u003Cbr\u003E\u003Cp\u003EБазовые (Basic Web Control Classes)\u003Cbr\u003EСписочные (List controls)\u003Cbr\u003EСложные (Rich controls)\u003Cbr\u003EПроверочные (Input Validation Controls)\u003Cbr\u003E","\u003Cp\u003EБазовые web элементы управления\r\n(Basic Controls)\u003Cbr\u003E\u003Cp\u003EСоответствуют HTML элементам управления\u003Cbr\u003EПоддерживаемые элементы управления\u003Cbr\u003E\u003Casp:Button\u003E\u003Cbr\u003E\u003Casp:ImageButton\u003E\u003Cbr\u003E\u003Casp:LinkButton\u003E\u003Cbr\u003E\u003Casp:RadioButton\u003E\u003Cbr\u003E\u003Casp:ImageMap\u003E\u003Cbr\u003E\u003Casp:Image\u003E\u003Cbr\u003E\u003Casp:HyperLink\u003E\u003Cbr\u003E\u003Casp:TextBox\u003E\u003Cbr\u003E\u003Casp:CheckBox\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E\u003Casp:Label\u003E\u003Cbr\u003E\u003Casp:Panel\u003E\u003Cbr\u003E\u003Casp:Table\u003E\u003Cbr\u003E\u003Casp:TableCell\u003E\u003Cbr\u003E\u003Casp:TableRow\u003E\u003Cbr\u003E\u003Casp:FileUpload\u003E\u003Cbr\u003E\u003Casp:HiddenField\u003E\u003Cbr\u003E\u003Casp:Panel\u003E\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EОсновные классы базовых web ЭУ\u003Cbr\u003E","\u003Cp\u003EОсновные классы базовых Web ЭУ (2)\u003Cbr\u003E","\u003Cp\u003EОсновные классы базовых Web ЭУ (3)\u003Cbr\u003E","\u003Cp\u003EПример объявления\u003Cbr\u003E\u003Cp\u003EТекстовое окно\u003Cbr\u003E\u003Casp:TextBox runat=\"server\" ID=\"TextBox1\" Text=\"This is a test\" ForeColor=\"red\" BackColor=\"lightyellow\" Width=\"250px\" Font-Name=\"Verdana\" Font-Bold=\"True\" Font-Size=\"20\" \u002F\u003E\u003Cbr\u003EСкролируемая панель\u003Cbr\u003E\u003Casp:Panel ID=\"Panel1\" runat=\"server\" Height=\"116px\" Width=\"278px\"\u003Cbr\u003EBorderStyle=\"Solid\" BorderWidth=\"1px\" ScrollBars=\"Auto\"\u003E\u003Cbr\u003E This scrolls.\u003Cbr\u003E \u003Cbr \u002F\u003E\u003Cbr \u002F\u003E\u003Cbr\u003E \u003Casp:Button ID=\"Button1\" runat=\"server\" Text=\"Button\" \u002F\u003E\u003Cbr\u003E \u003Casp:Button ID=\"Button2\" runat=\"server\" Text=\"Button\" \u002F\u003E\u003Cbr\u003E \u003Cbr \u002F\u003E\u003Cbr\u003E ...\u003Cbr\u003E\u003C\u002Fasp:Panel\u003E\u003Cbr\u003E","\u003Cp\u003EСписочные элементы управления (List controls)\u003Cbr\u003E\u003Cp\u003EЭлементы управления, которые управляют повторениями\u003Cbr\u003EПоддерживаемые элементы управления\u003Cbr\u003E\u003Cp\u003E\u003Casp:dropdownlist\u003E\u003Cbr\u003E\u003Casp:listbox\u003E\u003Cbr\u003E\u003Casp:radiobuttonlist\u003E\u003Cbr\u003E\u003Casp:checkboxlist\u003E\u003Cbr\u003E\u003Casp:BulletedList\u003E\u003Cbr\u003E","\u003Cp\u003EЭлементы управления\r\nCheckBoxList & RadioButtonList\u003Cbr\u003E\u003Cp\u003EКоллекция кнопок выбора и радио-кнопок\u003Cbr\u003EДля заполнения используется связывание\u003Cbr\u003E\u003Cp\u003E\u003Casp:CheckBoxList id=Check1 runat=\"server\"\u003E\u003Cbr\u003E \u003Casp:ListItem\u003EItem 1\u003C\u002Fasp:ListItem\u003E\u003Cbr\u003E \u003Casp:ListItem\u003EItem 2\u003C\u002Fasp:ListItem\u003E\u003Cbr\u003E \u003Casp:ListItem\u003EItem 3\u003C\u002Fasp:ListItem\u003E\u003Cbr\u003E \u003Casp:ListItem\u003EItem 4\u003C\u002Fasp:ListItem\u003E\u003Cbr\u003E \u003Casp:ListItem\u003EItem 5\u003C\u002Fasp:ListItem\u003E\u003Cbr\u003E\u003C\u002Fasp:CheckBoxList\u003E\u003Cbr\u003E","\u003Cp\u003EСписочные элементы управления\u003Cbr\u003E\u003Cp\u003E\u003Casp:DropDownList\u003E - выпадающий список (drop-down list) заполняется коллекцией объектов \u003Casp:ListItem\u003E. При рендеринге в HTML задаются тэги \u003Cselect\u003E с атрибутом «size=\"1\"».\u003Cbr\u003E\u003Casp:ListBox\u003E - список ist box заполняется коллекцией объектов \u003Casp:ListItem\u003E. При рендеринге в HTML задаются тэги \u003Cselect\u003E с атрибутом «size=\"х\"», где x это количество видимых элементов.\u003Cbr\u003E\u003Casp:CheckBoxList\u003E - этот элемент управления заполняется … При рендеринге в HTML задаются check boxes, выравненные в таблицу с одной или несколькими колонками.\u003Cbr\u003E\u003Casp:RadioButtonList\u003E\u003Cbr\u003E\u003Casp:BulletedList\u003E - статический маркированный или нумерованный список. В HTML он отображается с помощью тегов \u003Cul\u003E или \u003Col\u003E. Вы также можете использовать этот элемент управления для создания списка гиперссылок.\u003Cbr\u003E","\u003Cp\u003EСвойства класса ListControl\u003Cbr\u003E\u003Cp\u003EAutoPostBack - If true, the form is automatically posted back when the user changes the current selection.\u003Cbr\u003EItems Returns a collection of ListItem items (the items can also be added declaratively by adding the \u003Casp:ListItem\u003E tag).\u003Cbr\u003ESelectedIndex - Returns or sets the index of the selected item. For lists with multiple selectable items, you should loop through the Items collection and check the Selected property of each ListItem instead.\u003Cbr\u003ESelectedItem - Returns a reference to the first selected ListItem. For lists with multiple selectable items, you should loop through the Items collection and check the Selected property of each ListItem instead.\u003Cbr\u003EDataSource - You can set this property to an object that contains the information you want to display (such as a DataSet, DataTable, or collection). When you call DataBind(), the list will be filled based on that object.\u003Cbr\u003EDataMember - Used in conjunction with data binding when the data source contains more than one table (such as when the source is a DataSet). The DataMember identifies which table you want to use.\u003Cbr\u003EDataTextField - Used in conjunction with data binding to indicate which property or field in the data source should be used for the text of each list item.\u003Cbr\u003EDataValueField - Used in conjunction with data binding to indicate which property or field in the data source should be used for the value attribute of each list item (which isn’t displayed but can be read programmatically for\u003Cbr\u003Efuture reference).\u003Cbr\u003EDataTextFormatString - Sets the formatting string used to render the text of the list item (according to the DataTextField property).\u003Cbr\u003E","\u003Cp\u003EСвойства выбираемых списочных ЭУ\u003Cbr\u003E\u003Cp\u003ERepeatLayout - This specifies whether the check boxes or radio buttons will be rendered in a table (the default option) or inline. The values are Table and Flow, respectively.\u003Cbr\u003ERepeatDirection - This specifies whether the list of controls will be rendered horizontally or vertically.\u003Cbr\u003ERepeatColumns - This sets the number of columns, in case RepeatLayout is set to Table.\u003Cbr\u003ECellPadding, CellSpacing, TextAlign - If RepeatLayout is set to Table, then these properties configure the spacing and alignment of the cells of the layout table.\u003Cbr\u003E","\u003Cp\u003EСвойства размеченных списочных ЭУ (bulleted list)\u003Cbr\u003E\u003Cp\u003EBulletStyle - Determines the type of list. Choose from Numbered (1, 2, 3…), Lower-Alpha (a, b, c…) and UpperAlpha (A, B, C…), LowerRoman (i, ii, iii…) and UpperRoman (I, II, III…), and the bullet symbols Disc, Circle, Square, or CustomImage (in which case you must set the BulletImageUrl property).\u003Cbr\u003EBulletImageUrl - If the BulletStyle is set to CustomImage, this points to the image that is placed to the left of each item as a bullet.\u003Cbr\u003EFirstBulletNumber - In an ordered list (using the Numbered, LowerAlpha, UpperAlpha, LowerRoman, or UpperRoman styles), this sets the first value. For example, if you set FirstBulletNumber to 3, the list might read 3, 4, 5 (for Numbered) or C, D, E (for UpperAlpha).\u003Cbr\u003EDisplayMode - Determines whether the text of each item is rendered as text (use Text, the default) or a hyperlink (use LinkButton or HyperLink). The difference between LinkButton and HyperLink is how they treat clicks. When you use LinkButton, the BulletedList fires a Click event that you can react to on the server to perform the navigation. When you use HyperLink, the BulletedList doesn’t fire the Click event—instead, it treats the text of each list item as a relative or absolute URL, and renders them as ordinary HTML hyperlinks. When the user clicks an item, the browser attempts to navigate to that URL.\u003Cbr\u003E","\u003Cp\u003EСложные эл. управления (Rich Controls)\u003Cbr\u003E\u003Cp\u003EЭУ с большим набором функций\u003Cbr\u003EПоддерживаемые ЭУ\u003Cbr\u003E\u003Casp:calendar\u003E\u003Cbr\u003E\u003Casp:adrotator\u003E\u003Cbr\u003EРазрабатываются сторонними компаниями\u003Cbr\u003E","\u003Cp\u003EСоставной серверный ЭУ\u003Cbr\u003E\u003Cp\u003E\u003Casp:GridView ID=\"gridRegions\" runat=\"server« DataSourceID=\"sourceRegions\" ... \u003E\u003Cbr\u003E ...\u003Cbr\u003E \u003CColumns\u003E\u003Cbr\u003E \u003Casp:BoundField DataField=\"TerritoryID\" HeaderText=\"ID\" \u002F\u003E\u003Cbr\u003E \u003Casp:BoundField DataField=\"TerritoryDescription« HeaderText=\"Description\"\u002F\u003E\u003Cbr\u003E \u003C\u002FColumns\u003E\u003Cbr\u003E\u003C\u002Fasp:GridView\u003E\u003Cbr\u003E","\u003Cp\u003EСложные ЭУ в .Net 3.5\u003Cbr\u003E\u003Cp\u003EAdRotator: This control is a banner ad that displays one out of a set of images based on a predefined schedule that’s saved in an XML file.\u003Cbr\u003ECalendar: This control is a calendar that displays and allows you to move through months and days and to select a date or a range of days.\u003Cbr\u003EMultiView, View, and Wizard: You can think of these controls as more advanced panels that let you switch between groups of controls on a page. The Wizard control even includes built-in navigation logic. \u003Cbr\u003ESubstitution: This control is really a placeholder that allows you to customize ASP.NET’s output caching feature.\u003Cbr\u003EXml: This control takes an XML file and an XSLT stylesheet file as input and displays the resulting HTML in a browser. \u003Cbr\u003E","\u003Cp\u003EПроверочные ЭУ - верификаторы\u003Cbr\u003E\u003Cp\u003EБольшой набор возможностей задания декларативной проверки\u003Cbr\u003EПроверка описывается отдельно от ЭУ\u003Cbr\u003EРасширяемая структура для проверки\u003Cbr\u003EПоддержка проверки на сервере и клиенте\u003Cbr\u003EАвтоматически определяются uplevel клиенты высокого уровня (uplevel clients)\u003Cbr\u003EУ клиентов высокого уровня данные проверяются на месте\u003Cbr\u003EВсегда выполняется проверка на сервере\u003Cbr\u003EЗащита пользователей от перехвата и замены данных\u003Cbr\u003E","\u003Cp\u003EПроверка вводимых данных\u003Cbr\u003E\u003Cp\u003EПроверяет, что введенные данные введены пользователем правильно;\u003Cbr\u003EБлокирует дальнейшую обработку страницы, до тех пор, пока все данные не будут введены верно;\u003Cbr\u003EПредотвращает посылку\u003Cbr\u003E на сервер опасного\u003Cbr\u003E кода (cross-site …).\u003Cbr\u003E","\u003Cp\u003EАлгоритм проверки вводимых данных\u003Cbr\u003E\u003Cp\u003EValid?\u003Cbr\u003E\u003Cp\u003EValid?\u003Cbr\u003E\u003Cp\u003EUser Enters\r\n Data\u003Cbr\u003E\u003Cp\u003ENo\u003Cbr\u003E\u003Cp\u003ENo\u003Cbr\u003E\u003Cp\u003EYes\u003Cbr\u003E\u003Cp\u003EYes\u003Cbr\u003E\u003Cp\u003EError \r\nMessage\u003Cbr\u003E\u003Cp\u003EClient\u003Cbr\u003E\u003Cp\u003EServer\u003Cbr\u003E\u003Cp\u003EWeb Application\r\nProcessed\u003Cbr\u003E","\u003Cp\u003EЭУ для проверки вводимых данных\u003Cbr\u003E\u003Cp\u003ERequired field validator - проверяет, что значение заданного поля введено\u003Cbr\u003E\u003Casp:RequiredFieldValidator\u003E\u003Cbr\u003ECompare Validator - сравнивает значение с константой, другим ЭУ или типом данных\u003Cbr\u003E\u003Casp:CompareValidator\u003E\u003Cbr\u003ERange Validator - проверяет миним\u002Fмаксимальные границы введенного значения\u003Cbr\u003E\u003Casp:RangeValidator\u003E\u003Cbr\u003ERegular Expression Validator - проверяет значение на совпадение с заданным шаблоном\u003Cbr\u003E\u003Casp:RegularExpressionValidator\u003E\u003Cbr\u003ECustom Validator - позволяет создать собственную серверную или клиентскую функцию проверки\u003Cbr\u003E\u003Casp:CustomValidator\u003E\u003Cbr\u003EValidation Summary - показывает список ошибок при проверке на месте\u003Cbr\u003E\u003Casp:ValidationSummary\u003E\u003Cbr\u003E","\u003Cp\u003EПроверочные ЭУ \u003Cbr\u003E\u003Cp\u003EПроверочные ЭУ наследуются от класса System.Web.UI.WebControls.BaseValidator, который наследуется от ЭУ label.\u003Cbr\u003EПроверочные ЭУ содержат текст, который показывается только в случае если проверка определяет ошибку.\u003Cbr\u003EЗначение свойства Text показывается в том месте, где расположен проверочный ЭУ.\u003Cbr\u003EЗначение свойства ErrorMessage показывается в конце проверки.\u003Cbr\u003E","\u003Cp\u003EПроверочные ЭУ \u003Cbr\u003E\u003Cp\u003EПроверочные ЭУ связываются со своими проверяемыми ЭУ с помощью свойства ControlToValidate\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003EК одному ЭУ можно подключить несколько проверочных ЭУ.\u003Cbr\u003E\u003Cp\u003E\u003Casp:TextBox id=\"TextBox1\" runat=server \u002F\u003E\u003Cbr\u003E\u003Casp:RequiredFieldValidator id=\"Req1\" \u003Cbr\u003E ControlToValidate=\"TextBox1\" \u003Cbr\u003E Text=\"Required Field\" runat=server \u002F\u003E\u003Cbr\u003E","\u003Cp\u003EПроверочные ЭУ \u003Cbr\u003E\u003Cp\u003EСвойство Page.IsValid содержит окончательный результат проверки всех ЭУ на странице\u003Cbr\u003E\u003Cp\u003Evoid Submit_click(object s, EventArgs e) {\u003Cbr\u003E if (Page.IsValid) {\u003Cbr\u003E Message.Text = \"Page is valid!\";\u003Cbr\u003E }\u003Cbr\u003E}\u003Cbr\u003E","\u003Cp\u003EПроверочные ЭУ \r\nValidation Controls\u003Cbr\u003E\u003Cp\u003EСвойство проверочного элемента Display управляет отображением\u003Cbr\u003EStatic: статическое, отображение не меняется при ошибке\u003Cbr\u003EDynamic: динамическое\u003Cbr\u003ENone: нет отображения; можно по прежнему использовать ValidationSummary и Page.IsValid\u003Cbr\u003EСвойство Type содержит ожидаемый тип данных: Currency, Date, Double, Integer, String\u003Cbr\u003E","\u003Cp\u003EПроверочные ЭУ \r\nValidation Controls\u003Cbr\u003E\u003Cp\u003EМожно задать значение “DownLevel” для браузера \u003Cbr\u003EПроверка будет выполняться только на сервере\u003Cbr\u003E\u003Cp\u003E\u003C% @ Page Language=\"c#\" \u003Cbr\u003E ClientTarget=\"DownLevel\" %\u003E\u003Cbr\u003E","\u003Cp\u003EПроверочные ЭУ \r\nValidation Controls\u003Cbr\u003E\u003Cp\u003EДемонстрация: ValidationControls1.aspx\u003Cbr\u003EПоказываются все типы проверочных элементов\u003Cbr\u003E","\u003Cp\u003EИспользование верификаторов\u003Cbr\u003E\u003Cp\u003EПоместить требуемый верификатор на форме и выставить свойство ControlToValidate (ControlToCompare).\u003Cbr\u003EВыставить свойство ErrorMessage\u003Cbr\u003EЕсли помимо сообщения об ошибке нужно отобразить и доп. текст, то его надо поместить в свойство Text. \u003Cbr\u003EПоместить на форму элемент ValidationSummary или выставить свойство Display.\u003Cbr\u003EДобавить на форму элемент, который может инициировать отправку страницы на сервер. \u003Cbr\u003E","\u003Cp\u003EКомбинирование верификаторов\u003Cbr\u003E\u003Cp\u003EС одним элементом управления можно использовать несколько верификаторов\u003Cbr\u003EТолько RequiredFieldValidator проверяет наличие\u002Fотсутствие значения у элемента управления\u003Cbr\u003E","\u003Cp\u003EОтмена проверки\u003Cbr\u003E\u003Cp\u003EПоместить на форму HTML-элемент управления типа Submit.\u003Cbr\u003EУстановить атрибут Page_ValidationActive=false.\u003Cbr\u003EНа сервере проверить свойство IsValid.\u003Cbr\u003E","\u003Cp\u003EНестандартная проверка вводимых данных\u003Cbr\u003E\u003Cp\u003EИспользуется CustomValidator.\u003Cbr\u003EИсполнение проверки может быть как на сервере, так и на клиенте.\u003Cbr\u003EСерверный код размещается в обработчике ServerValidate.\u003Cbr\u003EСценарий проверки на клиенте размещается в свойстве ClientValidationFunction.\u003Cbr\u003E","\u003Cp\u003EРазмещение и оформление серверных ЭУ на форме\u003Cbr\u003E","\u003Cp\u003EПозиционирование ЭУ в web форме\u003Cbr\u003E\u003Cp\u003EПотоковое \u003Cbr\u003EС помощью таблиц\u003Cbr\u003EС помощью CSS\u003Cbr\u003EАбсолютное\u003Cbr\u003EС помощью CSS\u003Cbr\u003E","\u003Cp\u003EПозиционирование ЭУ на web форме\u003Cbr\u003E\u003Cp\u003EДля позиционирования ЭУ можно использовать все приемы, допустимые в HTML, такие как:\u003Cbr\u003Eparagraphs,\u003Cbr\u003Eline breaks, \u003Cbr\u003Etables, \u003Cbr\u003Estyles.\u003Cbr\u003EVisual Studio по умолчанию использует гибкое “потоковое” позиционирование, так чтобы контент увеличивался и сжимался динамически без создания проблем размещения.\u003Cbr\u003EДля задания абсолютного позиционирования можно задать стиль:\u003Cbr\u003E\u003Casp:Button id=\"cmd\" style=\"POSITION: absolute; left: 100px; top: 50px; \" runat=\"server\" ... \u002F\u003E\u003Cbr\u003EЛучше задать точное позиционирование для контейнера:\u003Cbr\u003E\u003Cdiv style=\"POSITION: absolute; left: 100px; top: 50px; width:200px\"\u003E\u003Cbr\u003E...\u003Cbr\u003E\u003Cdiv\u002F\u003E\u003Cbr\u003E","\u003Cp\u003EСкрытие\u003Cbr\u003E\u003Cdiv id = \"myFirstDiv\" style=\"position:absolute; top:150; left:100; visibility:hidden\"\u003E\u003Cbr\u003EСлои\u003Cbr\u003E\u003Cdiv id=\"whiteSquare\" style=\"position:absolute; top:100; left:100; z−index:2\"\u003E\u003Cbr\u003E\u003Cimg src=\"white.gif\"\u003E\u003Cbr\u003E\u003C\u002Fdiv\u003E\u003Cbr\u003E\u003Cdiv id=\"blackSquare\" style=\"position:absolute; top:0; left:0; z−index:1\"\u003E\u003Cbr\u003E\u003Cimg src=\"black.gif\"\u003E\u003Cbr\u003E\u003C\u002Fdiv\u003E\u003Cbr\u003E","\u003Cp\u003EДиалоговое окно New Stile\u003Cbr\u003E","\u003Cp\u003EФорматирование HTML\u003Cbr\u003E","\u003Cp\u003EHTML таблицы\u003Cbr\u003E\u003Cp\u003EVisual Studio предоставляет средства для создания и работы с HTML таблицами.\u003Cbr\u003EМожно добавить таблицу к форме. По умолчанию вставляется таблица 3×3.\u003Cbr\u003EТаблицу можно трансформировать (почти как в Ms Word)\u003Cbr\u003EВ ячейках таблицы можно размещать разные элементы (HTML, серверные).\u003Cbr\u003EСовременный подход к web дизайну не приветствует использование таблиц для структуризации страницы.\u003Cbr\u003EВместо этого предлагается использовать CSS свойства планировки (layout properties).\u003Cbr\u003E","\u003Cp\u003EКонтейнеры\u003Cbr\u003E\u003Cp\u003E\u003Cspan\u003E … \u003C\u002Fspan\u003E - контейнер для текста\u003Cbr\u003E\u003Cdiv\u003E … \u003C\u002Fdiv\u003E - контейнер для участка HTML документа\u003Cbr\u003E","\u003Cp\u003EОформление ЭУ\u003Cbr\u003E\u003Cp\u003EИндивидуальное\u003Cbr\u003EГрупповое (с помощью CSS и Theams)\u003Cbr\u003E"],href:"\u002Finformatika\u002Fservernye-elementy-upravleniya",href_category:"\u002Finformatika",date:1661082170,related:[{id:1451144,name:"Кодирование и обработка звуковой информации",href:"\u002Finformatika\u002Fkodirovanie-i-obrabotka-zvukovoj-informacii-9",jpg:"jpg\u002F1451144"},{id:707766,name:"Среда программирования Scratch. Занятие 3",href:"\u002Finformatika\u002Fsreda-programmirovaniya-scratch-zanyatie-3",jpg:"jpg\u002F707766"},{id:702817,name:"Я – IT-блогер",href:"\u002Finformatika\u002Fya--it-bloger",jpg:"jpg\u002F702817"},{id:735264,name:"Работа с информацией в цифровом мире. Поиск информации",href:"\u002Finformatika\u002Frabota-s-informatsiey-v-tsifrovom-mire",jpg:"jpg\u002F735264"},{id:784315,name:"Дизайн сайта. Главная страница",href:"\u002Finformatika\u002Fdizayn-sayta-glavnaya-stranitsa",jpg:"jpg\u002F784315"},{id:1266834,name:" \r\n ИНФОРМАТИКА 1 – 6 КЛАССЫ ",href:"\u002Finformatika\u002Finformatika-1--6-klassy",jpg:"jpg\u002F1266834"},{id:738340,name:"Automation of mobile testing: Basics of Mobile Cloud Services",href:"\u002Finformatika\u002Fautomation-of-mobile-testing-basics-of",jpg:"jpg\u002F738340"},{id:1246143,name:" \r\n «Адресация и передача информации в сети Интернет» Кривенцов Л.А. ",href:"\u002Finformatika\u002Fprezentaciya-quotadresaciya-i-peredacha-informacii-v-seti-internetquot--skachat-prezentacii-po-informatike",jpg:"jpg\u002F1246143"},{id:708532,name:"Создание презентации в программе Microsoft PowerPoint",href:"\u002Finformatika\u002Fsozdanie-prezentatsii-v-programme-microsoft-powerpoint",jpg:"jpg\u002F708532"},{id:1450960,name:"Системы счисления",href:"\u002Finformatika\u002Fsistemy-schisleniya-53",jpg:"jpg\u002F1450960"},{id:1204120,name:"Администрирование БД Системные и пользовательские БД SQL Server 2000",href:"\u002Finformatika\u002Fadministrirovanie-bd-sistemnye-i-polzovatelskie-bd-sql-server-2000-1",jpg:"jpg\u002F1204120"},{id:1225400,name:"Презентация Природа и общество в Философии",href:"\u002Finformatika\u002Fprezentaciya-priroda-i-obshhestvo-v-filosofii",jpg:"jpg\u002F1225400"},{id:1256761,name:" \r\n Цифровые видеокамеры Цифровая видеокамера - устройства для записи и сохранение видео данных в цифровой форме ",href:"\u002Finformatika\u002Fcifrovye-videokamery-cifrovaya-videokamera--ustrojstva-dlya-zapisi-i-soxranenie-video-dannyx-v-cifrovoj-forme-1",jpg:"jpg\u002F1256761"},{id:1348461,name:"Электронные таблицы. Урок № 4 - 5",href:"\u002Finformatika\u002Felektronnye-tablicy-urok-4-5",jpg:"jpg\u002F1348461"},{id:752194,name:"Lection_3_1",href:"\u002Finformatika\u002Flection31",jpg:"jpg\u002F752194"},{id:1451866,name:"Главные правила классической типографики",href:"\u002Finformatika\u002Fglavnye-pravila-klassicheskoj-tipografiki",jpg:"jpg\u002F1451866"},{id:1218400,name:"ГБОУ СПО «АМТ» преподаватель Струкова Елена Алексеевна",href:"\u002Finformatika\u002Fgbou-spo-amt-prepodavatel-strukova-elena-alekseevna",jpg:"jpg\u002F1218400"},{id:541929,name:"Design and creation of the presentations of lecture material, Scientific reports, etc",href:"\u002Finformatika\u002Fdesign-and-creation-of-the-presentations",jpg:"jpg\u002F541929"},{id:790407,name:"Консультация Интерактивные игры в детском саду и дома в программе LearningApps.org",href:"\u002Finformatika\u002Fkonsultatsiya-interaktivnye-igry-v-detskom-sadu",jpg:"jpg\u002F790407"},{id:510823,name:"Загальні відомості про функцію system ()",href:"\u002Finformatika\u002Fzagaln-vdomost-pro-funktsyu-system-",jpg:"jpg\u002F510823"},{id:749941,name:"HTML. Форматирование текста",href:"\u002Finformatika\u002Fhtml-formatirovanie-teksta",jpg:"jpg\u002F749941"},{id:1172503,name:"Надписи на песке «Sand Sign» Выполнил студент гр.ИД-401: Шарганов В.А.",href:"\u002Finformatika\u002Fnadpisi-na-peske-sand-sign-vypolnil-student-grid401-sharganov-va",jpg:"jpg\u002F1172503"},{id:1335022,name:"Приложение для управления изделием: радиомаяк азимутально-дальномерный, высокомобильный",href:"\u002Finformatika\u002Fprilozhenie-dlya-upravleniya-izdeliem-radiomayak-azimutalnodalnomernyj-vysokomobilnyj",jpg:"jpg\u002F1335022"},{id:618235,name:"Комиссия по развитию операторов почтовой связи",href:"\u002Finformatika\u002Fkomissiya-po-razvitiyu-operatorov-pochtovoy-svyazi",jpg:"jpg\u002F618235"},{id:680857,name:"Проектирование и разработка базы данных Автосервис",href:"\u002Finformatika\u002Fproektirovanie-i-razrabotka-bazy-dannyh-avtoservis",jpg:"jpg\u002F680857"},{id:1248198,name:" \r\n Источники ошибок в ПК Прусак А.В. ",href:"\u002Finformatika\u002Fistochniki-oshibok-v-pk-prusak-av",jpg:"jpg\u002F1248198"},{id:598373,name:"Ограничения на количество выбираемых строк",href:"\u002Finformatika\u002Fogranicheniya-na-kolichestvo-vybiraemyh-strok",jpg:"jpg\u002F598373"},{id:660005,name:"Ввод и отображение текстовой информации",href:"\u002Finformatika\u002Fvvod-i-otobrazhenie-tekstovoy-informatsii",jpg:"jpg\u002F660005"}],navigation:{next:"\u002Fkulturologiya\u002Fn-shupashkar",next_name:"Çĕнĕ Шупашкар",prev:"\u002Funcategorized\u002F9-kl-politika-i-vlast-2021ppt",prev_name:"9 кл Политика и власть 2021ppt"}}}},state:{},_errors:{},serverRendered:d,config:{public:{SITE_NAME:I,SITE_HOST:"vseprezentacii.com",SITE_LANG:J,API_BASE_URL:"https:\u002F\u002Fvseprezentacii.com\u002Fapi\u002F",pwaManifest:{name:I,short_name:a,description:a,lang:J,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.6bbe8d3f.png",type:c,sizes:K,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.6bbe8d3f.png",type:c,sizes:K,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.6bbe8d3f.png",type:c,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.6bbe8d3f.png",type:c,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.6bbe8d3f.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.6bbe8d3f.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.6bbe8d3f.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.6bbe8d3f.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.6bbe8d3f.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.6bbe8d3f.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.6bbe8d3f.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.6bbe8d3f.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.6bbe8d3f.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.6bbe8d3f.png",type:c,sizes:Q,purpose:g}]},yandexMetrika:{id:"94843251",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:d,childIframe:e,clickmap:e,defer:e,useRuntimeConfig:d,trackHash:e,trackLinks:d,type:b,webvisor:e,triggerEvent:e,consoleLog:d,partytown:e,isDev:e}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:a,logo_image_width:p,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:d,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:x,footer:y,dark_theme:d,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:i,item_words_h3:d,item_words_tag:i,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:j},colors:{header_text:k,header_bg:D,accent:E}},social:F,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable",11,"h2",77,"#ffffff","Презентации, проекты в PowerPoint","Презентации в PowerPoint","Презентации, проекты, доклады в PowerPoint ","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект, скачать",28,32,"VsePrezentacii.com",720,480,"6LdGr9gnAAAAAKdcDqFL5n46upSHwwYHs5ccQSJh","3212391","abusetheslide@ya.ru","Вы можете прислать нам Вашу презентацию и мы опубликуем ее на сайте.","\u003Ca href=\"\u002Fpage\u002Fdlyapravoobladatelei\"\u003EДля правообладателей\u003C\u002Fa\u003E","div","images_before","category","both","#333333","#8a8888","\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E",1,"Информатика","VsePrezentacii","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.08fba208.js" crossorigin></script></body> </html>

Серверные элементы управления

Содержание

Web страница (форма)Содержит директивыСодержит HTML кодСодержит серверные ЭУСерверные HTML ЭУСерверные Web

Серверные элементы управления (Server Controls)ASP.NET серверные ЭУ (server controls) являются основной частью

Серверные элементы управленияСпециальные типы ЭУ, с которыми можно в режиме «Design»

Понятие элемента управленияЭУ это специальные окна, с помощью которых пользователь может

Элементы управления и события (Controls and Events)BrowserASP.NETButton code...List code...Text code...Event handlers

Типы серверных ЭУHTML серверные ЭУ: это классы, которые обертывают стандартные HTML