Программные средства создания интернет-приложений

А. А. Брылёва
ПРОГРАММНЫЕ СРЕДСТВА 
СОЗДАНИЯ ИНТЕРНЕТ-ПРИЛОЖЕНИЙ
Допущено Министерством образования Республики Беларусь
в качестве учебного пособия для учащихся учреждений 
образования, реализующих образовательные программы 
среднего специального образования 
по специальности «Программное обеспечение 
информационных технологий»
Минск
РИПО
2022

УДК 004.4(075.32)
ББК 32.973-018я723
Б87
А в т о р:
преподаватель УО «Витебский государственный колледж 
электротехники» А. А. Брылёва.
Р е ц е н з е н т ы:
цикловая комиссия преподавателей по специальностям
«Программное обеспечение информационных технологий»,
«Эксплуатация электронно-вычислительных машин» УО «Минский 
государственный колледж электроники» (А. А. Шавейко); 
доцент кафедры «Программное обеспечение информационных 
технологий» УО «Белорусский государственный университет 
информатики и радиоэлектроники» кандидат технических 
наук, доцент С. Г. Шульдова.
Все права на данное издание защищены. Воспроизведение всей книги или любой ее 
части не может быть осуществлено без разрешения издательства.
Выпуск издания осуществлен при финансовой поддержке Министерства образования Республики Беларусь.
Брылёва, А. А.
Б87
Программные средства создания интернет-приложений : учеб. 
пособие / А. А. Брылёва. – Минск : РИПО, 2022. – 483 с. : ил.
ISBN 978-985-895-074-3.
В учебном пособии с учетом межпредметных связей с учебными предметами «Конструирование программ и языки программирования» и «Базы данных и  СУБД» изложены следующие основные разделы: «Технология создания HTML-документов», «Стилевое оформление страниц. 
Каскадные таблицы стилей», «Основы FRONT-END разработки», «Основы BACK-END разработки». Тематика разделов соответствует типовой 
учебной программе 2021 г.
Предназначено для учащихся учреждений среднего специального образования по специальности «Программное обеспечение информационных технологий». 
УДК 004.4(075.32)
ББК 32.973-018я723
ISBN 978-985-895-074-3	
© Брылёва А. А., 2022
© Оформление. Республиканский институт
профессионального образования, 2022

ОСНОВНЫЕ ПОНЯТИЯ И ОПРЕДЕЛЕНИЯ
BOM (от англ. Browser Object Model) – объектная модель браузера.
CSS (от англ. Cascading Style Sheets) – каскадные таблицы 
стилей.
DHTML (от англ. Dynamic HTML) – совместное использование HTML, JavaScript, CSS и DOM для создания интерактивных 
и анимированных веб-документов.
DOM (от англ. Document Object Model) – объектная модель 
документа.
HTML (от англ. HyperText Markup Language) – язык гипертекстовой разметки.
HTTP (от англ. HyperText Transfer Protocol) – протокол передачи гипертекстовых файлов.
JavaScript – язык программирования для составления скриптов, обеспечивающих динамическую интерактивность на вебстраницах, выполняемых на стороне клиента.
PHP (от англ. Hypertext Preprocessor – гипертекстовый препроцессор; первоначально Personal Home Page Tools – инструменты для создания персональных веб-страниц) – язык программирования общего назначения с открытым исходным кодом, 
интенсивно применяемый для разработки веб-приложений, выполняемых на стороне сервера.
WWW, или веб, W3 (от англ. World Wide Web – всемирная 
паутина) – совокупность серверов, постоянно подключенных к 
сети Интернет и способных общаться с другими серверами с помощью HTTP.
XML (от англ. eXtensible Markup Language) – расширяемый 
язык разметки.
3

