Основы web-технологий

Государственное казенное образовательное учреждение  
высшего образования
«Российская таможенная академия»

И.И. НИкИтчеНко, к.Н. МезеНцев,  
о.в. зИНюк

осНовы web-техНолоГИй

УчебНое пособИе

Москва
2020

УДК 004
ББК 65.438
 
H62

Д о п у щ е н о  
учебно-методическим советом Российской таможенной академии 
в качестве учебного пособия для обучающихся по специальности 
38.05.02 «Таможенное дело», направленность (профиль) 
«Информационные системы и таможенные технологии»

Р е ц е н з е н т ы :
М.И. ИсМоИлов, доцент кафедры «Автоматизированные системы управления» Московского автомобильно-дорожного государственного технического университета 
(МАДИ), канд. техн. наук;
А.с. ПУчКов, начальник отдела функциональных подсистем и информационного обеспечения Домодедовской таможни

Никитченко И.И.
H62  
основы web-технологий: учебное пособие / И.И. Никитченко, К.Н. Мезенцев, 
о.в. Зинюк. М.: РИо Российской таможенной академии, 2020. 140 с.

ISBN 978-5-9590-1126-0

в учебном пособии рассмотрены основные принципы организации сети «Интернет» 
и технология использования и разработки информационных ресурсов сети. Учебное пособие позволяет изучить принципы организации доступа к информационным ресурсам, 
технологию использования языков разметки, а также технологию создания и обработки 
клиентских HTML-форм.
Рассчитано на студентов, обучающихся по специальности 38.05.02 «Таможенное 
дело» (направленность (профиль) «Информационные системы и таможенные технологии»), и лиц, интересующихся современными информационными технологиями.

УДК 004
ББК 65.438

ISBN 978-5-9590-1126-0 
© Российская таможенная академия, 2020

О г л а в л е н и е

ПРеДИсловИе ...............................................................................................5

Гл а в а  1. основные принципы организации сети «Интернет» ..................7
1.1. Модель TCP/IP ..............................................................................7
1.2. Методы пакетной коммутации ....................................................8
1.3. Уровни сетевого взаимодействия ...............................................8
1.4. Классификация сетей .................................................................10
1.5. службы сети ............................................................................... 11
Контрольные вопросы и задания .......................................................19
Тестовые задания .................................................................................20

Гл а в а  2. Информационные сетевые технологии ....................................22
2.1. Язык гипертекста HTML ...........................................................23
2.2. Форматирование содержания страниц .....................................27
2.3. создание таблиц .........................................................................52
2.4. организация переходов .............................................................58
2.5. Графические изображения .........................................................63
2.6. Фреймы .......................................................................................70
2.7. верстка страниц .........................................................................73
Контрольные вопросы и задания .......................................................86
Тестовые задания .................................................................................87

Гл а в а  3.  Технология XML ........................................................................89
3.1. создание валидных документов ...............................................92
3.2. Преобразование XML-документов ...........................................97
Контрольные вопросы и задания .....................................................109
Тестовые задания ............................................................................... 110

Гл а в а  4.  сценарии и их использование ................................................. 111
4.1. структура HTML-формы ......................................................... 111
4.2. Элементы диалога формы ....................................................... 112
Контрольные вопросы и задания .....................................................122
Тестовые задания ...............................................................................122

ЗАКлючеНИе .............................................................................................124

БИБлИоГРАФИчесКИй сПИсоК ..........................................................125

ПРИложеНИЯ .............................................................................................126
Приложение 1. стилевые параметры.................................................126
Приложение 2. основы языка JavaScript ...........................................129

Предисловие

основной целью учебного пособия является формирование у обучающихся базовых навыков и умений, необходимых для создания сайтов, 
гипертекстовых документов, гипертекстовых баз данных и программирования интерактивного взаимодействия с сетевыми информационными 
ресурсами.
По содержанию учебное пособие соответствует требованиям федерального государственного образовательного стандарта высшего образования для обучающихся по специальности 38.05.02 «Таможенное дело», 
направленности (профилю) «Информационные системы и таможенные 
технологии».
Изучение материалов данного пособия направлено на формирование 
у обучающихся следующих компетенций:
 – владение методами и средствами получения, хранения, обработки 
