Основы 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.

Та б л и ц а  1.2
Классификация подсетей

Класс
Первый байт
Маска
Комментарий

A
1–126
С.М.М.М
Крупные сети, не используется

B
128–191
С.С.М.М.
Большие узлы с подсетями

C
192–223
С.С.С.М.
Выделяются юридическим лицам

D
224–239
Нет
Групповая адресация

E
240–254
Нет
В стадии разработки

в основе классификации лежит значение кода первого байта IP-адреса подсети и тип сетевой маски. Адрес IP состоит из четырех байтов. 
в десятичной системе исчисления значение байта адреса может хранить число, равное 28 (256). Диапазон кода для байта составляет интервал от 0 до 255. Маска состоит из байтов, которые кодируют адрес подсети 
(условное обозначение C), и адреса компьютера подсети (условное обозначение M). в числовом виде маска показывает, какие байты адреса могут 
быть использованы для задания адреса компьютера подсети. Такие байты 
адреса в маске нулевые. Байты, отводимые для адреса подсети в маске, 
помечаются кодом 255.
соответственно для сетей A, B, C маски в числовом виде примут вид:

A – 255.0.0.0;
B – 255.255.0.0;
C – 255.255.255.0.

Например, IP-адрес 193.120.100.003 свидетельствует о том, что это 
адрес подсети класса с, так как значение первого байта равно 193. Адрес 
подсети, согласно маске, равен 193.120.100. в подсети находится компьютер с адресом 003. Для размещения в этой подсети еще одного компьютера 
ему нужно присвоить адрес 193.120.100.004.

1.5. службы сети

При работе в сети «Интернет» нужно представлять, как адресуются 
ресурсы сети на прикладном уровне.
Для этого используют понятие порта, присущее как протоколу UDP, 
так и протоколу TCP. Поле порта в пакете занимает 2 байта (16 бит). Номер 
порта по традиции записывается в виде десятичного числа. Порты нумеруются с нуля. если IP-адрес характеризует компьютер в сети, то порт 

характеризует ту или иную прикладную программу пользователя для 
работы в сети на этом компьютере.
На прикладном уровне используются две составляющие адреса 
ресурса. При этом IP-адрес определяет, куда передаются данные, а номер 
порта – прикладной процесс и связанную с ним программу для работы 
с данными.
Прикладной процесс, предоставляющий некоторые услуги другим процессам (сервер), ожидает поступления сообщений по некоторому специально выделенному порту – «слушает порт». Запросы на предоставление 
услуг посылаются процессами-клиентами. в этом случае говорят об организации работы по типу «клиент – сервер».
Некоторые общеизвестные порты и службы показаны в табл. 1.3.

Та б л и ц а  1.3
Службы сети «Интернет»

Порт
Протокол
Служба

21
TCP
FTP (передача файлов)

25
TCP
SMTP (электронная почта)

80
TCP
HTTP (передача гипертекста)

110
TCP
POP (электронная почта)

53
UDP
DNS (служба доменных имен)

систеМа доМенных иМен

служба DNS (Domain Name System) представляет собой систему 
доменных имен. Доменное имя – мнемоническое имя компьютера в сети. 
Доменные имена строятся по иерархическому принципу. Домены верхнего 
уровня имеют значение для стран, и они стандартизованы.
Например: us (сША), uk (великобритания), ru (Российская Федерация). Затем могут быть указаны доменные имена организаций. они также 
стандартизованы и показаны в табл. 1.4.
Затем в доменном имени идут обозначения регионов и наименование 
компьютера. Преобразование доменных имен в числовые IP-адреса происходит с помощью специальных серверов доменных имен DNS.
Для этого используется специальное программное обеспечение BIND 
(Berkley Internet Name Domain) – программа поддержки DNS.