- •1.Принцип работы www – сервера.
- •2. Протокол mime.
- •3.Протокол http.
- •Что происходит во время сеанса http?
- •4.Язык html и языки сценариев. Общие сведения. Что такое html
- •Язык сценариев vbscript
- •5.Особенности построения сетей tcp/ip в контексте Интернет.
- •Одноранговые сети
- •Сети на основе сервера
- •Комбинированные сети
- •7.Система доменных имен.
- •8.Типы прокси-серверов, их использование.
- •Виды прокси-серверов
- •10.Языки разметки html и xhtml.
- •Обязательные теги языка html
- •Тело html документа Заголовки
- •Правила расстановки относительных ссылок в языке html
- •Вставка рисунков в html страницу
- •Фреймы в html документе
- •Различия между xhtml и html
- •11.Синтаксис xhtml.
- •12.Динамические html-страницы.
- •13.Таблицы стилей css.
- •Синтаксис таблицы стилей
- •Определение правил css
- •Встроенный стиль
- •14.Основы технологии xml.
- •2. Xml немного похож на html
- •4. Xml умышленно многословен
- •7. Технология xml свободна от лицензирования, платформо-независима и хорошо поддерживаема
- •15.Методы передачи данных. Концепция интерфейса cgi.
- •16.Классическое cgi-программирование. Что такое cgi-программа
- •Как выполняются cgi-программы
- •17.Методы передачи данных. Интерфейс isapi.
- •Обзор архитектуры isapi
- •18.Использование методов post и get для передачи данных. Передаем данные формы (методы get и post)
- •Принимаем данные, переданные методом post
- •19.Обзор функциональности визуальных редакторов веб-страниц.
- •Рабочее пространство программы
- •20. Технология asp. Технология active server pages
- •Практика применения asp
- •21.Архитектура web-приложения asp.Net.
- •22.Создание простого web-приложения на с#. Создание простого, web-приложения на с#
- •Исходный файл * .Aspx
- •Файл web.Config
- •Исходный файл Global.Asax
- •23. Общие сведения о веб-страницах asp.Net.
- •24.Задачи, которые можно выполнить с помощью веб-страниц asp.Net.
- •25.Модель кода веб-страниц asp.Net. Однофайловые страницы.
- •Однофайловые страницы
- •Пример однофайловой модели страницы
- •Преимущества однофайловых страниц
- •26.Модель кода веб-страниц asp.Net. Страницы с выделенным кодом.
- •Страницы с выделенным кодом
- •Пример модели страницы с выделенным кодом
- •Преимущества страниц с выделенным кодом
- •27.Определение единого внешнего вида веб-узла.
- •28.Выбор типа проекта веб-узла.
- •29.Создание нового веб-узла asp.Net.
- •Создание веб-узла и страницы
- •30.Сценарий добавления страниц к веб-узлу.
- •Сценарий добавления страниц к веб-узлу
- •31.Добавление на страницу html-кода и выполнение страницы. Добавление на страницу html-кода
- •Выполнение страницы
- •Запуск страницы
- •32.Виды элементов управления WebForm. Базовые элементы управления WebForm
- •Элементы управления с дополнительными возможности
- •Элементы управления для проверки вводимых пользователем данных
- •33.Создание элементов управления WebForm.
- •34.Обработка событий посредством клиентских браузерных скриптов JavaScript.
- •35.Обработка и перехват событий на сервере.
- •36.Общие сведения о серверных элементах управления asp.Net.
- •37.Серверные html-элементы управления.
- •38.Серверные веб-элементы управления.
- •39.Принципы работы элементов управления WebForm.
- •40.Добавление базы данных в проект Visual Studio.
- •41.Подключение базы данных.
- •42.Создание таблиц в базе данных из Visual Studio.
- •43.Общие сведения о серверном веб-элементе управления SqlDataSource.
- •Базовые сведения
- •44.Подключение элемента управления SqlDataSource к источнику данных.
- •45.Создание команд данных с помощью элемента управления SqlDataSource.
- •46.Отображение данных на Веб-форме.
- •Примеры
33.Создание элементов управления WebForm.
При создании проекта на основе шаблона Web Application в нашем распоряжении всегда есть набор элементов управления WebForm. Для того чтобы ими воспользоваться, достаточно перейти на соответствующую вкладку в Toolbox.
Настройку параметров каждого из элементов управления WebForm можно производить при помощи обычного окна свойств в (ссылка на обзор Web Developer).
При внесении изменений через окно свойств для элемента управления все изменения сразу же записываются напрямую в файл *.aspx. Например, если для нашего текстового поля txtEMai1 мы изменим значения свойств BorderStyle, BorderWidth, BackColor, BorderColor и ToolTip, в теге <asp: textbox> появятся новые пары имя — значение:
<input name="txtEMai" type="text" value="fdfdf" id="txtEMail" title="Enter your e-mail here..." style="background-color:PaleGreen:border-color:Dark0liveGreen:border-width:5px:border-style:Ridge:" />
Давайте разберемся с синтаксисом записей для серверных веб-элементов управления WebForm в файле *.aspx. Для каждого элемента управления используется синтаксис, очень напоминающий формат XML. Открывающим тегом всегда будет <asp: тип_элемента_управления runat="server">, а закрывающим — </asp: тип_элемента_управления>. Вот два примера таких тегов:
<asp:TextBox id=TextBoxl style="Z-INOEX: 101: LEFT: 27px; POSITION: absolute: TOP: 30px" runat="server"> </asp:TextBox>
<asp:Button id=Buttonl style="Z-INDEX: 102: LEFT: 26px: POSITION: absolute: TOP: 66px" runat="server" DESIGNTIMEDRAGDR0P="21" Text="Button"> </asp:Button>
Атрибут runat="server" означает, что это — элемент управления WebForm, предназначенный для выполнения на сервере. Прежде чем его код отправится к клиенту, он будет преобразован средой выполнения ASP.NET в привычный код HTML.
В файле С#, который указан в атрибуте Codefile, код также изменился. В нем появились новые объекты, представляющие элементы управления. Имена этих объектов совпадают с идентификаторами элементов в тегах файла *.aspx:
public class WebForml : System.Web.UI.Page
{
protected System.Web.Ul.WebControls.Button btnSubmit; protected System.Web.UI.WebControls.CheckBox ckBoxNewsLetter:
protected System.Web.Ul.WebControls.TextBox txtEMail:
protected System.Web.Ul.WebControls.TextBox txtLNariie; protected System.Web.UI.WebControls.TextBox txtFName:
…
}
Конечно же, мы можем программным образом работать с этими объектами привычными способами С#.
34.Обработка событий посредством клиентских браузерных скриптов JavaScript.
Как правило, клиентские скрипты выполняются в ответ на события графических элементов HTML. Как же происходит перехват таких событий? Проще всего показать это на примере.
Предположим, что мы работаем с очень простой web-страницей. Единственная кнопка на этой странице будет называться testBtn (проще всего присвоить это имя из свойств кнопки). Чтобы настроить перехват события, возникающего при нажатии этой кнопки, перейдем в режим просмотра HTML и выберем нашу кнопку в левом ниспадающем списке. Затем в правом списке выберем для этой кнопки событие onclick
Выполнив эти действия, мы сможем обнаружить в коде HTML следующие изменения:
<HTML>
<НЕАD>
<ТITLE></TIТLE>
<МЕТА NAME="GENERATOR" Content="Microsoft Visual Studio"> <МЕТА HTTP-ЕQUIV="Соntеnt- Туре" content="text/html ">
<Script ID=clientEventHandlerJS Language=javascript>
<!
function testВtn_onclick() {}
//->
</script>
</НЕАD>
<BODY>
<p align = center>
<font size = 5>Неге is а single button which responds to clicks...</font></p>
<p align = center>
<input id =testBtn type=button value=Button name=testBtn language=javascript
onclick="return testBtn_onclick()">
</p>
</BODY>
</HTML>
Как мы видим, на нашей странице в разделе <head></head> появился блок <script>, для которого в качестве используемого языка указан JavaScript. Обратите внимание, что сам код скрипта помещен в блок комментария HTML. Причина понятна - если страница будет открыта в браузере, который не поддерживает JavaScript, то этот код будет воспринят как комментарий и проигнорирован.
Обратите также внимание, что в теге для нашей кнопки появился новый атрибут onclick, который ссылается на метод JаvаSсriрt. В результате при нажатии на эту кнопку будет вызван этот метод. Сильно усложнять содержание метода мы не будем, и для наших целей его код будет таким:
<script id = clientEventHandlersJS language = javascript>
<! –
function testBtn onclick()
{
// Аналог MessageВox в JavaScript
alert"Hey. stop clicking me... ");
}
//->
</script>
При нажатии на кнопку мы получим окно сообщения: Hey, stop cliking me...