информации, навыками использования компьютерной техники, программно-информационных систем, компьютерных сетей;
 – владение навыками использования электронных способов обмена 
информацией и средств их обеспечения, применяемых таможенными органами.
Учебное пособие позволяет изучить следующие вопросы дисциплины 
«основы web-технологий»:
 – структуру и особенности модели сетевого взаимодействия TCP/IP;
 – семейство протоколов модели взаимодействия TCP/IP;
 – технологию коммутации пакетов;
 – классификацию подсетей Интернет;
 – классификацию служб сети;
 – способы адресации ресурсов сети;
 – особенности доступа к файловым архивам;
 – особенности современных языков разметки;
 – приемы создания HTML-страниц и сайтов;
 – назначение и особенности языка разметки XML;
 – технологию создания корректных и валидных XML-документов;
 – технологию вывода содержания XML-документа с помощью каскадных стилевых таблиц CSS;

– технологию трансформации содержания XML-документа в HTMLстраницу с использованием инструкций языка XSL;
 – назначение и структуру клиентских HTML-форм;
 – технологию взаимодействия с клиентскими формами с помощью 
сценариев, написанных на языке программирования JavaScript.
Главы пособия снабжены перечнем контрольных вопросов и тестовых 
заданий. При выполнении тестовых заданий нужно выбрать один правильный вариант ответа.
в учебное пособие включены два приложения.
в приложении 1 собраны сведения, позволяющие использовать каскадные стилевые таблицы CSS для решения различных задач, возникающих 
при отображении информации, хранящейся в XML-документе.
Приложение 2 содержит сведения по языку программирования сценариев JavaScript в объеме, необходимом для решения задач, связанных 
с программированием реакции при взаимодействии пользователя HTMLстраницы с клиентской формой.
Для выполнения практических заданий и примеров из пособия требуется использование свободно распространяемого программного обеспечения, такого как текстовый редактор Notedpad++ и пакет программ SAXON 
для трансформации содержания XML-документа в формат HTMLстраницы. Просмотр гипертекстовых документов требует использования 
любого доступного браузера.

Гл а в а  1

основные ПринциПы орГанизации сети «интернет»

сеть «Интернет» является глобальной сетью, созданной для свободного доступа к информационным ресурсам. в основе работы сети – сетевая модель взаимодействия TCP/IP.

1.1. Модель TCP/IP

Модель взаимодействия определяет способ обмена информацией 
в компьютерной сети. в сети «Интернет» передача информации происходит путем коммутации пакетов (далее – КП) байтов данных.
При КП исходное сообщение, предназначенное для передачи от адресата к приемнику, разбивается на меньшие части – пакеты байтов. Каждый из пакетов имеет установленную максимальную длину. Передача осуществляется методом промежуточного хранения пакетов в узлах сети при 
передаче сообщения адресату. Узел сети – это определенный компьютер 
или группа компьютеров. Такие узлы называются узлами коммутации 
(далее – УК).
сущность метода КП:
 – вводимое в сеть сообщение разбивается на части – пакеты. Разбиение осуществляется либо в источнике сообщения, либо в ближайшем УК;
 – при разбиении в УК дальнейшая передача ведется по мере их формирования, не дожидаясь окончания приема в УК всего сообщения;
 – в УК пакет запоминается в оперативной памяти, и по адресу определяется канал, по которому его надо передать;
 – если канал свободен, то пакет немедленно передается на соседний 
узел коммутации;
 – если канал занят, то пакет хранится в оперативном запоминающем 
устройстве (далее – оЗУ) до освобождения канала;

– сохраняемые пакеты помещаются в очередь по направлению передачи, длина очереди не должна превышать 3–4 пакета, в противном случае 
пакеты стираются из оЗУ и передача возобновляется снова.
Пакеты, относящиеся к одному сообщению, могут передаваться по разным маршрутам.

1.2. Методы Пакетной коММутации

