МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ
Федеральное государственное бюджетное образовательное учреждение высшего образования
«Воронежский государственный технический университет»
Кафедра высшей математики и физико-математического моделирования
СОЗДАНИЕ ПРОСТЕЙШИХ WEB-ДОКУМЕНТОВ
МЕТОДИЧЕСКИЕ УКАЗАНИЯ
к выполнению лабораторной работы по дисциплинам «Информатика» и «Практикум по информационным технологиям» для студентов направлений 14.03.01 «Ядерная энергетика и теплофизика», 16.03.01 «Техническая физика»,
21.03.01«Нефтегазовое дело», 22.03.02 «Металлургия»
и28.03.01 «Нанотехнологии и микросистемная техника» очной и очно-заочной форм обучения
Воронеж 2021
УДК 004.738.52:681.3.06(07) ББК 32.97я7
Составители:
С. А. Кострюков, В. В. Пешков, Г. Е. Шунин
Создание простейших Web-документов: методические указания к выполнению лабораторной работы по дисциплинам «Информатика» и «Практикум по информационным технологиям» для студентов направлений 14.03.01 «Ядерная энергетика
итеплофизика», 16.03.01 «Техническая физика», 21.03.01 «Нефтегазовое дело», 22.03.02 «Металлургия» и 28.03.01 «Нанотехнологии и микросистемная техника» очной и очнозаочной форм обучения/ ФГБОУ ВО «Воронежский государственный технический университет»; сост.: С. А. Кострюков, В. В. Пешков, Г. Е. Шунин. – Воронеж: Изд-во ВГТУ, 2021. – 32 с.
Вметодических указаниях рассмотрены основные приемы
иметоды создания простейших Web-страниц, основные понятия языка HTML, приведен обзор возможностей HTML-редактора
Microsoft Office SharePoint Designer.
Предназначены для студентов очной и очно-заочной форм обучения.
Методические указания подготовлены в электронном виде и содержатся в файле МУ-HTML.pdf.
Ил. 2. Библиогр.: 3 назв.
УДК 004.738.52:681.3.06(07) ББК 32.97я7
Рецензент – И. М. Пашуева, канд. физ.-мат. наук, доц. кафедры высшей математики и физикоматематического моделирования ВГТУ
Издается по решению редакционно-издательского совета Воронежского государственного технического университета
ВВЕДЕНИЕ
Сегодня Интернет используется как источник разносторонней информации по различным областям знаний. Большинство документов, доступных на серверах Интернета, имеют гипертекстовый формат. Службу Интернета, управляющую передачей таких документов, называют Всемирной паутиной –
World Wide Web (Web, WWW).
Среда WWW не имеет централизованной структуры. Она пополняется теми, кто желает разместить в Интернете свои материалы, и может рассматриваться как информационное пространство. Как правило, документы WWW хранятся на постоянно подключенных к Интернету компьютерах – web-cepвepax. Обычно на web-сервере размещают не отдельный документ, а группу взаимосвязанных документов – web-yзeл (чаще используется термин web-сайт или просто сайт). Размещение подготовленных материалов на сайте называется web-изданием или web-публикацией.
Отдельный документ WWW называют web-страницей. Обычно это комбинированный документ, который может содержать текст, графические иллюстрации, мультимедийные и другие вставные объекты. Для создания web-cтpaниц исполь-
зуется язык HTML (HyperText Markup Language – язык размет-
ки гипертекста), который при помощи вставленных в документ тегов описывает логическую структуру документа, управляет форматированием текста и размещением вставных объектов.
Гипертекст – это расширенный текст, включающий, помимо собственно текста, ещѐ и гиперссылки, иллюстрации, активные компоненты и другие дополнительные элементы. Разметка гипертекста означает использование специальных кодов, которые легко отделяются от смыслового содержания документа и используются только для его форматирования и оформления. Применение этих кодов подчиняется строгим правилам, определяемым спецификацией языка HTМL. Последняя версия – HTML 5.2 – была представлена 14 декабря 2017 г. и может сейчас рассматриваться как окончательная редакция языка HTML, содержащая все необходимое для полноценной разметки документа.
3
Основные понятия языка HTML
Публикация в Интернете каких-либо материалов состоит из двух этапов: подготовки материалов и их опубликования. Подготовка состоит в создании документов, формат которых позволяет их размещение в Интернете, то есть web-cтpaниц, написанных на языке HTML. Собственно публикация, то есть открытие общего доступа к материалам, осуществляется после решения организационных вопросов, связанных с получением дискового пространства на web-сервере для их размещения.
Как правило, для создания web-документов используют язык HTML (HyperText Markup Language – язык разметки ги-
пертекста).
Управляющие конструкции HTML называются тегами (англ. tag) и вставляются непосредственно в текст документа. Все теги заключаются в угловые скобки <...>. Сразу после открывающей скобки помещается ключевое слово, определяющее тег, например <DIV>. При выводе документа HTML на экран сами теги не отображаются, но влияют на характер отображения документа. Теги HTML бывают парными и непарными. Непарные теги оказывают воздействие на весь документ или определяют разовый эффект в месте своего появления. Парные теги представляют собой открывающий и закрывающий теги, которые воздействуют на часть документа, заключенную между ними. Закрывающий тег отличается от открывающего символом « / » (косая черта) перед ключевым словом (например, </DIV>). Закрытие парных тегов выполняется так, чтобы соблюдались правила вложения.
<В><I>На этот текст воздействуют два тега</I></В>
Эффект от применения тега может изменяться путем добавления атрибутов. В случае парных тегов атрибуты присутствуют лишь в открывающем теге. Атрибуты – это дополнительные ключевые слова, отделяемые пробелом от ключевого слова, определяющего тег, а также от других атрибутов, и размещаемые до завершающего тег символа « > ». Некоторые атрибуты требуют указания значения атрибута, которое отделя-
4
ется от ключевого слова атрибута символом «=» (знак равенства) и заключается в кавычки:
<Н1 ALIGN="LEFT">
При создании документов HTML могут использоваться два способа их формирования. Первый заключается в разметке существующего (или создаваемого) документа вручную, при этом автор или редактор добавляет в документ теги разметки. Это можно сделать в текстовом редакторе или редакторе HTML, имеющем специальные элементы управления для упрощения ввода тегов. В обоих этих случаях работа ведется средствами HTML и требует знания языка и умения его применять.
Принципы второго подхода аналогичны принципам работы в текстовых процессорах, таких, как Microsoft Word. Сведения о форматировании частей документа можно рассматривать как «разметку», добавляемую в документ. Однако для использования текстового процессора не требуется знаний о формате документа и «языке разметки»: изменения, отображаемые на экране, вносятся в документ автоматически. Такой принцип соответствия экранного изображения реальному получил на-
звание WYSIWYG (от англ. «What You See Is What You Get» – «Что видите, то и получаете»).
В качестве редактора WYSIWYG для языка HTML можно использовать Microsoft Word или входящую в состав пакета
Microsoft Office программу SharePoint Designer. Существует также достаточно много других программ того же назначения.
Работа вручную позволяет создавать более универсальные, более качественные и более разнообразные документы. Второй способ проще освоить, так как он не требует знания языка HTML. Однако в этом случае используются средства форматирования вместо средств описания, что может иногда приводить к нежелательным последствиям. При подготовке крупных web-узлов, содержащих десятки, а то и сотни webcтpaниц, та или иная автоматизация работы необходима. Как правило, в таких случаях используют комбинированный подход: «рядовые» страницы готовят с помощью автоматизированных средств, а в особо сложных или в особо важных случаях задают оформление вручную.
5