1. Основные понятия разработки WEB-сайтов
1.1. Технологии создания web-страниц
Итак, Интернет — это цельная связанная сеть компьютеров, которая охватывает весь земной шар. На миллионах серверов располагаются миллиарды web-страниц, групп электронной почты, дискуссионных страниц и FTP-сайтов. Интернет целиком работает в режиме онлайн, включая электронную почту, FTP, новости, Gophet-сайты, чат-программы и т. п. World Wide Web появилась позже Интернета. Первый web-сервер заработал в 1991 г., но на сегодняшний день Всемирная паутина — это огромная часть Интернета, состоящая из взаимосвязанных web-страниц, в которых содержится текст, графика и мультипликация. Ключевым компонентом World Wide Web являются гиперссылки (текстовые или графические), которые позволяют пользователю переходить на другие web-страницы. Это оказывается возможным благодаря использованию HyperText Markup Language (HTML, язык гипертекстовой разметки)
Интернет представляет собой клиент-серверную систему. Т.е. вся информация хранится на серверах, которые по мере надобности посылают информацию клиентам. Сервер — это приложение, выполняющееся на некотором компьютере и обеспечивающее доступ к информации, файлам или данным, которые запрашиваются каким-либо другим лицом, приложением или компьютером. Местоположение серверов определяется с помощью Uniform Resource Locator (URL — универсальный указатель ресурса). Это особый адрес web-страницы, по которому она располагается в World Wide Web.
Клиентом называется особая часть программного обеспечения, выполняющаяся на компьютере. Наиболее распространенным клиентом в Интернете является браузер — специальная программа, позволяющая пользователю вводить адреса или использовать гиперссылки на web-страницах для поиска новых web-страниц. Она управляет отправкой запросов web-серверу и выводом на экран полученной от web-сервера web-страницы.
Вся работа по отправеке и получению web-страниц ведется через протокол HTTP (Hypertext Transfer Protocol). Это прикладной протокол, позволяющий браузерам и серверам взаимодействовать друг с другом и обмениваться между собой данными.
Использование одного лишь HTML невозможно в наше время. Во-первых это связано с созданием web-страниц: очень сложно обновлять страницы вручную. Во-вторых, в чистом HTML отсутствует какая-либо интерактивность и возможность сзаимодействовать на с серверами на пользовательском уровне. Например, не было бы почтовых служб, чатов и форумов. Проще говоря, это означало бы полную статичность.
Чтобы «оживить» Web, т.е. перейти от структурного предъявления гипертекстовой информации к событийному был разработан DHTML (Dynamic HyperText Markup Language). Основной отличительной особенностью DHTML от HTML является возможность взаимодействия DHTML-документов с пользователем на клиентском компьютере, что в значительной степени обогащает возможности создаваемых с их помощью Web-страниц и Web-приложений и в то же время сводит часть взаимодействия пользователя с сервером к взаимодействию пользователя с DHTML-документом.
Динамичность осуществляется при помощи языков сценариев, таких как JavaScript и VBScript. Но эта динамичность присуща только для клиентской части, взаимодействие с сервером все так же остается на примитивном уровне и позволяет отправлять всем пользователям только одну и ту же статическую информацию.
Поэтому был разработан Common Gateway Interface (CGI — интерфейс общего шлюза), который позволял web-страницам вызывать приложения, расположенные на web-серверах. Такие приложения могли создаваться на произвольном языке программирования, но чаще всего они писались на C/C++ или на Perl. Но CGI требовало огромных ресурсов,- для каждого подключившегося к серверу пользователя запускался свой экземпляр CGI, ни один популярный сервер не смог бы работать в нормальном режиме.
В итоге было создано большое количество различных инструментов и языков программирования, которые позволяют создавать активные web-страницы. Вот некоторые из этих технологий:
• Active Server Pages
• PHP
• ColdFusion
• WebSphere
• Java Server Pages
Несмотря на то, что PHP является лидером этой сферы деятельности, ASP даёт программистам большую свободу и простоту. Главным недостатком является цена и производительность Windows серверов.