Основные понятия и определения
URL (от англ. Universal Resource Locator) – универсальный 
указатель ресурса.
Браузер, или веб-обозреватель (от англ. Web Browser) – программное обеспечение, позволяющее просматривать веб-документы.
Веб-документ, или веб-страница, html-страница, html-документ – гипертекстовый документ, содержащий ссылки на различные информационные ресурсы: другие веб-документы, графические, звуковые и т. п. файлы, а также информационные ресурсы других сервисов.
Контент – информационное содержание веб-документа (тексты, таблицы, формы, графическая, звуковая информация и др.), 
создается при помощи тегов HTML.
Редактор HTML, или HTML-редактор – программа, позволяющая создавать и изменять веб-документы.
Сайт, или веб-сайт – совокупность объединенных по смыслу 
и связанных с помощью гиперссылок веб-документов, обладающих целостностью и логической законченностью представления 
информации.
Сервер, или веб-сервер – программное обеспечение (ПО) 
или компьютер, на котором это ПО работает, принимающее от 
клиента HTTP-запрос и выдающее ему HTTP-ответ в виде вебдокумента, в котором может содержаться различная информация: изображения, тексты, скрипты, файлы, медиаданные (видео 
и аудио) и многое другое.
Сценарий, или скрипт – код на языке программирования, 
включенный в состав веб-страницы и предназначенный для организации одного из сервисов сайта или выполняющий определенные действия.
Тег, или дескриптор – основная структурная единица вебдокумента, написанная на языке HTML.
4

ПРЕДИСЛОВИЕ
Первый раздел представляет язык гипертекстовой разметки от истории его возникновения до создания веб-документов. 
В нем описан синтаксис, представлены элементы и их свойства, 
указаны отличительные характеристики HTML 4 и HTML 5.
Второй раздел содержит описание способов подключения каскадных таблиц стилей, правила их описания и виды селекторов. 
В примерах приведены свойства с различными значениями, сопровождаемые комментариями при использовании их впервые. 
С полным перечнем свойств стилей и их возможными значениями можно ознакомиться в справочниках CSS или на специализированных сайтах. Любое свойство стилей применяют согласно 
правилам, указанным в учебном пособии. Также изложены последние технологии строения макетов веб-документов и основные методы реализации адаптивности и кроссбраузерности.
В третьем разделе продемонстрированы способы подключения клиентских сценариев. При изучении синтаксиса языка 
не рассматриваются подробно операторы и управляющие конструкции, которые не имеют различий в реализации языков С, 
С++ и С#. В большей степени раскрыты особенности языковых 
конструкций JavaScript: объектная модель браузера, иерархия 
классов, стандартные объекты, специфика объектно-ориентированного программирования (ООП). Детально описано событие, 
представлен формат JSON и методы взаимодействия с ним на 
JavaScript.
Четвертый раздел начинается с описания установки и настройки сервера Apache и интерпретатора PHP без акцентирования на конкретную версию операционной системы. В разде5

Предисловие
ле представлены отличительные особенности синтаксиса PHP 
от JavaScript, основные приемы создания сценариев, обработки форм, работы с массивами, строками, файлами и файловой 
структурой, описаны примеры использования функций управления временем и работы с сессиями. Изложены особенности 
кэширования, буферизации, хэширования и аутентификации 
средствами PHP, основы работы с почтовым сервисом и организация взаимодействия с сервером с использованием технологии 
AJAX. В данный раздел учебного пособия не вошла тема «Функции PHP для работы с базой данных MySQL. Работа с CURL», 
так как она в большом объеме рассматривается в ходе изучения 
учебного предмета «Базы данных и СУБД».
Учебное пособие содержит практические рекомендации по 
применению последних версий языков веб-разработки и программирования, которые могут быть использованы как опорный 
лекционный материал не только для выполнения лабораторных 
работ, но и для создания современного сайта.
6

