Интернет-технологии - Учебно

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ
федеральное государственное бюджетное образовательное учреждение высшего
профессионального образования «Тобольская государственная социально-педагогическая
академия им. Д.И.Менделеева»
Художественно-графический факультет
Кафедра дизайна и художественного образования
УТВЕРЖДАЮ
Проректор по учебной работе
Клюсова В.В.
«___» __________ 2012 г.
Рабочая программа учебной дисциплины
«Интернет-технологии»
051000 ПРОФЕССИОНАЛЬНОЕ ОБУЧЕНИЕ
ДЕКОРАТИВНО-ПРИКЛАДНОЕ ИСКУССТВО И ДИЗАЙН
КВАЛИФИКАЦИЯ (СТЕПЕНЬ) ВЫПУСКНИКА
БАКАЛАВР
ОЧНАЯ, ЗАОЧНАЯ ФОРМА ОБУЧЕНИЯ
Тобольск
2012
1.ЦЕЛИ И ЗАДАЧИ ДИСЦИПЛИНЫ
Цели дисциплины:
содействие становлению специальной профессиональной компетентности бакалавра
профессионального обучения по направлению «ДПИ и дизайн» на основе изучения методов и
обретения специальных навыков работы в области Internet-технологий.
Задачи дисциплины:
 формирование системы знаний в области Internet-технологий;
 изучение методов и приемов работы в области Internet-технологий;
 организация деятельности, направленной на приобретение навыков профессиональной
работы в текстовых редакторах, имеющих возможность конвертации текстового файла в
HTML-формат;
 организация деятельности, направленной на приобретение навыков создания тематической
WEB-страницы с применением технологии WEB-дизайна;
 организация деятельности, направленной на приобретение навыков использования Internetтехнологий при создании графических (векторных и растровых), 2D-, 3D-, анимационных
изображений, мультимедийных приложений, виртуальных продуктов
и дизайнерских проектов;
 формирование мобильности и гибкости мышления, скорости восприятия и обработки
информации, быстроты реакции;
 организация самостоятельной работы, мотивация к самостоятельной практической
деятельности в глобальной сети Internet, инициирование к индивидуальной практической
работе.
2. Место дисциплины в структуре ООП бакалавриата
Дисциплина «Интернет технологии» относится к базовой части учебного цикла – Б2.
Математический и естественнонаучный цикл. (Б.2.В.ОД.6) и является одной из дисциплин,
формирующих профессиональные знания и навыки, характерные для бакалавра по направлению
подготовки 051000 – профессиональное обучение (ДПИ и дизайн) (квалификация (степень)
«бакалавр»). Основные положения дисциплины «Компьютерное моделирование в дизайне»
должны быть использованы в дальнейшем при изучении следующих дисциплин:
художественное проектирование интерьера, малые архитектурные формы
.
3 Требования к результатам освоения содержания дисциплины
Процесс изучения дисциплины «Компьютерное моделирование в дизайн» направлен на
формирование элементов следующих компетенций в соответствии с ФГОС ВПО и ООП ВПО по
данному направлению подготовки (специальности):


а) общекультурных (ОК):
способностью самостоятельно работать на компьютере (элементарные навыки) (ОК – 23)
б) профессиональных (ПК):
способностью использовать передовые отраслевые технологии в процессе обучения
рабочей профессии (специальности) (ПК - 31)
В результате изучения дисциплины «Интернет-технорлогии» студенты должен знать:
 специальную терминологию и систему общения в Internet в режиме реального времени online (видеоконференция, чат).
2

основные методы практической работы WEB-дизайнера по созданию WEB-страниц для
сети Internet на основе изучения языка программирования HTML.
язык программирования Java Script и его использование в WEB-дизайне.

уметь:
 пользоваться методами и приемами работы в области Internet-технологий;
 организовывать деятельность, направленную на приобретение навыков профессиональной
