- •Разработка web-приложений Методические указания по выполнению лабораторных работ для студентов всех форм обучения
- •230201 – Информационные системы и технологии Санкт-Петербург
- •Цель лабораторных работ
- •Программно-техническая платформа
- •Теоретическая часть
- •Перечень заданий к лабораторным работам
- •Порядок выполнения лабораторных работ
- •5.1. Работа № 1. «Основы языка разметки html»
- •5.1.1 Создание шаблона html-документа
- •5.1.2 Работа с текстом
- •5.1.3 Списки и таблицы
- •5.1.4 Фреймы
- •5.1.5 Ссылки в документах html
- •5.1.6 Графика и звук в документах html
- •5.1.7 Работа с формами
- •5.2. Работа № 2. «Разработка Web–приложения с использованием html»
- •5.2.1 Создание каркаса страницы
- •5.2.2 Создание заголовка web-страницы. Ячейка top
- •5.2.3 Разработка меню и строки поиска
- •5.2.4 Работа с оформлением, графикой. Ячейки News и Text
- •5.2.5 Создание нижнего меню. Ячейки Copyright и Bottom
- •5.2.6 Создание контента web-страницы. Заполнение ячейки News
- •5.2.7 Заполнение ячейки Text
- •5.3. Работа № 3. «Основы разработки asp.Net приложений»
- •5.4. Работа № 4. «Разработка asp.Net Web-сайта в среде Microsoft Visual Studio»
- •5.5. Работа № 5. «Поиск хостинг провайдера и публикация Web-приложения в сети Internet»
- •Содержание отчета по лабораторным работам
- •Список литературы
Программно-техническая платформа
Проведение лабораторных работ предусматривает использование компьютерного класса, оснащенного современными компьютерами с современной операционной системой и следующим программным обеспечением:
Программное обеспечение для управления презентациями и групповой работы студентов (Netop School),
Microsoft Office 2007 (или 2010) для целей формирования отчетов по лабораторным работам,
Microsoft Visual Studio 2005 или выше.
Необходимое лицензионное (или бесплатно распространяемое) программное обеспечение для проведения лабораторных работ в настоящий момент имеется в наличии на ИВЦ СПбГИЭУ.
Минимальные требования к технической платформе: персональный компьютер Pentium IV и выше с 1 Gb оперативной памяти и 5 Gb дискового пространства.
Теоретическая часть
Умение разрабатывать Web-приложения базируется на использовании ряда ключевых технологий, одной из которых является использование языка разметки HTML.
HTML (Hyper Text Markup Language) означает язык разметки гипертекста. Спецификация языка разметки доступна в сети Internet по адресу www.w3.org.
HTML предназначен для написания гипертекстовых документов, публикуемых в World Wide Web. Документ на языке HTML может включать следующие компоненты:
стилизованный и форматированный текст;
команды включения графических и звуковых файлов;
гиперсвязи с различными ресурсами Internet;
скрипты на языке JavaScript и VBScript;
различные объекты, например Flash - анимацию.
Из истории языка
Год |
Событие |
около 1991 |
Тим Бернерс-Ли изобрел World Wide Web, он создал первые Веб-сервер и Веб-браузер и первую версию HTML |
1993 |
IETF (Internet Engineering Task Force) опубликовал черновик предложения по стандарту HTML |
1995 |
Разработана версия 2.0 языка HTML |
1997 |
Консорциум W3C опубликовал версию HTML 4.0 в качестве рекомендации, которая включила дополнительные специальные расширения браузеров |
1999 |
Опубликована версия HTML 4.01 |
2000 |
Консорциум W3C опубликовал спецификацию XHTML 1.0, которая была реструктуризацией HTML, чтобы сделать его действительным документом XML |
Документы HTML являются обычными текстовыми файлами, содержащими специальные теги (или управляющие элементы) разметки. Теги разметки указывают браузеру Web (программе пользователя для отображения web-страниц, например, Internet Explorer, Mozilla, Netscape или Opera), как надо вывести страницу.
Файлы HTML обычно имеют расширения htm или html. Их можно создавать при помощи любого текстового редактора.
Язык HTML является подмножеством мощного языка SGML (Standard Generalized Markup Language), который широко используется в издательской деятельности. Основной выигрыш от использования этих языков состоит в переносимости текста между разными издательскими системами. Эта же особенность сохраняется и в HTML. Так, читая документ, пользователи могут устанавливать способы выделения текста, гарнитуру и размер шрифтов по своему вкусу; они могут отменить просмотр рисунков.
В документе HTML можно выделить два основных блока: головная часть и тело документа. Содержимое головной части не выводится на экран пользователя, за исключением заголовка, в ней, как правило, указывают ключевые слова, авторов и другую служебную информацию, а также подключают внешние таблицы стилей и скрипты. В теле документа размещают ту информацию, которая будет выведена пользователю.
Имеется также большое количество специализированных редакторов для создания файлов HTML, таких как FrontPage, Macromedia Dreamweaver или Adobe Web Bundle, которые обладают возможностью WYSIWYG (What You See Is What You Get - что видишь, то и получишь). С их помощью можно легко создавать документы HTML, при помощи кнопок и элементов меню, а не писать самому теги разметки. Тем, кто хочет стать технически грамотным разработчиком Web, настоятельно рекомендуется использовать простой текстовый редактор для начального изучения HTML.
ASP.NET - технология создания веб-приложений и веб-сервисов от компании Майкрософт. Она является составной частью платформы Microsoft .NET и развитием более старой технологии Microsoft ASP. На данный момент последней версией этой технологии является ASP.NET 4.0.
ASP.NET внешне во многом сохраняет схожесть с более старой технологией ASP, что позволяет разработчикам относительно легко перейти на ASP.NET. В то же время внутреннее устройство ASP.NET существенно отличается от ASP, поскольку она основана на платформе .NET и, следовательно, использует все новые возможности, предоставляемые этой платформой.
Microsoft полностью перестроила ASP.NET, основываясь на Common Language Runtime (CLR), который является основой всех приложений Microsoft .NET. Разработчики могут писать код для ASP.NET, используя практически любые языки программирования, в том числе, и входящие в комплект .NET Framework (C#, Visual Basic.NET, и JScript .NET). ASP.NET имеет преимущество в скорости по сравнению со скриптовыми технологиями, так как при первом обращении код компилируется и помещается в специальный кэш, и впоследствии только исполняется, не требуя затрат времени на парсинг, оптимизацию, и т. д.
Преимущества ASP.NET перед ASP:
Компилируемый код выполняется быстрее, большинство ошибок отлавливается ещё на стадии разработки
Значительно улучшенная обработка ошибок времени выполнения, с использованием блоков try..catch
Пользовательские элементы управления (controls) позволяют выделять часто используемые шаблоны, такие как меню сайта
Использование метафор, уже применяющихся в Windows-приложениях, например, таких как элементы управления и события
Расширяемый набор элементов управления и библиотек классов позволяет быстрее разрабатывать приложения
ASP.NET опирается на многоязыковые возможности .NET, что позволяет писать код страниц на VB.NET, Delphi.NET, Visual C#, J# и т. д.
Возможность кэширования всей страницы или её части для увеличения производительности
Возможность кэширования данных, используемых на странице
Возможность разделения визуальной части и бизнес-логики по разным файлам («code behind»)
Расширяемая модель обработки запросов
Расширенная событийная модель
Расширяемая модель серверных элементов управления
Наличие master-страниц для задания шаблонов оформления страниц
Поддержка CRUD-операций при работе с таблицами через GridView
Встроенная поддержка AJAX
Здесь можно привести определённые сравнения. Так, ASP - производная от Win32, XML и HTML; PHP - от XML, HTML, Java и CDI, тогда ASP.NET - от HTML и .NET(XML и XAML соответственно). При этом, если обычно Rich Media Application создают при помощи Flash, теперь это делается с помощью модуля Silverlight, так же через сам ASP.NET. ASP.NET - богатейшая среда для разработки и развёртывания веб-ресурсов. В ASP.NET можно работать с любым .NET языком.
После разработки сайта его необходимо разместить (опубликовать) в Интернете. Обычно создание файлов и папок сайта происходит на локальном компьютере. После завершения создания сайта он публикуется в Интернете или локальной интрасети, чтобы посетители могли его просматривать с помощью веб-обозревателя. В процессе публикации сайта все файлы и папки из исходного расположения, например, с компьютера пользователя, копируются в определенное место в сеть Интернета. Может публиковаться как сайт, так и его копия.
Терминология
Локальный веб-узел — исходный веб-узел.
Удаленный веб-узел — конечный узел (сервер), на котором производится публикация сайта.
Загрузка (downloading) - означает копирование файлов из компьютера в Интернет на ваш компьютер.
Выгрузка (uploading), - обратный процесс - копирование файлов с вашего компьютера на компьютер в Интернете.
Два способа загрузки и выгрузки файлов в Интернет:
Использование HTTP (Hyper Text Transfer Protocol - протокол передачи гипертекста), который обычно применяется для передачи Web-страниц, но также может использоваться и с другими типами информации.
Использование FTP (File Transfer Protocol - протокол передачи файлов), являющегося самым популярным при пересылке файлов через Интернет.
Протокол FTP (File Transfer Protocol - протокол передачи файлов) - один из старейших протоколов семейства TCP/IP. Главное назначение протокола FTP - это пересылать (копировать, передавать) файлы с удаленного компьютера на локальный компьютер, и наоборот. Протокол FTP - один из протоколов передачи информации по Интернету. Протокол FTP - это общепринятая спецификация команд, которые используют программы для своей работы. Протокол FTP представляет собой универсальный язык, на котором разные программы на разных типах компьютеров могут общаться друг с другом. В настоящее время практически все функции FTP доступны и через HTTP, однако FTP все еще используется как основной протокол для доступа к крупным архивам файлов в сети. При помощи FTP можно работать со своими файлами на удаленном компьютере (переименовывать, создавать каталоги, удалять и т.д.).
Для передачи файла с помощью протокола FTP нужны две программы: FTP-клиент и FTP-сервер. FTP-клиент - это сервисная программа, с помощью которой можно произвести соединение с FTP сервером. Обычно эта программа имеет командную строку, но некоторые имеют оконный интерфейс и не требуют запоминания команд. Пример FTP-клиента - программы CuteFTP, Go!Zilla, ReGet и т.д. Называются они менеджерами загрузки. У них удобный интерфейс и позволяют пользователям удобно осуществлять загрузку-выгрузку файлов.
FTP-сервер - компьютер, который содержит общедоступные файлы и настроен на поддержку протокола FTP (FTP-сервер должен иметь программное обеспечение, поддерживающее протокол FTP).Программа, поддерживающая протокол FTP на FTP-сервере, отслеживает все запросы, приходящие от других компьютеров (например, с вашего), обрабатывает их и даёт ответ. При установке FTP-сервера указывается доступная для других программ клиентов директория. Все файлы и директории имеют свои атрибуты, которые ограничивают к ним доступ с удалённых компьютеров. Например, можно сделать так, чтобы один файл был доступен только для чтения, другой - для чтения и записи, третий - только для выполнения, четвёртый - полностью открыт для других машин и так далее. То же самое и с директориями. Одни директории могут быть открыты только для чтения, другие - для чтения и записи и т.д. FTP соединение означает, что вы соединились с удаленным компьютером при помощи FTP протокола. URL FTP-сервера, выглядит так - ftp.ххх.хх
