Преподаватель который помогает студентам и школьникам в учёбе.

Основы программирования на языке HTML

Содержание:

Введение

Для создания web-страниц, из которых состоит сайт, используется описательный язык HTML (HyperText Markup Language – язык разметки гипертекста).

Для автоматизированной разработки web-документов существуют специальные редакторы (такие как Front Page, Dreamweaver и другие), которые позволяют создавать странички из готовых элементов. При работе с ними не приходится сталкиваться с исходным HTML-кодом – он остается скрытым за удобной графической оболочкой. Разработчик просто передвигает блоки текста, вставляет картинки и таблицы, выбирает фон и цвет отдельных элементов, а редактор переводит все это на язык HTML. Однако прежде чем работать в среде визуальных редакторов, необходимо познакомиться с самим языком HTML и написать несколько страниц самостоятельно. Будем использовать конструкции последней версии языка HTML 4.0, которые поддерживаются большинством браузеров.

Прежде всего, необходим текстовый редактор, позволяющий сохранять файлы в кодах ASCII. Самым простым подходящим для этого редактором является Блокнот, который встроен в операционную систему Windows. Сохранить файл HTML-документа обязательно следует с расширением htm или html.

Объект исследования – язык HTML.

Предмет исследования – программирование на языке HTML.

Цель курсовой работы – описать особенности программирования на языке HTML.

Задачи курсовой работы:

1. Изложить определение веб-программирования.

2. Описать структуру HTML-языка.

3. Структурировать порядок создания HTML-документа.

4. Описать внешний вид HTML-документа.

1. Сущность и содержание веб-программирования

1.1 Определение веб-программирования

История развития Веб-программирование возникло сравнительно недавно и быстро развивается, поэтому имеет неустановившуюся терминологию. В нем используется много синонимов, некоторые термины противоречат друг другу. Приведем определения основных понятий, которые будут использоваться в данном практикуме.

Веб-программирование – область программирования, служащая для разработки сайтов.

Сайт – совокупность веб-страниц, объединенных общей темой и хранящихся на одном веб- сервере.

Веб-страница – документ, хранящийся на веб-сервере или создаваемый по запросу пользователя и имеющий уникальный адрес. Во всемирной паутине адрес называют URL (Uniform Resource Locator – унифицированный указатель ресурсов). URL главной страницы сайта называют адресом сайта. Веб-страница имеет следующие синонимы: страница, HTML-страница, гипертекстовый документ, HTML-документ, веб-документ^[1].

Веб-страницы делятся на статические и динамические, активные и пассивные.

Статическая страница хранится в готовом виде на веб-сервере и выдается по запросу пользователя. В самом простом случае статическая страница состоит из одного файла, содержащего текст, размеченный тегами языка HTML (HTML-файла).

Динамическая страница создается (генерируется) на веб-сервере скриптом по запросу пользователя. В остальном она ничем не отличается от статической.

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

Активная страница содержит в себе скрипт, выполняемый на стороне браузера в ответ на действия пользователя.

Итак, страница одновременно может быть^[2]:

• динамической и активной,

• динамической и пассивной,

• статической и активной,

• статической и пассивной.

Разделение страниц на статические и динамические позволяет существенно повысить производительность веб-серверов. Время выполнения запроса на выдачу статической страницы в сред- нем намного меньше, чем на выдачу динамической, так как для формирования последней требуется выполнить скрипт. Значительная часть времени выполнения скрипта приходится на запросы к базе данных. Веб-сервер, способный организовать создание динамических страниц, имеет сложную структуру и работает относительно медленно. Поэтому созданы более простые и быстрые легкие веб-серверы, предназначенные для обработки только статических страниц.

HTML – язык разметки текста, и многие специалисты не относят его к языкам программирования, т.е. рассматриваемый текст не программа. С другой стороны, PHP – язык высокого уровня, а приведенный текст – программа на PHP. Проблема возникшего противоречия в очень узком интуитивном представлении о программе.

В пятой редакции HTML стал чуть независимее от других языков. Раньше проверка правильного заполнения форм была исключительно на JS, а теперь часть задач можно переложить на HTML.

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

