ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ

ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ
ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО
ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ
УЛЬЯНОВСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
УТВЕРЖДАЮ
Первый проректор
_____________ Т.З. Биктимиров
22 января 2007г.
УЧЕБНАЯ
ПРОГРАММА
повышения квалификации профессорско-преподавательского состава
по направлению
«Информационно-коммуникационные технологии в профессиональной
деятельности преподавателя»
Цель курсов: повысить уровень компьютерной грамотности преподавателей в области
веб-дизайна, формировать умения по созданию электронных учебных пособий.
Кол-во часов: 72
Лекций: 26 час.
Практических занятий: 34 час.
Индивидуальные занятия с преподавателем: 6 час.
Самостоятельные занятия: 6 час.
Составитель: Приходько О.В.
Программа рассмотрена на заседании отдела Веб- технологий,
протокол № 5 от 15 января 2007 г.
___________________
подпись зав. отделом
Программа утверждена деканом факультета повышения квалификации
17 января 2007 г.
.
______________________
подпись декана
Учебно-тематический план
№
п.п.
Наименование разделов,
дисциплин и тем
Всего
часов
Лек
ции
В том числе
Формы
контроля
Выездные
Практизанятия,
ческие,
стажировки лабораделовые
торные,
игры
семинары
Проверка
выполнения
практичес
кого
задания
Собеседование
1
Инновационное развитие
классического университета в
условиях национального
проекта «Образование»
4
4
2
Введение в Интернеттехнологии
4
4
3
Особенности создания Вебсайтов
6
4
-
2
4
Графика в Веб-дизайне
18
8
-
10
5
Основы дизайна и вебкомпозиции
4
2
-
2
6
Создание веб-сайтов в
редакторе DREAMWEAVER
18
4
-
14
7
Публикация готового вебпроекта
6
-
-
6
Всего
60
26
-
34
Проверка
выполнения
практичес
кого
задания
Проверка
выполнения
практичес
кого
задания
Проверка
выполнения
практичес
кого
задания
Проверка
выполнения
практичес
кого
задания
Защита
итоговой
работы
зачет
2.Содержание дисциплины
2.1. Инновационное развитие классического университета в условиях национального
проекта «Образование»
Приоритеты образовательной, научной, социокультурной и инновационной
политики Ульяновского государственного университета в условиях реализации
национального проекта «Образование»
2.2. Введение в Интернет-технологии
История возникновения и основные принципы работы сети Интернет.
Основные принципы поиска информации. Поисковые системы. Поисковые каталоги.
Гипертекстовые документы – их разновидности и основные принципы создания.
2.3. Особенности создания Веб-сайтов
Основные структурные компоненты сайта.
Типы и способы создания меню навигации (текстовые, графические), заголовков,
общего оформления.
Планирование будущего сайта и разметка структуры.
Существующие ограничения современных веб-сайтов (ограничения скорости
передачи информации, особенности работы со шрифтами и графикой – оптимизация).
Основные типы сайтов (табличный дизайн, сайты на фреймах), их особенности и
способы создания.
Отличия веб-сайта в сети Интернет от электронного пособия на компакт-диске.
2.4. Графика в Веб-дизайне
Понятие растровой графики. Особенности и примеры использования графики в
веб-страницах.
Работа с растровым графическим редактором Adobe Photoshop.
Создание новых изображений, основные инструменты, работа со слоями. Работа с
фильтрами, добавление эффектов. Обработка цифровых фотографий – кадрирование,
коррекция яркости, насыщенности цвета, выборочное изменение цвета. Улучшение
резкости фотографий.
Создание анимации с помощью программы Adobe ImageReady.
Понятие о графических форматах GIF и JPEG. Оптимизация графики для вставки в
гипертекстовые документы.
Способы создания основных графических элементов веб-сайта (кнопки навигации,
графические заголовки, иллюстрации) в редакторе Adobe Photoshop.
2.5. Основы дизайна и веб-композиции
Работа с цветом. Способы подбора гармоничных сочетаний цветов. Воздействие
цвета на психику человека.
Шрифт и текст. Элементы шрифта. Подбор шрифтов. Параметры набора текста.
Принципы размещение элементов на странице и композиционное решение вебсайта.
2.6. Создание веб-сайтов в редакторе DREAMWEAVER
Знакомство с редактором Dreaweaver, возможности программы.
Работа в визуальном режиме редактора. Создание и редактирование простых htmlстраниц.
Работа с текстом и таблицами. Сложные таблицы. Использование таблиц для
создания каркаса сайта и размещения элементов на странице.
Работа с гиперссылками. Глобальные, локальные гиперссылки, ссылки в пределах
одной страницы («якори»).
Вставка иллюстраций. Изображения – гиперссылки. Фоновые изображения.
Создание и использование карт изображений. Создание графических меню навигации с
эффектом Roll-over.
Разработка многостраничных гипертекстовых документов в редакторе
Dreamweaver.
Работа с фреймами. Отладка готового сайта.
2.7. Публикация готового веб-проекта
Размещение созданного веб-сайта в сети Интернет. Понятие о хостинге.
Бесплатный хостинг на примере www.narod.ru – регистрация и публикация сайта.
Регистрация размещенного сайта в поисковых системах – основные принципы.
Запись электронного проекта на компакт диск – основные принципы и
особенности.
3. ПРАКТИЧЕСКИЕ ЗАНЯТИЯ
№ п.п.
Темы практических занятий
1
Особенности создания веб-сайтов
2
Графика в веб-дизайне
3
Основы дизайна и композиции
4
Создание веб-сайтов в редакторе Dreamweaver
5
Публикация готового веб-проекта
ВСЕГО (часов)
Количество часов
2
10
2
14
6
34
4. ТЕМАТИКА И ФОРМЫ ИНДИВИДУАЛЬНОЙ РАБОТЫ
Индивидуальная работа с преподавателем предполагает обсуждение и выбор темы
итоговой работы, а также консультации в процессе выполнения этой работы.
5. ТЕМАТИКА ИТОГОВЫХ РАБОТ
Создание Web-сайта либо электронного учебного пособия с методическими
материалами по теме, предложенной слушателем курсов.
6. УЧЕБНО-МЕТОДИЧЕСКИЕ МАТЕРИАЛЫ
6.1. Основная литература.
Грошев С. Adobe Photoshop CS2 в примерах / С.Грошев, А. Коцюбинский. Русская
версия – Москва: Триумф, 2006 – 368 с.: ил.
Дронов В. Macromedia Dreamweaver MX./В. Дронов. В подлиннике – СПб.:БХВПетербург, 2003. – 750 с.: илл.
Загуменов А. Как раскрутить и разрекламировать Web-сайт в сети Интернет/А.
Загуменов –Издательство «ДМК», 2005. – 384 с.
Иванов В. Интернет для начинающих. Самоучитель/В. Иванов – СПб.:
Издательство «Питер», 2005. – 240 с.
Кирсанов Д. Веб-дизайн: книга Дмитрия Кирсанова/ Д.Кирсанов – СПб: СимволПлюс, 1999 – 376 с.: цв. илл.
Нильсен Я. Веб-дизайн: книга Якоба Нильсена/Я. Нильсен – Пер. с англ. – СПб:
Символ-Плюс, 2001 – 512 с.: цв. илл.
Нильсен С. Adobe Photoshop CS2 /С. Нильсен – СПб: БХВ-Петербург, 2006 – 992 с.:
ил.
Токарев С.В. Самоучитель Macromedia Dreamweaver MX/С.В. Токарев. –
СПб.:БХВ-Петербург, 2003. – 544 с.: илл.
Уильямс Р. Недизайнерская книга о дизайне/Р. Уильямс. - Спб.: ИД «ВЕСЬ», 2002
– 128 с., илл.
6.2. Дополнительная литература.
Вин Дж. Искусство web-дизайна. Самоучитель/Дж. Вин – СПб.: Издательство
«Питер», 2001. – 224 с.: ил.
Круг С. Веб-дизайн: книга Стива Круга или "не заставляйте меня думать!"/С. Вин –
Пер. с англ. – СПб: Символ-Плюс, 2001 – 195 с.: цв. илл.
Матросов А. HTML 4.0 в подлиннике/А. Матросов, А.Сергеев. – СПб.:БХВПетербург, 2001. – 672 с.: ил.
Паркер Р. Как сделать красиво на бумаге/ Р. Паркер. – Пер. с англ. – СПб: СимволПлюс, 1999 – 336 с.: цв. ил.
Стейплз Т. Практикум по Adobe Photoshop CS и ImageReady CS для Web-дизайна/
Т.Стейплз, Л. Вайнман – Изд. «Вильямс», 2005 – 832 с., илл.
Холмогоров В. Поиск в Интернете и сервисы Яндекс/ В. Холмогоров – СПб.:
Издательство «Питер», 2005. – 128 с.
Хоумер А. Dynamic HTML: справочник/ А. Хоумер, К.Улмен – СПб.: Издательство
«Питер», 2000. – 512 с.: ил.
6.3. Пособия и методические указания.
Приходько О.В. Основы создания веб-сайтов и электронных учебных материалов/
О.В. Приходько. Электронное учебное пособие – Ульяновский государственный
университет, 2006.