работы в текстовых редакторах, имеющих возможность конвертации текстового файла в
HTML-формат;
 создавать баннер как рекламный элемент титульной WEB-страницы.
4. Структура и содержание дисциплины
Общая трудоемкость дисциплины составляет 6 зачетных единиц (216 часа)
4.1. Структура дисциплины
Таблица 1
Очная форма обучения
№
1
Наименование раздела
дисциплины
Семестр
Internet-технологии.
WEB-дизайн,
его
функции и возможности.
Основные
методы
практической
работы
WEB-дизайнера.
2
Виды учебной работы
(в академических часах)
аудиторные занятия
СР
ЛК
ПЗ
ЛБ
5
18
18
36
18
18
72
6
Заочная форма обучения
№
1
Наименование раздела
дисциплины
Семестр
Internet-технологии.
WEB-дизайн,
его
функции и возможности.
Основные
методы
практической
работы
WEB-дизайнера.
2
Виды учебной работы
(в академических часах)
аудиторные занятия
СР
ЛК
ПЗ
ЛБ
3
4
6
58
6
129
4
4.2.Содержание разделов дисциплины
4.2.1. Лекционный курс
семестр
№
лекции
Раздел, тема учебного курса,
содержание лекции
Количество
часов
1. Internet-технологии. WEB-дизайн, его функции и возможности.
5
1.
Понятие Internet.
2
3
2.
3.
4.
5.
6.
7.
8.
6
1.
2.
3.
4.
5.
6.
7.
8.
9.
Internet-технологии.
Методы
практической
работы
в
глобальной
информационной сети Internet в локальном режиме (offline) и с непосредственным выходом в сеть (on-line) с
помощью программы Microsoft Internet Explorer.
Программные средства электронной почтовой связи
Outlook Express 5.0 (e-mail).
Составление и отправка электронных сообщений
различной степени сложности.
Специальная терминология и системы общения в
Internet в режиме реального времени on-line (видеоконференция, чат).
Принципы действия и методы практической работы в
графическом
редакторе
Adobe
Photo
Shop
применительно целям WEB-дизайна. Оптимизации
графических изображений.
Принципы действия и методы практической работы в
графическом редакторе Corel Draw применительно
целям WEB-дизайна. Оптимизации графических
изображений.
2. Основные методы практической работы WEB-дизайнера.
Основные методы практической работы WEBдизайнера по созданию WEB-страниц для сети Internet
на основе изучения языка программирования HTML.
(Hiper Text Markup Langvage).
Кодировки и теговые формы HTML. Таблицы стилей.
Программа Microsoft FrontPage.
Применение графических изображений и средств
мультимедиа
для
художественно-эстетического
декорирования, оформления и информационносодержательного обогащения WEB-страниц.
Язык программирования Java Script и его
использование в WEB-дизайне.
2
4
Изучение программ Corel Web.Designer и Xara WebStile.
Создание баннера — рекламного элемента титульной
WEB-страницы (Banner Crafter 1.02).
Виртуальный магазин и принципы его создания.
Web-анимация. (3D GIF Designer 2.2, Liquid Motion 1.0).
Создание WEB-сайта с
элементами графического
(фото) и анимационного оформления, гипертекстовых
ссылок, а также декоративно-информационных форм
оформления экранного изображения (“бегущая строка”,
информационное окно и др.
2
2
2
2
2
2
2
2
2
2
2
2
2
2
4.2.2. Практические (лабораторные) занятия*
№ занятия
Наименование темы
практического занятия
Раздел, тема дисциплины
Количество
часов
№ 1.
4
1.
2.
3.
4.
Методы практической работы в
глобальной информационной
сети Internet в локальном
режиме (off- line) и с
непосредственным выходом в
сеть (on-line) с помощью
программы Microsoft Internet
Explorer.
Составление и отправка
электронных сообщений
различной степени сложности.
Принципы действия и методы
практической работы в графическом редакторе Adobe Photo
Shop применительно целям
WEB-дизайна. Оптимизации
графических изображений.
Принципы действия и методы
практической работы в графическом редакторе Corel Draw
применительно целям WEBдизайна. Оптимизации
графических изображений.
Internet-технологии. WEBдизайн, его функции и
возможности
5
Internet-технологии. WEBдизайн, его функции и
возможности
5
4
Internet-технологии. WEBдизайн, его функции и
возможности
4
Internet-технологии. WEBдизайн, его функции и
возможности
№ 2.
1.
2.
3.
4.
5.
Основные методы практической
работы WEB-дизайнера по
созданию WEB-страниц для сети
Internet на основе изучения языка
программирования HTML. (Hiper
Text Markup Langvage).
Изучение программ Corel
Web.Designer и Xara WebStile.
Создание баннера — рекламного
элемента титульной WEBстраницы (Banner Crafter 1.02).
Web-анимация (3D GIF Designer
2.2, Liquid Motion 1.0).
Создание WEB-сайта с
элементами графического (фото)
и анимационного оформления,
гипертекстовых ссылок, а также
декоративно-информационных
форм оформления экранного
изображения (“бегущая строка”,
информационное окно и др.
Основные методы
практической работы WEBдизайнера
4
Основные методы
практической работы WEBдизайнера
Основные методы
практической работы WEBдизайнера
Основные методы
практической работы WEBдизайнера
Основные методы
практической работы WEBдизайнера
3
3
4
4
4.2.3. Задания для самостоятельной работы студентов
Разделы и темы
Перечень домашних заданий и других
Сроки
Количество
5
учебной программы
самостоятельного
изучения
Internet-технологии.
WEB-дизайн, его
функции и
возможности.
Internet-технологии.
WEB-дизайн, его
функции и
возможности.
Internet-технологии.
WEB-дизайн, его
функции и
возможности.
Internet-технологии.
WEB-дизайн, его
функции и
возможности.
Internet-технологии.
WEB-дизайн, его
функции и
возможности.
Основные методы
практической работы
WEB-дизайнера.
Основные методы
практической работы
WEB-дизайнера.
Основные методы
вопросов для самостоятельного
изучения
выполнения
часов
Сентябрь
6
создание графических, 2D-, 3D-,
анимационных изображе
ний, мультимедийных продуктов с
использованием Internetтехнологий
создание дизайнерского проекта с
использованием Internetтехнологий;
сентябрь
6
октябрь
6
создание WEB-страниц с
использованием графических,
2D-, 3D- и анимационных
изображений;
октябрь
6
создание подгруппой WEB-страницы
как коллективной
работы
ноябрь
6
Февраль-март
7
Март-апрель
7
Май-июнь
16
№ 1.
работа в глобальной сети Internet по
заданной тематике
(изобразительное искусство,
архитектура, музеи мира, живопись,
рисунок, скульптура и др.) с целью
сбора необходимого
производственного материала;
№ 2.
Сбор в глобальной сети Internetматериала по заданной те
матике:
- архитектура;
- скульптура;
- живопись;
- графика;
- декоративно-прикладное
искусство;
- музеи мира и т. д.
Сбор в глобальной сети Internet
необходимого производственного
материала для последующего
использования в работах
по дисциплинам «Векторная графика
и растровая графика»,
«Компьютерное моделирование»,
«Разработка мультимедийных
продуктов».
Создание художественной WEB-
6
практической работы
WEB-дизайнера.
страницы совмещенного
текстового, графического и
анимационного изображения с при
менением технологии WEB-дизайна
(HTML, Java Script) на основе одной
из прикладных программ.
4. Учебно-методическое обеспечение дисциплины
5.1. Рекомендуемая литература
основная:
Интернет-технологии: Учебное пособие / С.Р. Гуриков. - М.: Форум: НИЦ ИНФРА-М, 2015. - 184 с.: 70x100 1/16. (Высшее образование: Бакалавриат). (обложка) ISBN 978-5-00091-001-6, 500 экз. ; То же [Электронный ресурс]. URL: http://znanium.com/bookread.php?book=488074 (13.05.2015).
Информационные технологии: учеб. для студ. вузов / под ред. В. В. Трофимова. - М. : Юрайт, 2011. - 624 с
Дополнительная:
Интернет-технологии в экономике знаний: Учебник / Н.М. Абдикеев и др; Под науч. ред. Н.М. Абдикеева. - М.:
НИЦ ИНФРА-М, 2014. - 448 с.: 60x88 1/16. - (Высшее образование: Магистратура). (обложка) ISBN 978-5-16009963-7 ; То же [Электронный ресурс]. - URL: http://znanium.com/bookread.php?book=429094 (13.05.2015).
Захарова И.Г. Информационные технологии в образовании : учеб. пособие для студ. вузов / И. Г. Захарова. - 6-е изд.
- М. : Академия, 2010. - 192 с
дополнительная:
1. Бурлаков М. Photoshop 5.5 для пользователя. — Киев, 2000.
2. Глушаков С.В., Кнабе ГА. Учебный курс «Компьютерная графикам. - Харьков, М, 2001.
3. ДенисовА., Вихарев И., БеповаА. Самоучитель Internet. — СПб., 2001.
4. Коцюбинский А.О. Рисунки на компьютере. Основы компьютерной графики, - М., 2000.
5. Коцюбинский А.О., Грошев СВ. Компьютеная графика. — М., 2001.
6. Коцюбинский А.О., Грошев СВ. Компьютер для художника. — М., 2000.
7. Линч Ричард, Использование Adobe Photoshop 6.0. — М.; СПб.; Киев, 2001.
8. Миронов Д. Corel Draw. Учебный курс. - СПб., 2000.
9. Новиков Ф-. Яценко A. Microsoft Office 2000 в целом. — СПб., 2001.
10. Тайц A.M., Тайц А.А. Adobe Page Maker 6.5. - СПб., 2001.
11. ТайцА.М., ТайцА.А. Adobe Illustrator 9. Учебный курс - СПб., 2001.
12. Уэйкманн Э., Лурекас П. Adobe Photoshop 6 для Windows и Macintosh. - М.,2002.
13. Глушков СВ., Ломотко Д.В., Мельников И.В. Работа в сети Internet. — Харьков; Ростовн/Д.; Киев, 2000.
14. Кирсанов Д. Веб-дизайн. — СПб., 2001.
15. Коцюбинский А.О., Грошев СВ. Компьютер для художника. — М., 2000.
16. Матросов А., Сергеев А., Чауиин М. HTML 4.0 в подлиннике. — СПб., 1999.
17. Омельченко Л., Федоров A/Microsoft Front Page 2002. — СПб., 2001.
18. Федорук А. Как создаются Web-сайты. — СПб., 2001.
19. Вудвортс
Р.
Этапы
творческого
мышления
/
Хрестоматия
по
общей
психологии. Психология мышления/Под ред. Ю.Б. Гиппенрейтер, В.В. Петухова.- М., 1981.
20. Григорян Е. А. Основы композиции в прикладной графике: Учеб. Пособие для студ. Высш.
Учеб. Заведений. – Ереван, 1986.
21. Розет И. М. Теоретические концепции фантазии. // В кн.: Психология художественного
творчества./ Мн.: Харвест, 1999.
22. Суворов Н. Н. Пути создания художественного образа (Роль воображения в
художественном творчестве) М.: Знание, 1984.
23. Даниель
С.М.
Искусство
видеть:
О
творческих
способах
восприятия,
о языке линий и красок и о воспитании зрителя. - Л.: Искусство, 1990.
7
24. Капланова С. Г. От замысла и натуры к законченному произведению. – М.: Изобраз.
Искусство, 1981.
25. Тюхтпин B.C. Содержание и форма в искусстве. - М.: Знания, 1984.
26. Шорохов Б.В. Композиция. - М.: Просвещение, 1986.
27. Морис Брюс. HTML в действии. — СПб., 1997.
28. Мэтьюз М., Мэтьюз К. Эффективная работа с CorelDraw! — СПб., 1997.
29. Бранденбау Д. Java Script: Сб. рецептов для профессионалов. — СПб.. 2001.
30. Буденный С. Refer.Ru — структурированный Интернет // Планета Internet. — 2001. — №3.
31. Бурлаков М. Photoshop 5.5 для пользователя. — Киев, 2000.
32. Ваш А., Вагнер P. Java Script в примерах. — Киев, 2000.
33. ВепнерП. Язык программирования Java и Java Script. — М., 1998.
34. Гончаров А. Самоучитель HTML. — СПб., 2001.
35. Джерол С. Секреты разработки Web-приложений. — СПб., 1998.
36. Кенцл Т. Форматы файлов Internet. — СПб., 1997.
37. Морис Брюс. HTML в действии. — СПб., 1997.
38. Падвик Г. Использование Microsoft Outlook 2002. — М.; СПб.; Киев, 2002.
39. Степан М. Как устроена баннерная сеть // Мир Internet. — 1999. — № 12.
40. Томас М. и др. Секреты программирования для Internet на Java. — СПб, 1997.
41. Уилтон П. Java Script. — СПб., 2002.











Internet-адреса
http://download.cnet.com — (сайт загрузки разнообразного программного обеспечения на
английском языке).
http://www.download.ru — (сайт загрузки разнообразного программного обеспечения на
русском языке).
http://www/dannyg.com:80/javascript — (сайт примеров наиболее сложных концепций языка
Java Script).
http://www.javaworld.com — (сайт информации о новейших разработках языка Java Script).
hltp://www.intercom.net/user/mecha/java/i ndex.html
(сайт
разнообразной информации о Java Script).
http://www.dmkpress.ru — (сайт перечня литературных источников по программированию,
компьютерному дизайну и др).
hlip://www.w3.org/MarkUp — (стандарты HTML).
http://www.ochin.on.ca/webdcsign — (практические советы WEB-мастеру).
http://www.web-stat.com — (программы поиска в Internet, контроля за посещением сайтов,
трафиками, счетчиков).
hllp://www. 123count.com — (программы поиска в Internet, контроля за посещением сайтов,
трафиками, счетчиков).
5.2.Средства освоения дисциплины
Для обеспечения дисциплины имеются:
1. Электронные варианты книг /CD-ROM/.
6. Материально-техническое обеспечение дисциплины
1. Аудитории для лекционного курса с количеством посадочных мест и столами для группы
из тридцати человек.
2. Мультимедийный проектор, DVD-плеер, ноутбук.
3. Компьютерный класс.
4. Библиотека. Читальный зал.
8
7. Содержание текущего и промежуточного контроля *–
Текущая аттестация качества усвоения знаний осуществляется в форме компьютерного
тестирования после выполнения практического задания, завершающего изучение очередной
темы. Предлагаемые для решения задачи построены таким образом, что в них находит
отражение весь круг вопросов, усвоенных прежде в ходе изучения курса. В ходе текущей
аттестации оценивается:
- знание материала основной и справочной литературы,
- знание основных понятий курса,
- владение тем или иным приемом, методом, алгоритмом решения поставленной задачи.
Итоговая аттестация осуществляется в форме просмотра педагогом выполненных
студентами практических работ, в ходе которого оценивается:
- владение Internet-технологиями (поиск и получение информации, электронная почтовая
связь, проведение Intemet-конференций);
- умение корректировать на компьютере заданный текст в текстовом редакторе версий
Microsoft Word с его последующим переводом (конвертацией) в HTML-формат;
- умение создавать, комбинировать, модифицировать и конвертировать на компьютере
графическое изображение в одном из графических редакторов с целью его последующего
использования в художественном оформлении и декорировании WEB-страницы (сайта);
- умение создавать на компьютере художественную WEB-страницу совмещенного
текстового, графического и анимационного изображения с применением технологии WEBдизайна (HTML, Java Script) на основе одной из прикладных программ, таких как Microsoft
FrontPage, Corel Web.Designer или Хага WebStile;
- умение использовать навыки, полученные при изучении дисциплин «Векторная графика
и растровая графика», «Компьютерное моделирование», «Дизайн», при создании WEB-страниц;
- умение использовать Internet-технологии при создании графических (векторных и
растровых), 2D-, 3D-, анимационных изображений, мультимедийных приложений, виртуальных
дизайнерских проектов.
7.1.Перечень примерных вопросов к зачёту:
1. Понятие Internet.
2. Internet-технологии.
3. Методы практической работы в глобальной информационной сети Internet в локальном
режиме (off- line) и с непосредственным выходом в сеть (on-line) с помощью программы
Microsoft Internet Explorer.
4. Программные средства электронной почтовой связи Outlook Express 5.0 (e-mail).
5. Составление и отправка электронных сообщений различной степени сложности.
6. Специальная терминология и системы общения в Internet в режиме реального времени online (видеоконференция, чат).
7. WEB-дизайн, его функции и возможности.
8. Принципы действия и методы практической работы в графическом редакторе Adobe Photo
Shop применительно целям WEB-дизайна.
9. Принципы действия и методы практической работы в графическом редакторе Corel Draw
применительно целям WEB-дизайна.
10. Оптимизации графических изображений.
7.2.Перечень примерных вопросов к экзамену:
1. Основные методы практической работы WEB-дизайнера по созданию WEB-страниц для
сети Internet на основе изучения языка программирования HTML (Hiper Text Markup
Langvage). Кодировки и теговые формы HTML.
2. Таблицы стилей.
9
3. Программа Microsoft FrontPage.
4. Применение графических изображений и средств мультимедиа для художественноэстетического декорирования, оформления и информационно-содержательного обогащения
WEB-страниц.
5. Язык программирования Java Script и его использование в WEB-дизайне.
6. Изучение программ Corel Web.Designer и Xara WebStile.
7. Создание баннера — рекламного элемента титульной WEB-страницы (Banner Crafter 1.02).
8. Web-анимация (3D GIF Designer 2.2, Liquid Motion 1.0).
9. Виртуальный магазин и принципы его создания.
8. МЕТОДИЧЕСКИЕ РЕКОМЕНДАЦИИ
Сопровождение и контроль за выполнением самостоятельной работы
Контроль самостоятельной работы осуществляется преподавателем систематически (раз в
неделю в 5-6-м семестрах и раз в месяц в 7-м семестре) на аудиторных занятиях в специально
отведенное время. Контроль качества изучения специальной литературы проводится в форме
компьютерного тестирования и устного собеседования по основным темам курса. Контроль
практической самостоятельной деятельности — просмотр результатов самостоятельной работы
— также проводится раз в месяц в каждой учебной подгруппе. При этом демонстрация
творческих успехов каждого студента и коллективное их обсуждение с участием всех студентов
подгруппы призвана помочь студентам не только увидеть просчеты и слабые места при освоении программы, но и научиться вести
аргументированный анализ своих работ и работ коллег. Преподаватель консультирует студента
при выполнении практической самостоятельной работы, от выбора темы до технологических
вопросов. При этом самостоятельная работа может проводиться как в стенах вуза, так и вне его.
В случае выполнения самостоятельной практической работы в компьютерном классе контроль за
деятельностью студентов осуществляет педагог (учебный мастер или системный
администратор).
Самостоятельная работа исследовательского характера представляется в виде устных
сообщений в учебной подгруппе с помощью компьютерных презентаций, участия студентов в
деятельности Студенческого научного общества (СНО), докладов на студенческих научных
конференциях.
10