РАЗДЕЛ 1
ТЕХНОЛОГИЯ СОЗДАНИЯ HTML-ДОКУМЕНТОВ
ИСТОРИЯ ВОЗНИКНОВЕНИЯ HTML
Начало истории языка HTML было положено в 1986 г., когда Международной организацией по стандартизации (ISO – от 
англ. International Organization for Standardization) был принят стандарт ISO 8879 под названием SGML (от англ. Standard Generalized 
Markup Language – стандартный обобщенный язык разметки).
Стандарт ISO 8879 определял способ описания структуры документа, а также формат вставляемых в документ описательных 
меток, но не определял стиль оформления элементов. При этом 
управляющие коды не несли никакой информации о внешнем 
виде документа, а только задавали его логическую структуру. 
SGML позволял строить системы логической разметки любых разновидностей текстов, без труда интерпретироваться компьютерной программой или устройством вывода. При этом вид 
и размер текста задавался исключительно настройками последних. Стандартный обобщенный язык разметки получил широкое 
признание и стал активно использоваться в больших проектах, 
но в целом он был громоздок и труден для изучения. 
В 1989 г. сотрудник Европейского совета по ядерным исследованиям (CERN – от фр. Conseil Européen pour la Recherche Nucléaire) 
Тим Бернерс-Ли выдвинул предложение о создании Системы передачи гипертекстовой информации через сеть Интернет. В 1990 г. 
он назвал ее World Wide Web. Одной из составляющих системы в 
качестве основы для нового языка разметки гипертекстовых документов было принято решение выбрать SGML. Его созданием 
Бернерс-Ли занялся, когда разрабатывал первый браузер.
7

Раздел 1. Технология создания HTML-документов
Первая версия HTML создавалась для целей форматирования 
научных документов, именно структурного форматирования без 
элементов описания цветовых схем, параметров шрифта и т. п. 
Таким образом, изначально HTML позволял выделять в тексте 
заголовки, абзацы, списки и им подобные структурные элементы. Результат обработки или воспроизведения HTML не должен 
был зависеть от технических особенностей аппаратных средств 
его визуализации, поскольку не содержал в себе параметры этой 
визуализации. 
В 1991 г. HTML был существенно доработан и стал использоваться именно для передачи гипертекста по просторам всемирной паутины.
HTML разделял все особенности идеологии SGML, т. е. подразумевалась только логическая разметка текста. Например, в 
HTML версии 1.2 (июнь 1993 г.) присутствовало около 40 тегов. 
И среди них уже были теги для выделения текста жирным или 
курсивным начертанием. А первым графическим браузером в то 
время была программа Mosaic, разработанная в Национальном 
центре суперкомпьютерных приложений Иллинойского университета в Урбане-Шампейне.
В 1994 г. создается организация W3C (от англ. World Wide Web 
Consortium) – Консорциум Всемирной паутины 
*, которую возглавляет Тим Бернерс-Ли, и в 1995 г. в свет выходит рекомендация 
HTML 2.0. Создатели HTML уже тогда понимали, что со временем язык статичной разметки текста эволюционирует в основной 
инструмент создания динамических интернет-ресурсов. Главным 
дополнением HTML 2.0 стало появление в составе языка форм 
с наборами пользовательских элементов управления, которые 
должны были использоваться для ввода пользователем параметров HTTP-запросов.
После выхода второй версии сразу же началась работа над 
следующим поколением HTML. В январе 1997 г. вышла рекомендация HTML 3.2, которая дополнила язык разметки таблицами, 
фреймами, изображениями и некоторыми другими важными тегами. Но самым главным достижением этой версии является то, 
* Организация, разрабатывающая и внедряющая технологические стандарты (называемые «рекомендациями», от англ. W3C Recommendations) 
для сети Интернет, которые затем внедряются производителями программ и оборудования.
8