1.2 Появление Active Server Pages
ASP.NET — это новая технология (то есть технология следующего поколения) для создания серверных Web-приложений производства Microsoft. Она входит в состав платформы Microsoft .NET Framework, которая представляет собой набор тесно связанных между собой новых, ставших революционными технологий, начиная от технологии для получения доступа к базам данных и заканчивая технологией для создания распределенных приложений. ASP.NET является одним из самых важных компонентов .NET Framework и позволяет разрабатывать высокопроизводительные Web-приложения и Web-службы.
Появление версии ASP.NET 1.0 стало настоящей революцией в мире Web-программирования. Она пользовалась такой бешеной популярностью, что еще на этапе бета-тестирования была установлена (через программу лицензирования Microsoft Go-Live) на множестве коммерческих Web-серверов. Выпущена версия ASP.NET 1.0 была только в начале 2002 года. Версия ASP.NET 1.1 такого ажиотажа уже не вызвала. Она явилась своего рода возможностью для разработчиков Microsoft передохнуть и собраться с силами. B ASP.NET 1.1 внимание уделялось не новым функциональным возможностям (таковых в ней вообще не было), а повышению производительности, настройке системы безопасности и устранению некоторых незначительных дефектов, Новые функциональные возможности потихоньку "откладывались в длинный ящик" и припрятывались до прихода более подходящих времен, то есть до выхода следующей крупной версии — ASP.NET 2.0.
Версия ASP.NET 1.1 была выпущена в конце 2003 года и закрепила за ASP.NET статус наиболее предпочитаемой платформы для Web-разработки среди профессиональных разработчиков, Два года спустя на горизонте наконец-то появилась версия ASP.NET 2.0. В отличие от ASP.NET 1.0. ASP.NET 2.0 не стала началом нового направления в Web-разработке. На самом деле, практически вся лежащая в основе этой версии архитектура почти ничем не отличается от той, что была в версии ASP.NET 1.0. Разница состоит в том, что в ASP.NET 2.0 к существующей технологии добавились некоторые новые функциональные возможности более высокого уровня. В принципе, после успеха версии ASP.NET 1.0, Microsoft не жалела ни сил разработчиков, ни времени, ни ресурсов на планирование и подготовку версии ASP.NET 2.0. Поскольку переписывать код механизма ASP.NET больше было не нужно, разработчики, занимавшиеся версией ASP.NET 2.0. смогли добавить новые элементы управления, создать более гибкие решения для управления данными, построить основанную на ролях модель безопасности и даже создать целый набор инструментальных средств для разработки портальных Web-сайтов. ASP.NET 2.0 дает разработчикам возможность расслабиться и порадоваться множеству новых функций, которые были разработаны для их любимой платформы.

