УДК 004.4(075.8)
ББК 32.973.202-018.2я73
М20
Утверждено на заседании кафедры технологии автоматизированной
обработки информации 17.04.2018 г., протокол № 10.
Рекомендовано к изданию учебно-методическим советом факультета
информационных и библиотечных технологий КемГИК
18.04.2018 г., протокол № 4.
Рецензенты:
О. В. Петунин, д-р пед. наук, профессор, заведующий кафедрой естественно-научных
и математических дисциплин ГОУ ДПО (ПК) С «Кузбасский
региональный институт повышения квалификации и переподготовки
работников образования»;
В. Н. Борздун, канд. хим. наук, доцент, начальник управления информатизации
ФГБОУ ВО «Кемеровский государственный институт культуры»
Малышева, Е. Н.
М20
Web-технологии [Текст]: учеб. пособие для обучающихся по
направлениям подготовки 51.03.06 «Библиотечно-информационная
деятельность», 46.03.20 «Документоведение и архивоведение», квалификация
(степень) выпускника «бакалавр» / Е. Н. Малышева. – Кемерово:
Кемеров. гос. ин-т культуры, 2018. – 116 с.
ISBN 978-5-8154-0449-6
В учебном пособии рассматриваются вопросы, связанные с созданием webдокументов
средствами языка гипертекстовой разметки HTML и в среде программы
Adobe Dreamweaver. В пособии приведены основные понятия и виды web-технологий,
сведения об их использовании в архивах, музеях, библиотеках, общие сведения о языках
разметки; дано описание технологии работы с текстом, изображениями, таблицами,
формами, управления внешним видом документа с помощью каскадных таблиц
стилей как средствами HTML, так и в программе Adobe Dreamweaver.
Предназначено для студентов, обучающихся по направлениям подготовки
51.03.06 «Библиотечно-информационная деятельность», 46.03.02 «Документоведение и
архивоведение», квалификация (степень) выпускника «бакалавр». Оно может быть
также использовано студентами других направлений подготовки, изучающими дисциплины,
формирующие знания и умения в области создания электронных информационных
ресурсов.
УДК 004.4(075.8)
ББК 32.973.202-018.2я73
ISBN 978-5-8154-0449-6
© Е. Н. Малышева, 2018
© Кемеровский государственный институт
культуры, 2018
2
Стр.2
ВВЕДЕНИЕ
Появление и развитие web-пространства стало одним из основных
факторов научно-технической революции, порожденной информационными
технологиями. Человечество получило новые, уникальные средства
взаимодействия и доступа к распределенным источникам информации.
В настоящее время сотрудники библиотек, архивов, музеев осознают
важность создания и развития виртуального информационного пространства.
Взаимодействие
пользователей, поиск и обработка информации в
web-пространстве осуществляются с помощью web-технологий. Базовым
компонентом этих технологий является язык разметки гипертекста
HTML. С его помощью осуществляется структурирование и форматирование
информации на web-странице.
В настоящее время широкое распространение получили современные
средства создания web-документов, позволяющие осуществлять их
визуальное проектирование и автоматически генерирующие HTML-код –
HTML-редакторы.
Для полного понимания принципов создания web-документов и их
практического применения необходимо знание основ гипертекстовых
технологий, получивших широкое распространение в информационном
пространстве современного общества, в межкультурной и профессиональной
коммуникации, чему и посвящено данное учебное пособие.
Гипертекстовые технологии базируются на языке HTML, поэтому
изучение его основ является необходимым условием для создания электронных
информационных ресурсов, которые будут доступны пользователям
web-пространства.
Компетенции, сформированные в ходе изучения дисциплины «Webтехнологии»,
необходимы студентам для создания собственных электронных
информационных ресурсов.
Именно это обусловило необходимость включения в вариативную
часть учебных планов направлений подготовки 51.03.06 «Библиотечноинформационная
деятельность», 46.03.02 «Документоведение и архивоведение»,
дисциплины «Web-технологии».
Целью освоения учебной дисциплины «Web-технологии» является
формирование у студентов представлений о web-технологиях, а также
практических умений создания web-документов.
Изучение дисциплины направлено на приобретение обучающимися
направлений подготовки 51.03.06 «Библиотечно-информационная дея3
Стр.3
тельность», 46.03.02 «Документоведение и архивоведение» следующих
общекультурных и общепрофессиональных компетенций:
способность к использованию основных методов, способов и
средств получения, хранения, переработки информации;
владение базовыми знаниями в области информационных технологий,
используемых в библиотечно-информационной деятельности, в
управлении документами, системами электронного документооборота.
В результате освоения дисциплины студенты должен демонстрировать
следующие результаты обучения:
знать:
основные понятия, виды web-технологий;
историю развития языков разметки;
базовые конструкции гипертекстового языка разметки;
элементы интерфейса, возможности программы Adobe
Dreamweaver;
существующие и перспективные области применения языков
разметки;
уметь:
создавать web-документы с помощью языка HTML и программы
Adobe Dreamweaver;
использовать базовые конструкции гипертекстового языка разметки
в своей учебной и профессиональной деятельности;
владеть:
приемами использования базовых элементов языка гипертекстовой
разметки;
навыками создания и эксплуатации web-документов средствами
языка HTML и программы Adobe Dreamweaver.
Содержание учебного пособия соответствует рабочей программе
дисциплины. Часть вопросов, не вошедших в учебное пособие, рассматривается
при выполнении лабораторных работ, а также в ходе самостоятельной
работы студентов.
Особенностью данного учебного пособия является его практическая
направленность, которая обусловила включение, наряду с теоретическими
сведениями, практического материала, представляющего описание технологии
выполнения операций.
Учебное пособие состоит из введения, основной части, заключения,
списка литературы, глоссария. Основная часть представлена тремя глава4
Стр.4
ОГЛАВЛЕНИЕ
Введение…………………………………………………………………. 3
Глава 1. ВВЕДЕНИЕ В WEB-ТЕХНОЛОГИИ………………………... 6
1.1. Web-технологии: основные понятия, виды………………………. 6
1.2. Использование web-технологий в институтах памяти…………... 12
1.3. История развития языков разметки………………………………. 17
1.4. Базовые элементы и структура HTML-документа……………….. 23
Глава 2. ТЕХНОЛОГИЯ СОЗДАНИЯ WEB-ДОКУМЕНТОВ СРЕДСТВАМИ
HTML………………………………………………………... 33
2.1. Работа с текстом……………………………………………………. 33
2.2. Работа с изображениями…………………………………………… 42
2.3. Работа с таблицами………………………………………………… 45
2.4. Форматирование с использованием каскадных таблиц стилей….
50
2.5. Формы в HTML…………………………………………………….. 58
Глава 3. ТЕХНОЛОГИЯ СОЗДАНИЯ WEB-ДОКУМЕНТОВ В
ADOBE DREAMWEAVER…………………………………………….. 66
3.1. Знакомство с интерфейсом Adobe Dreamweaver…………………. 66
3.2. Работа с текстом……………………………………………………. 73
3.3. Работа с изображениями…………………………………………… 82
3.4. Работа с таблицами………………………………………………… 86
3.5. Применение каскадных таблиц стилей…………………………… 91
3.6. Работа с формами…………………………………………………... 97
Заключение………………………………………………………………. 110
Список рекомендуемой литературы…………………………………… 111
Глоссарий………………………………………………………………… 113
115
Стр.115