Появился встроенный плеер — теперь не нужно подключать Adobe Flash Player или другие плагины. Визуальная часть перетаскивания элементов теперь реализуется на HTML и CSS, если добавить атрибут draggable.

Для создания полноценной страницы все еще нужно подключить таблицу стилей CSS и язык скриптов JavaScript. В CSS прописываются отступы, выравнивания, позиционирование, прозрачность, границы, тени и многое другое. Можно даже указать стили для разных состояний элемента — например, поменять фон кнопки при наведении^[3].

Работа с действиями пользователей пока в основном реализуется на JS. Атрибут draggable хоть и создает видимость перетаскивания, но на самом деле событие должно обрабатываться на JavaScript. HTML позволяет обмениваться данными с другими страницами, но чтобы их обработать, пригодится PHP.

Пока HTML стремится к тому, чтобы ускорить разработку и снизить нагрузку на браузер, но без других языков ему пока не обойтись, как и им без него^[4].

1.2 Структура HTML-языка

В документе HTML обычный текст сочетается с элементами разметки – тегами (от английского tag – ярлычок, этикетка, метка), заключенными в угловые скобки. С помощью команд-тегов можно управлять текстом и рисунками на странице и организовывать переходы между ними

Теги бывают парными и одиночными. Парные теги образуют контейнер (блок), который ограничивает область действия команды. Они имеют одно и то же имя, но в закрывающем стоит знак /. Например, если мы хотим указать, что часть текста должна быть заголовком первого уровня, то этот текст ограничивается соответствующими открывающим и закрывающим тегами^[5]:

<H1> Заголовок страницы </H1>

Имеются одиночные теги, для которых конец команды ставить не обязательно, например тег <P>, отделяющий друг от друга абзацы.

Каждый тег несет информацию о том, что должно быть в данной части HTML-документа и какой иметь вид. Поэтому внутри тега записываются атрибуты – параметры, которые могут принимать те или иные значения. Они уточняют действие команды, например:

Порядок следования атрибутов не важен. Они действуют от открывающего тега, в котором заданы, до закрывающего или только внутри тега, если тег не имеет парного. Несколько атрибутов подряд записываются через пробелы. Многие атрибуты не являются обязательными. Когда для тега не указан такой параметр, браузер будет подставлять некоторое стандартное его значение.

Нужны ли кавычки при записи значений атрибутов? По стандарту HTML значение атрибута может быть записано без кавычек, если запись содержит только буквы, цифры, дефис и точки. Например, следующие две команды эквивалентны:

Кавычки рекомендуется записывать, если указываются имена файлов, адреса страниц в Интернете:

Если значение атрибута записывается несколькими словами (содержит пробелы) – кавычки обязательны:

Допускается перенос строк внутри тега между его параметрами. В следующем примере один и тот же фрагмент кода записан по-разному.

<IMG src="/images/title2.gif" width="438" height="118"

alt="Вид заголовка в браузере Internet Explorer">

В тегах могут применяться только символы латинского алфавита, а в значениях атрибутов – любые символы. При наборе тегов можно использовать как прописные, так и строчные буквы. Это означает, что, например, <HEAD> будет восприниматься браузером так же, как <Head> или <head>.

Если какой-либо тег или его атрибут был написан неверно, то браузер пропустит подобный тег и будет воспроизводить текст так, словно тега и не было.

Для вставки в текст специальных символов и символов, которые нельзя ввести с клавиатуры, в языке HTML используется управляющий символ & – коммерческое «и» (амперсант). Спецсимволы начинаются всегда с амперсанта и заканчиваются точкой с запятой. Например, для вывода самого символа амперсант надо записать последовательность знаков &, для вывода угловых скобок используются последовательности < и >, символ с кодовым номером 182 может быть задан последовательностью ¶.

HTML-документ имеет определенную структуру. Он обязательно начинается тегом <HTML> и заканчивается </HTML>, состоит из заголовочной части, в которой находится служебная информация для браузера по работе с документом и собственно тело документа – содержание сайта, которое мы и видим в окне браузера. Эти части ограничиваются соответствующими парными тегами – <HEAD> (от англ. голова) и <BODY> (от англ. тело).

