Министерство образования и науки Российской Федерации
Федеральное агентство по образованию
ГОУ ВПО «Магнитогорский государственный технический университет
им. »
УТВЕРЖДАЮ: Декан факультета повышения
квалификации и профессиональной переподготовки специалистов
_________________
“___”_____________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 Целью преподавания данной дисциплины является изучение основ 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. Содержание дисциплины
4.1 Разделы дисциплины и виды занятий
№ | Раздел дисциплины | Лекции | Практические занятия |
1 | Специфические особенности использования программ компьютерной графики для Web (Adob PhotoShop и др.) | * | |
2 | Трехмерная графика и анимация для Web | * | * |
3 | Технология Macromedia Flash | * | * |
4 | Инструментальные средства для создания и редактирования символов клипов. | * | * |
5 | Создание кнопок, анимации, меню. | * | * |
6 | Управление клипами, вложение клипов | * | * |
7 | Основы программирования интерактивного взаимодействия с клипами | * | * |
8 | Подключение клипов к HTML-страницам, обеспечение совместимости с различными браузерами | * | * |
9 | Работа со звуком при проектировании Web-узлов | * | * |
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 часов).
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 - сайтов
по дисциплине:
Готический органический стиль Табличный пиктографический стиль Стиль «низкокачественный грандж» Стиль бумажных пакетов Мондриановский плакатный стиль Цифровой панк-роковый стиль Суперминиатюрный городской стиль Стиль HTMинимаLизма Стиль чертежей и моделей Стиль 1950-х «Привет, Китти!»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 с.
Периодические издания:
1. КомпьюАрт – журнал издательства «КомпьтерПресс».
2. КомпьюПринт – журнал издательства «МАКРОС-Принт».
3. Курсив – журнал издательства «Курсив».
4. Publish – журнал издательства «Открытые системы».
5. Журналы: «Дизайн», «Мир дизайна», «Дизайн, стиль, человек, эпоха».
Сетевые ресурсы:
Перечень сайтов
1. http://www. avsi/com/avalanche/company/index. html
2. http://www.
3. http://www. /browser. cgi
4. http://www. /fine1/music/torih. htm
5. http://www. /iconoclast/
6. http://www.
7. http://www. microsoft. com/license/opendrive/
8. http:///prodserv/scfjava. html
9. http://www. wsp. ru
10. http://www.
11. http://www.
12. http://www. books. ru
13. http://www. /net3/ideo. htm
14. http://www. chess. /learn/html/e. html
15. http://www.
16. http://www.
17. http://www.
18. http://www. zn26.com
19. http://www. aiga. org
20. http://www.
21. http://www. bauhaus. de
22. http://www. design-museum. de
23. http://www.
24. http://www.
25. http://www. the5k. org
26. http://www.
27. http://www. bmrc. berkley. edy/plus
28. http://www. . au
29. http://www.
30. http://www.
5.2 Средства обеспечения освоение дисциплины
Компьютерные программы: Adobe PhotoShop, СorelDraw, Macromedia Flash.
Учебные и методические пособия, пакеты заданий для контроля знаний, разработанные кафедрой по данной дисциплине; образцы продукции, альбомы, рекламная продукция.
Материально-техническое обеспечение дисциплины:
Дисплейный класс и лаборатория, оснащенные персональными компьютерами на базе процессора IntelPentium и мониторами с экраном 15-17” и выходом в Интернет.