1.3 Web-разработка на ASP.NET
Как уже было сказано ранее, ASP.NET входит в .NET Framework. Среда .NET Framework содержит тщательно отобранную коллекцию функциональных частей с поразительным общим количеством — более 7000 типов. Стандартными языками разработки ASP.NET являются Visual C# и Visual Basic.
Cпособ использования классов в .NET Framework в ASP.NET ничем не отличаемся от способа их применения в любом другом типе приложения .NET. Это значит, что, изучив программирование стандартных Windows-приложений, мы сможем применять большую часть полученных знаний и в программировании Web.
Приложения ASP.NET всегда компилируются. В действительности каждый раз проходят два этапа компиляции. На первом этапе написанный нами код С# компилируется в код промежуточного языка под названием Microsoft Intermediate Language (MSIL), или просто IL. Этот первый шаг является фундаментальной причиной взаимозависимости .NET от языков. По сути, все языки .NET (включая С#, Visual Basic и многие другие) компилируются в фактически идентичный код IL. Этот первый этап компиляции может произойти автоматически при первом запросе страницы, или же его можно выполнить заранее (этот процесс известен как предварительная компиляция). Скомпилированный файл с кодом IL является сборкой.
Второй этап компиляции наступает непосредственно перед фактическим выполнением страницы. На этом этапе код IL компилируется в низкоуровневый собственный машинный код. Этот этап известен как оперативная компиляция "точно к нужному моменту" (Just-In-Time — JIT) и он проходит одинаково для всех приложений .NET
Вся среда .NET Framework — то есть все пространства имен, приложения и классы - называется управляемой. Это значит, что происходят следующие процессы:
• Автоматическое управление памятью и сборка мусора.
• Безопасность типов. При компиляции приложения .NET добавляет к сборке информацию о доступных классах, их членах, типах данных и т.д.
• Расширяемые метаданные. Информация о классах и элементах является лишь одним из типов метаданных, хранимых .NET в скомпилированной сборке.
• Структурированная обработка ошибок.
• Многопоточностъ. .NET Framework предоставляет пул потоков, которые могут использоваться различными классами. Например, можно асинхронно вызывать методы, читать файлы либо взаимодействовать с Web-службами без необходимости явного создания новых потоков.
ASP.NET является объектно-ориентированной средой. Ваш код не только имеет полный доступ ко всем объектам в .NET Framework, вы также можете эксплуатировать все условные обозначения объектно-ориентированного программирования (ООП). Например, вы можете создавать повторно используемые классы, стандартизовать код в соответствии с интерфейсами и объединять полезные функции в распределяемом скомпилированном компоненте.
Один из лучших примеров объектно-ориентированного мышления в ASP.NET можно найти в серверных элементах управления. Серверные элементы управления представляют собой инкапсуляцию в миниатюре. Разработчики могут программно манипулировать объектами управления с использованием кода для настройки их внешнего вида, предоставления данных для отображения и даже реакции на события.
Одним из самых сложных испытаний, предстоящих Web-разработчикам, является большое количество браузеров, которые необходимо поддерживать. Различные браузеры, версии и конфигурации по-разному поддерживают HTML. Web-разработчики должны выбирать, следует ли формировать содержимое в соответствие со стандартом HTML 3.2, HTML 4.0 или же с чем-либо другим вроде XHTML 1.0 или даже WML для мобильных устройств.

ASP.NET решил эту проблему удивительно разумным способом. Несмотря на то, что мы можем извлекать информацию о браузере клиента и его свойствах внутри страницы ASP.NET, ASP.NET фактически побуждает разработчиков игнорировать эти соображения и использовать обширный набор элементов управления Web- сервера. Эти серверные элементы управления генерируют HTML, адаптируясь к возможностям клиента. Одним из примеров являются элементы управления верификацией ASP.NET, использующие JavaScript и DHTML (динамический HTML) для совершенствования своего поведения, если оно поддерживается клиентом. Это позволяет элементам управления верификацией отображать сообщения о динамических ошибках без необходимости отправки пользователем страницы серверу для продолжения обработки.
Ещё одной сложной проблемой, предстающей перед разработчиками, является развертывание готового приложения на производственном сервере. Каждая инсталляция .NET Framework предоставляет одинаковые базовые классы. Поэтому развертывание приложения ASP.NET является относительно простым. В большинстве случаев просто потребуется скопировать все файлы в виртуальный каталог на сервере.
Конфигурирование является еще одной задачей, связанной с развертыванием приложения, в особенности при необходимости передачи информации о безопасности, такой как учетная запись и привилегии пользователя. ASP.NET упрощает процесс развертывания, сводя к минимуму зависимость от настроек IIS (Internet Information Services — информационные службы Internet). Вместо этого большинство установок ASP.NET хранится в специальном файле web.config.
Файл web.config помещается в тот же каталог, что и Web-страницы. Он содержит иерархически сгруппированные настройки приложения, хранимые в удобочитаемом формате XML, который можно редактировать с использованием простого текстового редактора, подобного Notepad. При изменении настройки приложения ASP.NET замечает это изменение и перезапускает приложение в новом домене приложения (поддерживая существующий домен приложения вплоть для завершения обработки каких-то невыполненных запросов). Файл web.config никогда не блокируется, поэтому его можно обновлять в любое время.