Базовая структура любого HTML-документа:

<HTML>

<HEAD>

<TITLE>

Заголовок страницы

</TITLE>

</HEAD>

<BODY>

Текст и графика, видимые на web-странице

</BODY>

</HTML>

Начало HTML-документа

Начало заголовочной части

Этот текст появляется в окне браузера

Конец заголовочной части

Содержимое сайта

Конец HTML-документа

В разделе заголовка, ограниченном тегами <TITLE> и </TITLE>, определяется название документа, которое должно описывать его содержимое и обычно содержит 5-6 слов. Это название отображается браузерами в строке заголовка окна программы, а также анализируется поисковыми системами. Раздел заголовка не может содержать в себе другие теги^[6].

Изучая язык HTML очень полезно просматривать и анализировать код web-страниц, созданных опытными мастерами. Это помогает быстрее освоить структуру языка.

HTML-документ может содержать комментарии, дающие пояснения человеку, читающему код. Комментарий записывается при помощи специального блока , например:

Текст, заключенный в теге комментария, не отображается на экране. Комментарии желательно использовать в редких случаях, когда это необходимо, например, для объяснения кода. Следует помнить, что они являются частью файла и передаются по сети вместе с документом.

Браузер, выполняя HTML-программу (интерпретируя размеченный текст), формирует на экране документ, который видит пользователь. Важно понимать, что все элементы отображаются на экран последовательно: слева направо и сверху вниз в соответствие с порядком следования команд-тегов.

Нельзя ориентироваться на определенные размеры окна документа. Браузер использует то окно, которое предоставил ему пользователь. Значит, одна и та же разметка может отображать программу на экран немного по-разному на разных компьютерах и даже на одном компьютере при разных его настройках.

Окно браузера может выглядеть так, как показано на рис. 1 или рис. 2:

Рисунок 1 - Окно браузера

Рисунок 2 - Окно браузера

То есть строки текста укорачивается или удлиняется в зависимости от размеров окна. Абзац выводится так, чтобы текст поместился в окне. При этом браузер не обращает внимания на то, как распределен абзац по строкам в HTML-документе. Поэтому любое количество идущих подряд пробелов на web-странице отображается как один. Это же правило относится к символам табуляции и переносу текста. Не ставьте дополнительных пробелов и знаков переноса в словах, поскольку это лишь увеличит скорость загрузки и отображения документа, но никак не изменит его вид в браузере^[7].

2. Прикладные аспекты программирования на языке HTML

2.1 Порядок создания HTML-документа

Для хранения любых файлов нужна отдельная папка. Создадим папку (например, WEB) на любом жестком диске компьютера.
Теперь запустим программу Блокнот:
Пуск>Программы>Стандартные>Блокнот
Приступим к работе, набрав в отдельных строках команды, которые задают общую структуру любого HTML-документа:

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>

Для ввода парных тегов удобно использовать операции копирования и вставки через буфер обмена Windows.

Текст документа следует сохранить в виде htm-файла: Файл>Сохранить как…

Хотя файлы можно именовать как угодно, в том числе и по-русски, рекомендуется это делать, только когда надо создать один-два отдельных документа на локальном компьютере. При размещении сайта в Интернете, используйте в именах файлов только строчные (малые) латинские буквы и цифры без пробелов, в крайнем случае – знак подчеркивания «_» или дефис «-». Необходимо также указать тип файла .html или .htm, чтобы браузер смог его открыть.

Набрать текст заголовка и основной части документа. Сохранить файл.
Теперь можно посмотреть на результат работы. Если открыть с помощью программы Internet Explorer (Проводник) полученный файл, то браузер отобразит страничку на экране.

Порядок редактирования HTML-документа

Открыть файл HTML-документа в браузере
Открыть файл в окне Блокнота: Вид>В виде HTML
Внести изменения в текст документа
Сохранить файл: Файл>Сохранить
Обновить текст в окне браузера: Вид>Обновить (<F5>)

Последние три пункта повторяются до тех пор, пока не будет достигнут желаемый результат^[8].

Создание простейшей web-странички рассмотрим на примере, результат выполнения которого браузером выглядит так, как представлено на рис. 3