История возникновения HTML
что ее авторы вновь вернулись к проблеме визуализации разметки 
в браузере, вспомнили про то, что HTML должен размечать лишь 
структуру документа и не должен содержать непосредственно в 
себе параметры графических стилей отображения элементов в 
браузере. Результатом их работы над HTML 3.2 стало появление 
самостоятельного языка CSS, код которого можно подключать 
к коду разметки HTML и тем самым настраивать внешний вид 
страницы.
Примечательна история HTML 3.2 тем, что это скорее история первых браузеров. С созданием WWW практически сразу началось его коммерческое освоение. В начале 1994 г. группа разработчиков браузера Mosaic во главе с Джеймсом Кларком основала 
корпорацию Netscape Communications и вскоре выпустила первую 
версию коммерческого браузера Netscape. Спрос на него, при отсутствии альтернативы, превысил все ожидания и сделал Netscape 
Communications к концу 1995 г. самой быстрорастущей компанией 
в мировой истории.
Чтобы закрепить лидерство, Netscape Communications вводила в HTML все новые и новые усовершенствования. И эти усовершенствования поддерживались только браузером Netscape. 
Практически все новые теги, предложенные Netscape, были направлены на улучшение внешнего вида документа и расширение 
возможностей его форматирования. Такая политика компании 
принесла ей впечатляющий успех. Девять из десяти используемых в то время браузеров были версии Netscape Navigator. 
Компания Microsoft изначально не придавала серьезного значения коммерческим перспективам WWW. Однако невероятный 
взлет Netscape заставил Microsoft изменить свое мнение. Летом 
1996 г. на свет появился браузер Internet Explorer 3.0, который 
поддерживал почти все расширения Netscape. Одновременно с 
разработкой конкурентного браузера Microsoft навела порядок в 
мире HTML, взяв под свою опеку консорциум W3С. В итоге был 
создан стандарт HTML 3.2, который по сути всего лишь описывал большинство расширений Netscape.
К концу 1996 г. практически все браузеры поддерживали 
HTML  3.2, и благодаря этому веб-дизайн испытал небывалый 
взлет. Появилась возможность проектировать и отображать на 
экране сложные композиции графических элементов, ничем не 
уступающие печатным изданиям. Это положило начало эре вебдизайна.
9

Раздел 1. Технология создания HTML-документов
К выходу 4-й версии HTML в декабре 1997 г. сотрудники W3C 
избавили язык от тех ненужных элементов, которые с появлением CSS устарели и компрометировали идею отделения разметки 
структуры от параметризации представления. Она включала поддержку фреймов, унифицированную процедуру вставки различных объектов, поддержку каскадных таблиц стилей. Кроме того, 
были усовершенствованы формы и таблицы. Но основное достижение рекомендаций HTML 4.0 – появление DOM, элементами 
которой теперь можно было манипулировать посредством скриптовых языков программирования, исполняемых браузерами. Самым популярным таким языком программирования является 
JavaScript. А DHTML ознаменовал прорыв в веб-дизайне. Теперь 
элементы загруженной интернет-страницы могли изменять свой 
внешний вид в ответ на действия пользователя, а также добавлять новые и удалять имеющиеся элементы.
Версия HTML  4.01 стала стандартом в декабре 1999 г. Основными ее отличиями от предыдущей версии были изменения 
и дополнения, связанные не с появлением новых элементов, а с 
«очисткой» стандарта. Были выделены нежелательные к использованию элементы и атрибуты. Это определило возникновение 
понятия валидности – соответствия исходного кода интернетстраницы нормам и правилам, описанным W3C.
Параллельно, в 1998 г., W3C начал работу над новым языком 
разметки, основанным на HTML 4, но соответствующим синтаксису XML. Впоследствии новый язык получил название XHTML. 
Первая версия XHTML  1.0 одобрена в качестве рекомендации 
Консорциума Всемирной паутины в январе 2000 г. Планируемая версия XHTML  2.0 должна была разорвать совместимость 
со старыми версиями HTML и XHTML, но в июле 2009 г. W3C 
объявил, что полномочия рабочей группы XHTML 2 истекают в 
конце 2009 г. Таким образом, была приостановлена вся дальнейшая разработка стандарта XHTML 2.0.
WHATWG 
* начал работу над новым стандартом в 2004 г., когда W3C сосредоточился на будущих разработках XHTML 2.0, а 
HTML 4.01 не изменялся с 2000 г.
* Web Hypertext Application Technology Working Group – сообщество людей, 
заинтересованных в развитии сети Интернет. Основано в 2004 г. производителями браузеров Apple, Mozilla Foundation и Opera Software.
10