1.4 Алгоритм разработки WEB-приложений на ASP.NET
ASP.NET предлагает серверные элементы управления в качестве способа устранения низкоуровневых подробностей программирования на HTML и HTTP.
Например, чтобы превратить стандартное статичное текстовое поле в серверный элемент управления, мы добавляем в код атрибут “runat” и даем ему имя при помощи атрибута “id”:
<input type="text" id="myText" runat="server" />
Эта статическая часть HTML стала полностью функциональным серверным элементом управления, которым можно манипулировать в коде.
Теперь не составит проблем начать обрабатывать события, загружать, сохранять и изменять данные, менять внешний вид страницы. Например, по аналогии с разработкой стандартных Windows-приложений, можно воспользоваться событием Page_Load() и задать текст, который появится при первой загрузке страницы:
void Page_Load(object sender, EventArgs e)
{
myText.Value = "Hello World!";
}
Технически этот код устанавливает свойство Value объекта HtmllnputText. Конечным результатом является появление строки текста в текстовом поле на HTML-странице, которая генерируется и отправляется клиенту.
На момент создания ASP.NET существовало два типа мышления. Некоторые разработчики ASP.NET были заинтересованы в серверных элементах управления, в точности соответствовавших существующему набору элементов управления HTML, Этот подход позволяет создавать интерфейсы Web-страниц ASP.NET в HTML-редакторах, и предоставляет путь быстрой миграции для существующих страниц ASR. Однако еще одна группа разработчиков ASP.NET видела' нечто большее — крупные серверные элементы управления, не просто имитировавшие отдельные HTML-дескрипторы. Эти элементы управления могут визуализировать свой интерфейс с помощью десятков элементов HTML, в то же время, предлагая программистам простой объектный интерфейс, С использованием этой модели разработчики могли работать с программируемыми меню, календарями, списками данных и модулями проверки достоверности. После некоторых размышлений в Microsoft решили предоставить обе модели.
Проще говоря, кроме использования стандартных HTML-элементов, пример которых был приведен выше, можно воспользоваться готовыми ASP.NET элементами, предлагающими огромное количество разнообразных опций и настроек. Конечный пользователь же не заметит разницы, т.к. в итоге сервер отправит код в стандартном виде. Чтобы воспользоваться готовыми, функционально богатыми элементами, нужно воспользоваться дескрипторами. Дескрипторы элементов управления Web в ASP.NET всегда начинаются с префикса “asp:” и сопровождаемого именем класса. Например, следующий фрагмент создает текстовое поле и флажок:
<asp:TextBox id="myASPText" Text="Hello!" runat="server"/>
<asp:CheckBox id=myASPCheck" Text="Hello!" runat="server" />
Далее с этими объектами можно будет работать так, как если бы они были на форме простого Windows-приложения. При использовании Visual Studio для Web-разработки открываются широкие возможности для проверки кода, отслеживания значений переменных, ошибок и многое другое. А разработанная Microsoft система IntelliSense может помочь, выдавая подсказки.

2. Разработка Web-приложения «9647 Б 358 группа»
2.1 Технические задачи
1. Разработать дизайн и каркас для Web-сайта.
2. Создать подключение к базе данных на основе ADO.NET.
3. Осуществить:
• реализацию соответствия стандарту XHTML 1.0;
• создание базы данных учащихся 9647 группы;
• первичное наполнение базы данных;
• сохранение новой информации в базе данных;
• удаление информации из базы данных;
• изменение данных;
• сохранение измененных данных в базе;
• динамическое создание элементов Web-сайта с использованием файлов;
• конвертер валют;
4. Создать удобный для пользователя динамический Web-сайт на основе технологии Web-parts.

2.2 Создание дизайна
В качестве IDE для создания сайта используется Visual Web Developer 2008 (Express Edition). Создаем новый проект, для этого находим пункт меню File/New Web Site. В появившемся окне New Web Site выбираем ASP.NET Web Site. Далее определяем путь, где будет храниться наш сайт, а также язык программирования – Visual C# и нажимаем Ok