Рисунок 3 – Пример страницы на HTML

Вот текст HTML-программы, которая показывает эту страничку:

<HTML>

<HEAD>

<META http-equiv="Content-Type"

content="text/html;
charset=windows-1251">

<TITLE> Упражнение 1 </TITLE>

</HEAD>

<BODY>

<H1> Первый HTML-документ </H1>

<HR>

<P>

Корова не похожа на лошадь.

А лошадь не похожа на корову.

Именно это сходство

мы и берем за основу.

</P>

</BODY>

</HTML>

начало HTML-документа

начало заголовка

служебная информация
о документе

название документа

конец заголовка

начало тела программы

название странички

горизонтальная линия

начало абзаца

конец абзаца

конец тела программы

конец HTML-документа

Раздел заголовка располагается в блоке <HEAD>…</HEAD> в самом начале web-документа. Здесь, в основном, размещается служебная информация, которая браузером не отображается.

Тег <META> описывает некоторые общие свойства документа. В частности здесь задана стандартная кодировка Windows, в которой сохраняется документ. Данные этого тега используются также поисковыми серверами.

Между парой тегов <TITLE> и </TITLE> располагается имя документа. Это имя браузер использует в заголовке окна Windows, в котором показывает текст.

В блоке <BODY>…</BODY> располагаются команды, следуя которым браузер форматирует текст и выводит его в окно документа. Наш простой пример использует теги формирования заголовка (<H1>), абзаца (<P>), а также выводит горизонтальную линию (<HR>).

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

В HTML заголовки различаются по уровню. Поддерживаются заголовки шести уровней, они выделяются браузером размером шрифта и жирностью:

<H1> Это заголовок первого уровня </H1>

<H2> Это заголовок второго уровня </H2>

<H3> Это заголовок третьего уровня </H3>

<H4> Это заголовок четвертого уровня </H4>

<H5> Это заголовок пятого уровня </H5>

<H6> Это заголовок шестого уровня </H6>

Горизонтальные линии удобно использовать для дополнительного выделения (или разделения) на экране текста и графики. Они задается тегом <HR>, который не имеет парного закрывающего. Браузер, выполняя эту команду, выведет на экран такую черту:

Теги <HR> могут содержать атрибут size, изменяющий толщину линии. Если этот атрибут не задан, горизонтальные линии имеют толщину в два (или три, зависит от браузера) пиксела.

Можно легко получить целую коллекцию линий, разных по толщине:

команда	вид линии на экране
<HR size=1>
<HR>
<HR size=5>
<HR size=10>

Браузер рисует линии “объемными”, однако можно отказаться от этой настройки, если использовать атрибут noshade:

команда	вид линии на экране
<HR size=1 noshade>
<HR noshade>
<HR size=5 noshade>
<HR size=10 noshade>

Как правило, блоки текста распределяют по абзацам. Абзацы отделяются друг от друга небольшим отступом. Первая строка абзаца также может иметь отступ. Конечно, разделять текст на абзацы стараются не как попало, а так, чтобы каждый фрагмент содержал законченную мысль.

Абзац задается парами тегов <P> и </P>, между которыми помещается текст. Конечный тег </P> игнорируется браузером, поэтому его можно не писать.

Фактически работа тега <P> сводится к выводу перед текстовым фрагментом пустой строки. При этом

Текст выравнивается по левому краю.
Между словами всегда помещается ровно по одному пробелу независимо от того, сколько пробелов вы набрали в тексте.
Перенос на новую строку происходит тогда, когда очередное слово не помещается в экранной строке, а не тогда, когда вы перешли на новую строку в тексте.

В примере, рассмотренном выше, стихотворение написано в тексте HTML-документа, как ему и полагается, на 4 строчках:

<P>

Корова не похожа на лошадь.

А лошадь не похожа на корову.

Именно это сходство

мы и берем за основу.

</P>

Браузер выводит стихи как единый абзац. Хотелось бы увидеть каждую строку отдельным абзацем:

<P>Корова не похожа на лошадь.

<P>А лошадь не похожа на корову.

<P>Именно это сходство

<P>мы и берем за основу.

