Добавил:
ivanov666
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Предмет:
Файл:Web-технологии. Учебно-методический комплекс дисциплины по направлению подготовки 51.03.06 (071900) «Библиотечно-информационная деятельность», профиль
.pdf
Министерство культуры Российской Федерации
ФГБОУ ВПО «Кемеровский государственный университет
культуры и искусств»
Институт информационных и библиотечных технологий
Кафедра технологии автоматизированной обработки информации
WEB-ТЕХНОЛОГИИ
Учебно-методический комплекс
по направлению подготовки
51.03.06 (071900) «Библиотечно-информационная деятельность»,
профиль «Технология автоматизированных
библиотечно-информационных систем»
Квалификация (степень) выпускника
«бакалавр»
Форма обучения:
очная, заочная
Кемерово 2014
Учебно-методический комплекс составлен в соответствии с требованиями ФГОС ВПО по направлению подготовки 51.03.06 (071900)
«Библиотечно-информационная деятельность», профиль «Технология автоматизированных библиотечно-информационных систем», квалификация
(степень) выпускника «бакалавр».
Утвержден на заседании кафедры технологии автоматизированной
обработки информации 17.01.2014 г., протокол № 8.
Рекомендован к изданию учебно-методическим советом института
информационных
и библиотечных технологий КемГУКИ
27.01.2014 г., протокол № 3.
Web-технологии [Текст]: учебно-методический комплекс дисцип-
лины по направлению подготовки 51.03.06 (071900) «Библиотечноинформационная деятельность», профиль «Технология автоматизированных библиотечно-информационных систем», квалификация (степень)
выпускника «бакалавр» / сост.: Е. Н. Малышева. – Кемерово: Кемеров.
гос. ун-т культуры и искусств, 2014. – 104 с.
Составитель:
канд. физ.-мат.
наук, доцент
Е. Н. Малышева
2
ВВЕДЕНИЕ
Гипертекстовые технологии получили широкое распространение
в информационном пространстве современного общества, в межкультурной и профессиональной коммуникации. Гипертекстовые системы оказывают всестороннее влияние на современную культуру, различные ее сферы. Гипертекстовая организация знаний характеризует структуры не
только реального, но и виртуального пространства, связанного с современными интернет-технологиями.
В настоящее
время широкое распространение получили современные
средства создания web-сайтов, позволяющие осуществлять их визуальное
проектирование и автоматически генерирующие код HTML, – htmlредакторы. Однако для полного понимания принципов создания webстраниц необходимо знание основ языка HTML. Именно это обусловило
необходимость включения в учебный план направления подготовки
51.03.06 (071900) «Библиотечно-информационная деятельность» дисциплины «web-технологии».
Цель освоения дисциплины «web-технологии» – получение
студентами знаний теоретических основ гипертекстовых технологий, необходимых для создания web-страниц.
Задачи дисциплины:
сделать обзор существующих языков разметки;
познакомить с приемами использования базовых элементов языка
гипертекстовой разметки;
дать представление о методах разработки HTML-страниц;
сформировать навыки создания web-ресурсов, электронных хра-
нилищ информации средствами языка HTML;
обозначить существующие
и перспективные области применения
языков разметки.
Место дисциплины в структуре ООП
Дисциплина «Web-технологии» является дисциплиной по выбору
информационно-коммуникационного цикла образовательной программы
3
по направлению подготовки 51.03.06 (071900) «Библиотечно-информационная деятельность», квалификация (степень) выпускника «бакалавр».
Для изучения дисциплины необходимы знания, умения, полученные
студентами при изучении дисциплины: «Информатика».
Изучение дисциплины направлено на формирование компетенций:
готовность к овладению основными методами, способами и средствами получения, хранения, переработки информации, наличие навыков
работы с компьютером как средством управления информацией (ОК-12);
готовность к овладению перспективными методами библиотечноинформационной деятельности на основе информационно-коммуникационных технологий (ПК-4).
В результате изучения дисциплины студент должен:
знать:
классификацию языков разметки (ПК-4);
базовые конструкции гипертекстового языка разметки (ОК-12);
методы разработки HTML-страниц (ПК-4);
существующие и перспективные области применения языков раз-
метки (ОК-12);
уметь:
создавать электронные информационные ресурсы с помощью языка HTML (ПК-4);
использовать базовые конструкции гипертекстового языка разметки в своей учебной и профессиональной деятельности (ПК-4);
владеть:
приемами использования базовых элементов языка гипертекстовой
разметки (ОК-12);
методами разработки HTML-страниц (ПК-4);
навыками создания и эксплуатации web-ресурсов, электронных
хранилищ информации средствами языка HTML (ПК-4).
Компетенции, сформированные в ходе изучения дисциплины «Webтехнологии», необходимы для успешного решения задач в ходе самостоятельной работы, а также при выполнении дипломного проекта.
4
В структуре дисциплины выделяется два взаимосвязанных раздела:
«Языки разметки: основные понятия», «Основы форматирования в
HTML».
Первый раздел знакомит студентов с общей характеристикой языков
разметки, базовыми элементами и структурой HTML-документа. Второй
раздел направлен на формирование у студентов практических навыков
создания web-страниц.
Программой дисциплины предусмотрены лекционные занятия, лабораторные работы, самостоятельная работа студентов.
Дисциплина изучается в 3-м семестре. Общая трудоемкость дисциплины составляет 2 зачетные единицы, 72 часа, в том
числе: лекционных –
6 часов на очной форме обучения, 2 часа на заочной форме; 30 часов лабо-
раторных занятий на очной форме обучения, 8 часов на заочной форме.
СРС составляет 36 часов на очной форме обучения и 62 часа – на заочной.
Удельный вес занятий, проводимых в интерактивных формах, на очной
форме обучения равен 9 часов (25 % аудиторных занятий), на
заочной
форме 3 часа (30 % аудиторных занятий) в соответствии с требованиями
ФГОС ВПА.
Учебной программой курса предусмотрены лабораторные работы
по таким разделам, как «Языки разметки: основные понятия», «Основы
форматирования».
Для диагностики компетенций студентов применяются следующие
формы контроля: устный опрос; тестовый контроль, включая компьютерное тестирование; собеседование, защиту отчетов о выполнении учебных
исследовательских
проектов. Итоговая форма контроля – зачет.
Учебно-методический комплекс (УМКд) включает рабочую учебную
программу дисциплины, методические рекомендации по курсу, описания
лабораторных работ, тесты для самоконтроля, вопросы к зачету, список
литературы, перечень полезных ссылок, глоссарий, перечень ключевых
слов. В совокупности учебные материалы, представленные в настоящем
УМКд, предназначены для организации и проведения аудиторных занятий
выполнения самопроверки, текущего и итогового контроля знаний и уме-
,
ний студентов, а также подготовки студентов к сдаче зачета по дисциплине
«Web-технологии».
5
1 СТРУКТУРА И СОДЕРЖАНИЕ ДИСЦИПЛИНЫ
1.1 Структура дисциплины
Общая трудоемкость дисциплины составляет 2 зачетные единицы,
72 часа.
Тематический план для очной и заочной формы обучения
Раздел
дисциплины
Раздел 1. Языки разметки: основные понятия
1.1 Общая характеристика языков
разметки
1.2 Базовые
элементы языка
и структура
HTML-документа
Виды учебной работы,
включая самостоятель-
ную работу студентов
и трудоемкость (в часах)
в соответствии с требо-
ваниями ФГОС ВПО
Семестр
Лекц.
OФО/
ЗФО
Лаб.
OФО/
ЗФО
СРС
ОФО/
ЗФО
Интеракт.
формы
обучения
3 1(1)/- - 2/6 Проблем-
Формы
текущего
контроля
успеваемости.
Форма проме-
жуточной
аттестации
(по семестрам)
ное изло-
жение
1/- 2/- 4/6 Устный опрос,
отчет о выполнении лабораторных работ,
тестовый
контроль
2.1 Форматирование текста
2.2 Работа
с изображениями
Раздел 2. Основы форматирования в HTML
1/1 6/1 6/8 - Устный опрос*,
– 4(2)/1 4/4 Защита
проекта
6
отчет о выполнении лабораторных работ*,
тестовый контроль*
Устный опрос*,
отчет о выполнении лабораторных работ*,
тестовый контроль*, защита
проекта**
Раздел
дисциплины
2.3 Таблицы
в HTML
2.4 Форматирование с использованием каскадных
таблиц стилей
2.5 Использование
форм и фреймов
в HTML
Всего
Виды учебной работы,
включая самостоятель-
ную работу студентов
и трудоемкость (в часах)
в соответствии с требо-
ваниями ФГОС ВПО
Семестр
Лекц.
OФО/
ЗФО
1/ – 4(2)/2
Лаб.
OФО/
ЗФО
СРС
ОФО/
ЗФО
6/8 Защита
(1)
1/1 6(2)/2
8/10 Защита
(1)
1/ – 8(2)/2
6/10 Защита
(1)
6(1)/2 30(8)/8
36/62 9/3 Промежуточная
(3)
в т. ч. 9 часов (25 %)
аудиторных занятий,
в интерактивных фор-
мах обучения на ОФО,
3 часа (30 %) на ЗФО
Интеракт.
формы
обучения
проекта
проекта*
проекта*
Формы
текущего
контроля
успеваемости.
Форма проме-
жуточной
аттестации
(по семестрам)
Устный опрос*,
отчет о выполнении лабораторных работ*,
тестовый контроль*, защита
проекта**
Устный опрос*,
отчет о выполнении лабораторных работ*,
тестовый контроль*, защита
проекта**
Устный опрос*,
отчет о выполнении лабораторных работ*,
тестовый контроль*, защита
проекта*
аттестация –
зачет в форме
собеседования*
* – форма контроля для ОФО и ЗФО.
** – форма контроля только для ЗФО.
7
1.2 Содержание дисциплины
р
р
Содержание раздела дисциплины Результаты обучения
Раздел 1. ЯЗЫКИ РАЗМЕТКИ: ОСНОВНЫЕ ПОНЯТИЯ
Тема 1.1. Общая характеристика
языков разметки
История языков разметки. Стандартный обобщенный язык разметки SGML (Standard Generalized
Markup Language) как метод создания структурированных документов. Особенности SGML. Структу-
а документа с точки зрения
SGML. Понятие структурной разметка и разметки представления.
DTD (Document Type Definition) -
описания. Преимущества и недостатки создания единого DTDописания. Достоинства и недостатки SGML. Гипертекстовый язык
разметки HTML (Hyper Text
Markup Language): достоинства и
недостатки. Версии языка HTML,
перспективы его развития. Расши-
яемый язык разметки XML
(eXtensible Markup Language). Требования к XML. Понятия структурной и синтаксической корректности. Диалекты XML
Тема 1.2. Базовые элементы языка и структура HTML-документа
Тег – базовый элемент языка раз-
Формируемые компетенции:
готовность к овладению основными ме-
тодами, способами и средствами получения, хранения, переработки информации,
наличие навыков работы с компьютером
как средством управления информацией
(ОК-12);
готовность к овладению перспективны-
ми методами библиотечно-информационной деятельности на основе информационно-коммуникационных технологий (ПК-4)
В результате изучения раздела курса
студент должен:
знать:
классификацию языков разметки (ПК-4);
базовые конструкции гипертекстового
языка разметки (ОК-12);
существующие и перспективные области
применения языков разметки (ОК-12);
уметь:
использовать базовые конструкции ги-
пертекстового языка разметки в своей
учебной и профессиональной деятельности
(ПК-4);
владеть:
приемами использования базовых эле-
ментов языка гипертекстовой разметки
(ОК-12)
метки гипертекста. Одиночные и
контейнерные теги. Запись тега в
общем виде. Понятие атрибутов
тега. Структура HTML-документа.
Принципы гипертекстовой разметки. Классификация тегов НТМL.
Теги, определяющие структуру документа. Назначение тегов
<HTML>, <HEAD>, <TITLE>,
<BODY>. Освоение приемов свя-
зывания HTML-страниц гиперссылками
8
Содержание раздела дисциплины Результаты обучения
р
р
РАЗДЕЛ 2. ОСНОВЫ ФОРМАТИРОВАНИЯ В HTML
Тема 2.1. Форматирование текста
Тег управления абзацами <P>. Теги, определяющие заголовки.
Управление размерами и начертанием шрифта с помощью тега
<FONT>. Задание относительных
размеров шрифтов. Теги управления разрывами и пе
еносом строк
в тексте документа. Теги смыслового выделения текста. Теги стилистического выделения текста.
Добавление комментариев в
HTML-документы. Использование
специальных символов в HTMLдокументах. Примеры форматирования текста.
Создание неупорядоченных списков в HTML. Атрибут TYPE неупорядоченного списка. Создание
упорядоченных списков в HTML.
Атрибут START. Типы нумерации
упорядоченных списков. Изменение стиля отдельного
элемента
списка. Совместное использование
атрибутов START и TYPE. Атрибут VALUE. Создание вложенных
неупорядоченных и неупорядоченных списков
Тема 2.2. Работа с изображениями
Размещение изображения на webстанице. Обязательный атрибут те-
Формируемые компетенции:
готовность к овладению основными ме-
тодами, способами и средствами получения, хранения, переработки информации,
наличие навыков работы с компьютером
как средством управления информацией
(ОК-12);
готовность к овладению перспективны-
ми методами библиотечно-информационной деятельности на основе информационно-коммуникационных технологий (ПК-4);
В результате изучения раздела курса
студент должен:
знать:
базовые конструкции гипертекстового
языка разметки (ОК-12);
методы разработки HTML-страниц
(ПК-4);
уметь:
создавать электронные информационные
ресурсы с помощью языка HTML (ПК-4);
использовать базовые конструкции ги-
пертекстового языка разметки в своей
учебной и профессиональной деятельности
(ПК-4);
владеть:
методами разработки HTML-страниц
(ПК-4);
навыками создания и эксплуатации web-
ресурсов, электронных хранилищ информации средствами языка HTML (ПК-4)
га изображения <IMG> SRC. Ат-
ибуты размера, выравнивания
изображения. Добавление вертикальных и горизонтальных полей
к изображению. Форматы изображений для размещения на HTMLстраницах. Форматы растровой
графики. Оптимизация изображений для размещения на webстраницах
9
Содержание раздела дисциплины Результаты обучения
Тема 2.3. Таблицы в HTML
Таблицы как важнейший элемент
HTML-документов, используемый
как для размещения данных, так и
для управления взаимным размещением текста и графики. Задание
таблиц при помощи тега
<TABLE>. Создание строк, столбцов таблицы. Создание заголовков
таблицы, столбцов таблицы. Атрибуты тегов <TABLE>, <TH>,
<TD>. Управление цветом элементов таблиц. Объединение элементов таблиц
: атрибуты ROWSPAN и
COLSPAN тегов <TH> и <TD>.
Примеры создания сложных таблиц
Тема 2.4. Форматирование
с использованием каскадных
таблиц стилей
Каскадные таблицы стилей
(Cascading Style Sheets – CSS) как
специальный язык описания стилей, обладающий богатым набором
средств форматирования и управления стилями элементов документа. Задание правил CSS в форме
простых и групповых селекторов,
ID селекторов, правил наследования и правил определения классов
элементов, псевдоклассов и псевдоэлементов. Использование
листов стилей в документах. Применение внутренних стилей в документе, использование тегов <DIV>,
<SPAN> и атрибута STYLE. Свойства элементов: шрифта, текста,
фона и цвета. Свойства CSS, связанные с разметкой страниц. Глобальные таблицы стилей. Связанные таблицы стилей. Примеры
использования CSS
10
Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]