Факультет: повышения квалификации и

Министерство образования и науки Российской Федерации
Федеральное агентство по образованию
ГОУ ВПО «Магнитогорский государственный технический университет
им. Г.И. Носова»
УТВЕРЖДАЮ:
Декан факультета повышения
квалификации и профессиональной
переподготовки специалистов
_________________Косматов В. И.
“___”_____________200_ г.
РАБОЧАЯ ПРОГРАММА
по дисциплине
«Графический дизайн для WEB»
Дополнительной профессиональной образовательной программы
для получения дополнительной квалификации
«Специалист в области компьютерной графики и Web-дизайна (Web-дизайнер)»
Факультет:
Кафедра:
Курс:
Семестр:
повышения квалификации и
профессиональной переподготовки специалистов
Прикладной механики, графики, проектирования технических
и технологических комплексов
1
2
Лекции____________________18 час.
Практические занятия _______ 0 час.
Лабораторные занятия _______28 час.
Экзамен ___________________- сем.
Самостоятельная работа ______24 час.
Зачет ____________________ 2 сем.
Всего часов по ГТ ___________70 час.
Курсовой проект
Магнитогорск 2007 г.
-
нет
Рабочая программа составлена в соответствии с профессионально-образовательной
программой, утвержденной 29.11.2006 г. и на основании Государственных требований
к минимуму содержания и уровню требований к специалистам для получения
дополнительной квалификации «Специалист в области компьютерной графики и Webдизайна (Web-дизайнер)», утвержденных 01.10.2001 г. Регистрационный номер
ГТ ППК 03/39.
Рабочая программа рассмотрена на заседании кафедры Прикладной механики, графики,
проектирования технических и технологических комплексов
“___”_______________200_ г. (протокол № __)
Зав. кафедрой _________________ В.И. Кадошников
Рабочая программа одобрена методической комиссией факультета повышения
квалификации и профессиональной переподготовки специалистов
“___”_______________200_ г. (протокол № ____)
Председатель _________________ В. И. Косматов
Согласовано:
Зав. выпускающей кафедрой ПМГПТиТК ________________В. И. Кадошников
Рабочая программа составлена
доцентом каф. ИиИт, к.т.н. _______________________________С.В. Кочуковым
(Ф.И.О., уч. звание, должность)
1
1. Цели и задачи дисциплины, ее место в учебном процессе
1.1 Целью преподавания данной дисциплины является изучение основ HTML,
использование растровой, векторной и 3D-графики при создании Web-сайта,
1.2 Задачи изучения дисциплины: формирование практических умений и
навыков работы при создании Web-сайтов. Знание основ применения
графического дизайна для создания Web-сайтов
1.3 Дисциплина относится к циклу общепрофессиональных дисциплин
дополнительной профессиональной образовательной программы для
получения дополнительной квалификации «Специалист в области
компьютерной графики и Web- дизайна (Web-дизайнер)»
2. Требования к уровню освоения содержания дисциплины
Требования к уровню освоения содержания дисциплины сформулированы с
учетом государственных требований к минимуму содержания и уровню требований к
специалистам для получения дополнительной квалификации «Специалист в области
компьютерной графики и Web-дизайна (Web-дизайнер)»
Выпускник должен знать:
- основы векторной, растровой и 3D графики;
- основы дизайна при проектировании Web-сайта;
- типы, структуру и этапы создания Web-сайтов
- технологию Macromedia Flash;
Выпускник должен приобрести навыки и уметь:
- создавать элементы Web-сайта;
- разрабатывать и создавать Web-сайты;
- работать со звуком при проектировании Web-узлов.
3. Объем дисциплины и виды учебной работы
Вид учебной работы
Общая трудоемкость дисциплины
Аудиторные занятия
Лекции
Практические занятия (ПЗ)
Семинары (С)
Лабораторные работы (ЛР)
Самостоятельная работа
Курсовая работа
Вид итогового контроля (экзамен)
Всего часов
70
46
18
28
24
4. Содержание дисциплины
Семестры
2
4.1 Разделы дисциплины и виды занятий
№
Раздел дисциплины
1
Специфические особенности
использования программ
компьютерной графики для Web
(Adob PhotoShop и др.)
Трехмерная графика и анимация для
Web
Технология Macromedia Flash
Инструментальные средства для
создания и редактирования символов
клипов.
Создание кнопок, анимации, меню.
Управление клипами, вложение
клипов
Основы программирования
интерактивного взаимодействия с
клипами
Подключение клипов к HTMLстраницам, обеспечение
совместимости с различными
браузерами
Работа со звуком при
проектировании Web-узлов
2
3
4
5
6
7
8
9
Лекции
Практические
занятия
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
4.2 Содержание разделов дисциплины
Наименование тем лекций, их содержание и объем в часах (всего 18 часов).
4.2.1. Специфические особенности использования программ компьютерной
графики для Web (Adob PhotoShop и др.) (2 часа). Особенности графики для Web.
Цветовые модели. Цветовая палитра Web.
4.2.2. Трехмерная графика и анимация для Web (2 часа). ё
4.2.3. Технология Macromedia Flash (2 часа).
4.2.4. Инструментальные средства для создания и редактирования символов
клипов (2 часа).
4.2.5. Создание кнопок, анимации, меню (2 часа). Элементы пользовательского
интерфейса и формы. Кнопка, раскрывающийся список, текстовая область, блок
элементов, форма. Визуальные эффекты. Движение элементов. Рисование линий
4.2.6. Управление клипами, вложение клипов (2 часа).
4.2.7. Основы программирования интерактивного взаимодействия с клипами
(2 часа).
4.2.8. Подключение клипов к HTML-страницам, обеспечение совместимости
с различными браузерами. (2 часа).
4.2.9. Работа со звуком при проектировании Web-узлов(2 часа). Редакторы
цифрового звука. Вставка звука и видео. Фоновый звук.
4.3 Лабораторные работы
Содержание лабораторных работ, объем в часах (всего 28 часов).
3
4.3.1. Дизайн Web-сайтов. Типы сайтов (домашняя страничка, корпоративный
сайт, Internet-магазин, портал). Устройство сайта. Формат страницы. Заглавия и
заголовки. Навигация. Блоки текста. Позиционирование (4 часа).
4.3.2. Этапы создания сайта. Работа с заказчиком. Анализ существующих
сайтов. Проектирование сайта. Публикация сайта. Сопровождение.(4 часа).
4.3.3. Структура сайта. Композиция сайта. Контент. Визуал. Навигационная
панель. Главная страница (4 часа).
4.3.4. Особенности Web-дизайна. Формат сайта. Шрифт. Графика. Восприятие
Web-сайта. Web-дизайн и Flach (4 часа).
4.3.5. Web-графика. Техника. Функции. Приемы (4 часа).
4.3.6. Проект «Создание тематического Web-сайта». Оформление в виде
пояснительной записки. Анализ проектной ситуации. Выявление проблемы.
Определение круга пользователей и потребителей. Проектная концепция. Требования к
проекту сайта. Критерии оценки проекта (8 часов).
4.4 Самостоятельная работа студентов (содержание, объем)
всего 24 часов
Подготовка к лекционным и практическим занятиям - 18 часов. Подготовка к
зачету – 6 часов.
4.5 Курсовой проект – нет
4.6 Перечень вопросов к зачету по дисциплине:
1. Специфические особенности использования программ компьютерной графики для
Web Особенности графики для Web. Цветовые модели. Цветовая палитра Web.
2. Трехмерная графика и анимация для Web.
3. Технология Macromedia Flash.
4. Инструментальные средства для создания и редактирования символов клипов.
5. Создание кнопок, анимации, меню.
6. Визуальные эффекты. Движение элементов. Рисование линий
7. Управление клипами, вложение клипов.
8. Основы программирования интерактивного взаимодействия с клипами.
9. Подключение клипов к HTML-страницам, обеспечение совместимости с
различными браузерами.
10. Работа со звуком при проектировании Web-узлов.
11. Редакторы цифрового звука.
12. Вставка звука и видео.
13. Фоновый звук.
4.7 Примерная тематика Web- сайтов
по дисциплине:
1. Готический органический стиль
2. Табличный пиктографический стиль
3. Стиль «низкокачественный грандж»
4. Стиль бумажных пакетов
5. Мондриановский плакатный стиль
6. Цифровой панк-роковый стиль
7. Суперминиатюрный городской стиль
8. Стиль HTMинимаLизма
9. Стиль чертежей и моделей
10. Стиль 1950-х «Привет, Китти!»
4
5. Учебно-методические материалы по дисциплине
5.1 Рекомендуемая литература
Основная литература:
1. Дунаев В.В. Основы Web-дизайна. Самоучитель. – СПб.: БХВ-Петербург, 2006.
– 376 с.: цв. ил.
2. Кирсанов Д. Веб-дизайн: книга Дмитрия Кирсанова. – СПб.: Символ-Плюс,
2006. – 376 с.: цв. ил.
3. Клонингер К. Свежие стили Web-дизайна: как сделать из вашего сайта
«конфетку»: Пер. с англ. – М. : ДМК Пресс, 2002. – 224 с.
4. Леонтьев Б. К. Web-дизайн: Тонкости, хитрости и секреты. Полное руководство
пользователя. – М.: СОЛОН-Пресс, 2003. – 640 с.
5. Третьяк А.В., Кубарева Т.Л. Практикум Web-дизайна + CD. Преподавателю и
ученику. Графика в Photoshop. Создаем свой Web-сайт. Дистанционное
обучение. Элективные курсы. – М.: Солон, 2006. – 176 с.: ил
6. Туэмлоу Э. Графический дизайн. Фирменный стиль, новейшие технологии и
креативные идеи. – М. : АСТ, 2007. – 256 с.
7. Яцюк О. Основы графического дизайна на базе компьютерных технологий
(+CD). – М. : BHV-СПб, 2004. – 270 с.
Дополнительная литература:
1. Джон МакВейд. Дизайн страниц Before&After./ Пер. с англ. – М.: КУДИЦОБРАЗ, 2006. -272 с.: ил.
2. Кертис Х. Flash Web-дизайн. Опыт профессионалов. – М. : ДМК Пресс, 2003. –
256 с.
3. Леонтьев Б. К. Энциклопедия дизайна и графики на персональном компьютере. .
– М.: Новый издательский дом, 2004. – 1040 с.
4. Нестеренко О. И. Краткая энциклопедия дизайна, М.: Мол. Гвардия, 1994.
5. Птахова И. Простая красота буквы. С.-Пт., 1997.
6. Рожкова Н.Г., Данилов П.П., Шитов В.И. Графический дизайн и реклама на
компьютере: Краткое руководство. – М.: Издательский дом «Вильямс», 2006. –
320 с.: ил.
7. Кэмпел М. Разработка, дизайн, программирование, тестирование и раскрутка
Web-сайта: Пер. с англ. – М. : Триумф, 2007. – 480 с.
Периодические издания:
КомпьюАрт – журнал издательства «КомпьтерПресс».
КомпьюПринт – журнал издательства «МАКРОС-Принт».
Курсив – журнал издательства «Курсив».
Publish – журнал издательства «Открытые системы».
Журналы: «Дизайн», «Мир дизайна», «Дизайн, стиль, человек, эпоха».
1.
2.
3.
4.
5.
Сетевые ресурсы:
Перечень сайтов
1. http://www.avsi/com/avalanche/company/index.html
2. http://www.elliottdickens.com
3. http://www.ellottdickens.com/browser.cgi
5
4. http://www.finemagazine.com/fine1/music/torih.htm
5. http://www.prophetcomm.com/iconoclast/
6. http://www.metadesign.com
7. http://www.microsoft.com/license/opendrive/
8. http://www.supercede.com/prodserv/scfjava.html
9. http://www.wsp.ru
10. http://www.bdaweb.com
11. http://www.capstonestudio.com
12. http://www.books.ru
13. http://www.ideo.com/net3/ideo.htm
14. http://www.chess.idm.com/learn/html/e.html
15. http://www.tlg.com
16. http://www.verso.com
17. http://www.vivid.com
18. http://www.zn26.com
19. http://www.aiga.org
20. http://www.once-upon-a-forest.com
21. http://www.bauhaus.de
22. http://www.design-museum.de
23. http://www.requemforadream.com
24. http://www.titler.com
25. http://www.the5k.org
26. http://www.designgraphik.com
27. http://www.bmrc.berkley.edy/plus
28. http://www.avantcard.com.au
29. http://www.atlastmagasine.com
30. http://www.futurefarmers.com
5.2 Средства обеспечения освоение дисциплины
Компьютерные программы: Adobe PhotoShop, СorelDraw, Macromedia Flash.
Учебные и методические пособия, пакеты заданий для контроля знаний,
разработанные кафедрой по данной дисциплине; образцы продукции, альбомы,
рекламная продукция.
Материально-техническое обеспечение дисциплины:
Дисплейный класс и лаборатория, оснащенные персональными компьютерами на
базе процессора IntelPentium и мониторами с экраном 15-17” и выходом в Интернет.