Однако пустые строки на странице смотрятся не очень красиво. Тег <BR> заставляет браузер продолжить вывод абзаца с новой строки. Он не имеет парного и может применяться практически в любом месте.

Окончательный вид документа:

А вот текст программы, по которой браузер выводит эту страничку:

<HTML>

<HEAD>

<META http-equiv="Content-Type"

content="text/html;

charset=windows-1251">

<TITLE>Упражнение 2</TITLE>

</HEAD>

<BODY>

<H1>Улучшенный HTML-документ</H1>

<HR>

<H2>Сходство</H2>

<P>Пит Хейн (перевод Н.А.Прохоровой)

<P>

Корова не похожа на лошадь.<BR>

А лошадь не похожа на корову.<BR>

Именно это сходство<BR>

Мы и берем за основу.

</BODY>

</HTML>

начало HTML-документа

начало заголовка

информация о документе

название документа

конец заголовка

начало тела

заголовок 1 уровня

горизонтальная линия

заголовок 2 уровня

короткий абзац

абзац с принудительными

разрывами строк

конец тела

конец HTML-документа

2.2 Внешний вид HTML-документа

Важную роль для программиста играет внешний вид самой HTML-программы. Записывать программу нужно так, чтобы смысл ее конструкций был максимально понятен. Для такой рекомендации есть ряд веских причин.

Ясно написанную программу легче отлаживать. В понятно написанных кодах легче найти соответствие экранного изображения командам, которые это изображение формируют.
Понятную программу легче сопровождать, то есть вносить в нее изменения по прошествии какого-то времени. Также всегда существует вероятность того, что вашу программу будет модифицировать кто-то другой.
Пользователь, просматривая документ, всегда может заглянуть на вашу программистскую кухню. Для этого достаточно щелкнуть позицию Показать в виде HTML в меню Вид браузера. И все предстанет перед любопытствующим взором^[9].

Практически в любом HTML-документе в разделе заголовка можно обнаружить теги <META>. Это служебные теги, называемые также мета-тегами. Они играют вспомогательную роль, поставляя дополнительную информацию о web-странице, и могут вставляться не только разработчиками, но и редакторами. Эта информация может содержать ключевые слова и описание документа для поисковых машин, сведения об авторах, другие данные.

Атрибуты тега <META> записываются парами. Наиболее часто встречаются параметры name – content и http-equiv – content.

Примеры:

Эта команда содержит краткое описание документа. Многие поисковые системы постоянно сканируют Интернет в поисках HTML-файлов, отыскивают в них эту информацию, сохраняют ее в своих базах данных и демонстрируют ее в ответ на запросы пользователей.

<META name="keywords" content="Интернет, HTML, WWW, руководство,

публикация, гипертекст">

Эта команда содержит набор ключевых слов, описывающих содержание документа.

Эта команда содержит описание авторского права.

<META name=”generator” content="программа, с помощью которой

разработана страница">

Другие примеры:

<META http-equiv="Content-Type" content="text/html;

charset=windows-1251">

Эта команда дает браузеру указание интерпретировать загружаемый документ как содержащий HTML-текст в кодировке Windows/1251.

<META http-equiv="Content-Type" content="text/html;

charset=koi8-r ">

В этом примере указывается другая кодировка кириллицы.

Если браузер распознает эту команду, то перезагрузит страницу через 15 секунд.

Через 15 секунд после загрузки страницы браузер загрузит новую страницу http://wnk.biz.

Если указать имя файла, содержащего звук, через 15 секунд после загрузки web-странички начнется загрузка и проигрывание этого звука (при условии, конечно, что браузер пользователя поддерживает формат этого звукового файла).

В тегах <META> могут применяться также атрибуты lang, dir и type. Первый задает информацию о языке и используется в многоязычных сайтах. Второй определяет направление вывода текста. Примеры:

lang=en	английский
lang=ru	русский
lang=fr	французский

Атрибут type обозначает тип применяемых таблиц стилей (будут рассмотрены отдельно).

Самым первым тегом в HTML-документе может быть тег <!doctype>, содержащий информацию о версии языка (чтобы браузер, отображающий web-страницу, мог учесть особенности или ограничения этой версии).