Теперь можно приступить к разработке Web-дизайна. Нажимаем кнопку Split для того, чтобы разделить экран на две части и видеть как код сайта, так и его внешний вид (используем концепцию WYSIWYG).
Для создания каркаса сайта мы будем использовать стандартные HTML таблицы. Чтобы её добавить, можно как написать соответствующий HTML-код вручную в верхней части (Source), так и вставить её из панели инструментов Toolbox используя Design. Мы воспользуемся вторым способом.

Далее мы редактируем таблицу так, как если бы мы работали с таблицами в Microsoft Word. Удаляем третью лишнюю строку, выделив её и нажав Del. Объединяем две первых ячейки верхней строки: выделяем их, нажимаем на них правой кнопкой мыши и выбираем Modify\Merge Cells.

Настраиваем размеры и цвета каждой отдельной ячейки используя CSS (каскадные таблицы стиля). Для этого находим нужную нам ячейку, в панели Properties выбираем Style и нажимаем на троеточие, справа от этого свойства.
В появившемся далее окне выбираем нужные нам атрибуты для каждой из ячеек. Так у самой первой ячейки выбираем шрифт Verdana, размер 16pt. Для всей верхней строки таблицы определяем цвет #00ccff, высота – 22px, вертикальное выравненивание – middle.
Для ячеек нижней строки определяем вертикальное выравнивание top, ширина ячеек – 20%, 60%, 20% соответственно.

Теперь осталось добавить компоненты WebPartManager and WebPartZone, позволяющие делать интерфейс сайта настраиваемым. Сначала нужно добавить компонент WebPartManager, который будет работать со всеми зонами сайта. Он также управляет персонализацией страницы. Чтобы его добавить, нужно в любом месте внутри тега <form> написать <asp:WebPartManager runat="server" ID="MyPartManager" />.
Теперь нужно добавить Web-part зоны в соответствующие ячейки. Можно воспользоваться панелью Toolbox, либо вставлять их вручную.

Так в левую нижнюю ячейку таблицы мы вставляем компонент CatalogZone, который будет отображать все доступные в данный момент зоны. В среднюю и правую зоны вставляем простые объекты WebPartZone.

Зоны являются простыми контейнерами, а значит с ними можно работать также, как и с ячейками таблицы. Следующим элементом дизайна будет являться календарь.
Простым перетаскиванием добавляем его в правую зону (HelpZone).

2.3 Создание базы данных и подключение к ней
Для работы с базой данных мы будем использовать Microsoft SQL Server. Так, как сайт находится на локальной машине, выберем Database File. В качестве имени используем MYDATABASE.MDF.

При помощи встроенного в IDE редактора баз данных создадим простую таблицу groupmates и наполним начальными данными. Столбцам year и phone разрешим оставаться пустыми (Allow Nulls).

Теперь из окна DataBase Explorer перетаскиваем таблицу groupmates на зону MainZone. (Рис.13) Visual Web Developer автоматически создаст объект SqlDataSource, сгенерирует нужную строку подключения и строку команд. Он также автоматически создаст экземпляр компонента GridView и привяжет его к SqlDataSource. Но в версии без SP1 есть баг, который заключается в неправильном привязывании GridView к SqlDataSource. Чтобы заставить приложение работать, нужно вырезать отвечающую за SqlDataSource часть кода и вставить её в конец страницы.

Для реализации возможности добавления, изменения и удаления данных в среднюю зону добавим компонент ListView. Для автоматической настройки компонента, нажмем Configure Data Source. Нажимаем Next и в уже знакомом нам окне находим кнопку Advanced, поставим галочку у первого поля выбора.
В левую зону вставляем объект PageCatalogPart. Для каждой из зон делаем автоформатирование. Для этого нужно выбрать зону и справа от неё появится так называемый умный тэг
Теперь наша страница уже начинает напоминать www.msn.com Добавим ещё одну строку таблицы в конце, она будет играть роль footer’а и содержать лишь одну ячейку. Кроме того, в левую нижнюю ячейку нужно вставить объект EditorZone, который дает ещё большую гибкость настройки. Последнее, что стоит сделать – это добавить компонент Menu во вторую ячейку первой строки таблицы и добавить обработчик OnMenuItemClick="PartsMenu_MenuItemClick".