Датаграммный метод (далее – ДМ). ДМ используется при передаче 
коротких сообщений. Датаграмма – самостоятельный пакет, движущийся 
по сети независимо от других пакетов. Маршруты доставки пакетов определяются сложившейся динамической ситуацией в сети. Поступают пакеты 
на прием в произвольной последовательности. Поиск маршрута происходит 
с помощью алгоритма ранжирования УК. Ближайший узел получает ранг 1. 
Пакет сначала посылается в узел первого ранга, при неудаче – в узел второго 
ранга и т.д. выбор маршрута может носить случайный характер.
виртуальный метод (далее – вМ). Предполагает предварительное установление маршрута от получателя к отправителю с помощью специального служебного пакета – запроса вызова. Для этого пакета выбирается 
маршрут. в случае согласия получателя начинается передача всего трафика.
Виртуальный канал – логическая связка между отправителем и получателем.
После того, как отправитель получил подтверждение от приемника, что 
все пакеты получены, виртуальный канал разрывается.
Пакетная передача данных выполняется в рамках четырехуровневой 
модели взаимодействия. Нумерация уровней ведется от старшего уровня 
к младшему.

1.3. уровни сетевоГо взаиМодействия

На каждом уровне сети (табл. 1.1) передача данных определяется протоколом. Протокол – это набор правил взаимодействия на данном уровне 
и правил взаимодействия с вышестоящим и нижестоящим уровнями. 
схема уровней и имена протоколов сетевой модели показаны на рис. 1.1.

самый низкий уровень в иерархии – это уровень 1 – канала связи. Это 
физический уровень. На этом уровне используется Ethernet-адрес с разрядностью 6 байтов.
Передача данных на сетевом уровне осуществляется с помощью IP-адресов с разрядностью 4 байта. Преобразование адресов выполняется по 
протоколу ARP (Address Resolution Protocol) – протоколу разрешения 
адресов.

Та б л и ц а  1.1

Модель TCP/IP

Номер 
уровня
Наименование
Описание

4
Прикладной
Программы конечных пользователей для работы в сети

3
Транспортный
Доставка пакетов между узлами сети

2
Сетевой
Адресация и маршрутизация пакетов

1
Канальный
Сетевые аппаратные средства и их драйверы

Прикладные процессы
4

TCP UDP
3

IP ARP
2

Ethernet
1

Рис. 1.1. Взаимодействие в сетях TCP/IP

На сетевом уровне передачи данных требуется также установка правил адресации ресурсов сети. Эти правила определяются протоколом IP 
(Internet Protocol – протокол сети «Интернет»). согласно этому протоколу 
ресурсы сети должны обладать уникальным четырехбайтовым адресом. 
По названию протокола такие адреса принято называть IP-адресами.
На транспортном уровне передача данных должна соответствовать правилам, которые определяют два протокола – TCP (Transmission Control 
Protocol) и UDP (User Datagram Protocol). Первый протокол используется для доставки пакетов с контролем передачи по виртуальному каналу; 

второй протокол – для передачи данных датаграммами – пакетами без контроля передачи.
При движении данных в рамках четырехуровневой модели взаимодействия используется механизм стека протоколов.
Движение данных по сети требует выполнения определенных преобразований форматов данных:
 – инкапсуляции / экскапсуляции;
 – фрагментации / дефрагментации.
Инкапсуляция – способ упаковки данных в формате вышестоящего протокола в формат нижестоящего протокола. При этом один или несколько 
первичных пакетов преобразуются в один вторичный пакет и снабжаются 
управляющей информацией, характерной для принимающего уровня.
При возврате на верхний уровень исходный формат восстанавливается 
в соответствии с обратной процедурой – экскапсуляцией (рис. 1.2).

Уровень приложений
Блок данных

Уровень TCP
Заголовок TCP
Блок данных TCP + сообщения 
прикладного уровня

Уровень IP
Заголовок IP
Заголовок TCP
Блок данных TCP + сообщения 
прикладного уровня

Рис. 1.2. Стек протоколов

Фрагментация реализуется, если разрешенная длина пакета нижнего 
уровня недостаточна для размещения первичного пакета, при этом осуществляется «нарезка» пакетов, при возврате на первичный уровень пакет 
должен быть дефрагментирован.

1.4. классификация сетей

Глобальная сеть «Интернет» используется для объединения в единое адресное пространство различных сетей и локальных компьютеров. 
в зависимости от особенностей IP-адреса в сети принята определенная 
классификация подсетей, показанная в табл. 1.2.