Могут быть ссылки на три вида документов.

HTML 4.01 Strict – версия, которая не поддерживает некоторые устаревшие теги.
HTML 4.01 Transitional – переходная версия.
HTML 4.01 Frameset – используется в том случае, если документ включает фреймы.

Пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

Заключение

Таким образом, было установлено, что HTML (HyperText Markup Language) – это язык гипертекстовой разметки документов для браузеров. На этом языке написана каждая страница сайта в интернете.

HTML позволяет разместить в любом месте и последовательности любой объект, текст или картинку. Для верстки страниц html в свое время были придуманы визуальные редакторы, дабы облегчить работу и дать возможность для создания сайта любому пользователю.

На данный момент выпущено пять версий языка. Первая версия была разработана между1986 и 1991 годами, а последняя (5.2) — в 2017. Изначально он должен был стать независимым от каких-либо платформ — отображаться везде одинаково. Но этого не случилось, потому что у пользователей росли требования к мультимедиа.

Как итог, код интерпретируется по-разному не только на разных устройствах, но и в разных браузерах. Это не плохо, потому что требования отличаются: пользователь, заходящий на сайт с телефона, готов к ограниченному функционалу и минималистичному дизайну, а владелец ПК зачастую хочет большего.

Список литературы

Алексеев В.Ф., Русак Т.В., Пискун Г.А. Основы информационных технологий. Лабораторный практикум. – Минск: БГУИР, 2017. – 104 с.
Васильева И.Н. Интернет-программирование. — СПб.: Санкт-Петербургский государственный экономический университет, 2018. — 94 с.
Кариев Ч.А. Всемирная Сеть (WWW) - использование и приложения. — М.: Интуит, 2015. — 451 с
Панфилёнок А.С. Эргономические веб-технологии. — Минск: БГУИР, 2017. – 64 с.
Побединский Е.В., Побединский В.В. Проектирование веб-сайтов с использованием технологий PHP, HTML, CSS и WordPress. — Екатеринбург: УГЛТУ, 2018. — 115 с.
Полубояров В.В. Введение в технологии создания Интернет-узлов. — М.: Интуит, 2016. — 488 c.
Рябов В.А., Несвижский А.И. Современные веб-технологии. — М.: Интуит, 2016. — 1001 с.
Салихов Р. Разработка сайта самостоятельно PDF. — М.: Издательские решения, 2016. — 89 с.
Сурин А.И. Введение в JavaScript. — М.: Интуит, 2016. — 166 с.
Сысолетин Е.Г., Ростунцев С.Д. Разработка интернет-приложений. — М.: Юрайт, 2019. — 90 с.
Сычев А.В. Web-технологии. — М.: Интуит, 2016. — 408 c.
Флойд К.С. Введение в программирование на PHP5. — М.: Интуит, 2016. — 280 c.

Салихов Р. Разработка сайта самостоятельно PDF. — М.: Издательские решения, 2016. — 89 с. ↑
Кариев Ч.А. Всемирная Сеть (WWW) - использование и приложения. — М.: Интуит, 2015. — 451 с ↑
Сысолетин Е.Г., Ростунцев С.Д. Разработка интернет-приложений. — М.: Юрайт, 2019. — 90 с. ↑
Рябов В.А., Несвижский А.И. Современные веб-технологии. — М.: Интуит, 2016. — 1001 с. ↑
Васильева И.Н. Интернет-программирование. — СПб.: Санкт-Петербургский государственный экономический университет, 2018. — 94 с. ↑
Панфилёнок А.С. Эргономические веб-технологии. — Минск: БГУИР, 2017. – 64 с. ↑
Сычев А.В. Web-технологии. — М.: Интуит, 2016. — 408 c. ↑
Алексеев В.Ф., Русак Т.В., Пискун Г.А. Основы информационных технологий. Лабораторный практикум. – Минск: БГУИР, 2017. – 104 с. ↑
Побединский Е.В., Побединский В.В. Проектирование веб-сайтов с использованием технологий PHP, HTML, CSS и WordPress. — Екатеринбург: УГЛТУ, 2018. — 115 с. ↑