2.4 Кодовая реализация
Начнем с реализации конвертера. Для этого в правую зону напишем следующий код:

Теперь перейдем непосредственно к реализации алгоритма конвертации валют. Для этого два раза кликаем на кнопку Button1 и Visual Web Developer направит нас на метод-обработчик события Button_Click1. Внутри него мы пишем следующий код:

Так как пользователь может ввести практически любые данные в текстовое поле, я использовал конструкцию try...catch. В случае каких-либо ошибок (например, ввода букв или слишком большого числа) метод выведет ошибку в окне, но не остановит работу приложения.
Курсы валют я записал непосредственно в список опций компонента DropDownList. Это значит, что к ним можно обратиться просто использовав свойство Value, которое возвращает текстовые данные. Но нам нужно перемножить числа. Поэтому была использована функция Parse класса Decimal
Созданное нами в верхней правой ячейке таблицы меню является пустым. Нам нужно наполнить его имеющимися опциями выбора отображения содержимого Web-зон. Для этого добавим следующий код в обработчик события Page_Load:

Мы проверяем, первый ли раз была запрошена эта страница при помощи свойства IsPostBack. Иначе при каждом обновлении страницы пункты меню добавлялись бы снова и снова.
Также отображение в стиле «Connect» не будет работать на локальной машине, поэтому на этапе создания опций выбора мы исключили его из списка. В качестве отображения по-умолчанию был выбран тип «Edit». Он дает возможность увидеть все возможности сайта.
В созданный ранее обработчик событий PartsMenu_MenuItemClick добавим следующий код:

Чтобы названия каждой части сайта соответствовали содержанию, а не несло пустые названия вроде Untitled[x], в Page_Load также стоит дописать:

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

Атрибут runat=”server” прверащает ячейку в HTML server control, а атрибут ID=”Header” дает ей имя. Это позволит работать с сайтом в привычной объектно-ориентированной среде.
Теперь, чтобы реализовать динамическую загрузку мы снова добавим код в обработчик события Page_Load:

В переменную типа String мы записываем физический путь сайта, который можно получить, использовав метод MapPath объекта Page. Далее при помощи потока мы открываем имеющийся файл и записываем все его содержимое в контейнер Header,- верхнюю левую ячейку страницы.

Заключение
В процессе выполнения данной курсовой работы поставленные задачи и цель были выполнены. Представлены общие сведения о технологии ASP.NET.
В первой главе были рассмотрены основные понятия разработки, сущность и организация ASP.NET. Также были рассмотрены все основные технологии разработки и основные отличительные особенности ASP.NET от них. Был проведен сравнительный анализ современной ASP.NET с её предшественниками. Найдены основные предпосылки появления и история данной технологии. Достаточно подробно был изучен алгоритм разработки Web-сайтов, а также рассмотрены модели использования HTML server controls и Web controls.
Во второй главе курсовой работы были реализованы все поставленные технические задачи. Было осуществлено создание каркаса и дизайна сайта в соответствие со стандартом XHTML. Было осуществлено подключение к базе данных посредством Microsoft SQL Server Database File, сгенерирован не только Select, но и Update, Insert и Delete queries. Web-сайт «471 группа» позволяет добавлять и удалять информацию об учащихся, изменять данные и сохранять все произведенные изменения при помощи двух интерфейсов. Также был разработан модуль конвертера валют. Использовалась технология Web-parts, позволяющая динамически менять расположение блоков сайта. Для демонстрации возможность динамической загрузки данных, была реализована динамическая загрузка данных контейнера Header из файла.