МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ КАЗАХСТАН

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ КАЗАХСТАН
ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ имени ШАКАРИМА г. СЕМЕЙ
Документ СМК 3 уровня
УМКД
УМКД 042-39. 1.ХХ/012013
УМКД
Редакция №____от_____
Программа дисциплины
«WEB-дизайн и дизайн в
компьютерной графике»
для преподавателя
УЧЕБНО-МЕТОДИЧЕСКИИ КОМПЛЕКС
ДИСЦИПЛИНЫ
«WEB-ДИЗАЙН И ДИЗАЙН В КОМПЬЮТЕРНОЙ ГРАФИКЕ»
для специальности 6М0060200 – «Информатика »
ПРОГРАММА ДИСЦИПЛИНЫ ДЛЯ ПРЕПОДАВАТЕЛЯ
Семей2014
ПРЕДИСЛОВИЕ
1 РАЗРАБОТАНО
Составитель____________И.С.Мусатаева, к.п.н., и.о.доцента кафедры
Информатики и информационных технологий
«___» ____________ 2014 г.
ОБСУЖДЕНО
На заседании кафедры «Информатики и информационных технологий»
Протокол от «___» ___________ 2014г., №____
Заведующий кафедрой __________Берикханова Г.Е.
1.1 На
заседании
учебно-методического
математического факультета
бюро
физико-
Протокол от «____»____________2014г., №___
Председатель _____________К.А. Батырова
2 УТВЕРЖДЕНО
Одобрено и рекомендовано к изданию на заседании Учебнометодического совета университета
Протокол от «____»______________ 2014г., №___.
Председатель УМС _____________Г.К. Искакова
3 ВВЕДЕНО ВПЕРВЫЕ
СОДЕРЖАНИЕ
1
Область применения
2
Нормативные ссылки
3
Общие положения
4
Содержание учебной дисциплины (модуля)
5
Перечень тем для самостоятельной работы студентов
6
Учебно-методическая карта по дисциплине
7
Карта обеспеченности учебно-методической литературой
8
Литература
1 ОБЛАСТЬ ПРИМЕНЕНИЯ
Программа дисциплины для преподавателя, входящая в состав учебнометодического комплекса по дисциплине «WEB-ДИЗАЙН И ДИЗАЙН В
КОМПЬЮТЕРНОЙ ГРАФИКЕ», предназначена для магистрантов
специальности 6М0060200 – Информатика.
2 НОРМАТИВНЫЕ ССЫЛКИ
Настоящая программа дисциплины для преподавателя устанавливает порядок
организации учебного процесса по дисциплине «WEB-ДИЗАЙН И ДИЗАЙН
В КОМПЬЮТЕРНОЙ ГРАФИКЕ» в соответствии с требованиями и
рекомендациями следующих документов:
- Государственный общеобязательный стандарт образования
соответствующего уровня образования;
- Типовой учебный план специальности 6М060200 – Информатика.
- СТУ 042-ГУ-4-2013 Стандарт университета «Общие требования к
разработке и оформлению учебно-методических комплексов
дисциплин»;
- ДП 042-1.01-2013 Документированная процедура «Структура и
содержание учебно-методических комплексов дисциплин».
3 ОБЩИЕ ПОЛОЖЕНИЯ
3.1 Краткое содержание дисциплины:
Web-дизайн – это интересное, актуальное и востребованное
направление развития современных информационных технологий.
Необходимость
оформления
документов
для
их
последующего
использования пользователями локальных и глобальных сетей возникает
практически во всех областях деятельности человека.
В условиях интенсивного развития телекоммуникационных технологий
важным условием успешной работы выпускников является владение
основными технологиями оформления web-документов. Кроме того,
современный уровень развития сетевых технологий и средств компьютерной
графики уже не требует специальных глубоких знаний для подготовки Webдокументов, что упрощает работу дизайнера.
3.2 Цель изучения дисциплины: является ознакомление с основными
принципами и средствами создания дизайна Web-сайтов и освоение
практических приемов Web-программирования, а также получение
первоначальных навыков разработки дизайна web-ресурсов на основе
принципов разработки дизайна средствами компьютерной графики.
3.3 Основными задачами курса являются:
– иметь представление о современных Интернет-технологиях и
использовании их в своей разработке;
– освоить программный инструментарий, применяемый для разработки
и создания Web-сайтов;
– выявить и учесть методы и способы представления на Web-страницах
различных видов информации, не препятствующие их доступности;
– ознакомиться с основными правилами и рекомендациями по
разработке и созданию Web-сайтов;
– определить структуру и основные компоненты дизайна Web-страниц;
– выбрать стратегию разработки и создания Web-сайта на основе
дизайна средствами компьютерной графики.
3.4 Результаты обучения:
В результате изучения дисциплины магистрант должен:
- знать технику "оживления" html-страниц средствами javascript,
основы создания Web-сайтов, используя программные продукты Adobe CS
3: редактор языка HTML AdobeDreamWeaver и анимационного редактора
AdobeFlash;
- владеть навыками создания интерактивных анимационных flashроликов для использования в web-дизайне, баннеров, flash-презентаций
высокого качества;
- усвоить азы HTML-кода;
- уметь
создавать
web-приложения,
размещать
на
сайте
дополнительные блоки, такие как графические изображения, Flash-баннеры и
др, размещать сайт в сети Интернет.
3.5 Пререквизиты курса:
3.6 Для усвоения предмета магистранты должны владеть знаниями
курса «Информатика», «Компьютерная графика».
.
3.7 Постреквизиты курса:
-подготовка к защите магистерской диссертации
Набор знаний, умений и навыков, используемых для освоения
последующих
дисциплин:
Webпрограммирование
в
PHP
и
др.профилирующих.
3.8 Выписка из рабочего плана:
Курс Семестр Кредиты ЛК
ПР
час час
2
1
3
15
30
СРО
час
90
Всего Форма
часов итогового
контроля
135
экзамен
СОДЕРЖАНИЕ УЧЕБНОЙ ДИСЦИПЛИНЫ (МОДУЛЯ)
Наименование тем и их содержание
Количество
часов
1
2
Лекционные занятия
Введение. Цель, предмет и задачи курса. Основные термины и
1
определения.
Обзор программных продуктов для создания Web-страниц и
1
подготовки графики. Сравнительная характеристика,
достоинства и недостатки.
Визуальные средства Web-верстки. Сравнительная
1
характеристика, достоинства и недостатки. Необходимость
использования визуальных средств при разработке дизайна
сайта.
Язык разметки гипертекста и структура html-документа
1
Инструментальные средства для ввода и редактирования html1
документов
Создание web-проекта с помощью мастера web страниц и
1
msword
Общие сведения о структуре HTML документа. Понятие тега.
1
Спецификации HTML. Поддержка тегов разными браузерами.
Использование графики в HTML документе. Способы хранения
1
изображений .Используемые графические форматы. Создание
анимированных GIF-файлов
Использование таблиц для структурирования данных в HTML
1
документе. Возможности форматирования таблиц. Вложенные
таблицы
Понятие фрейма. Области применения фреймов. Плавающие
1
фреймы. Недостатки использования фреймовой структуры.
Каскадные таблицы стилей. Модель форматирования.
1
применение таблиц стилей
Применение html для описания веб-документа
1
1
Правила и основные этапы разработки сайта.
Последовательность разработки сайта.
Создание интерактивных html-документов
1
Виды сайтов. Требования, предъявляемые к сайту в
1
зависимости от его направленности. Стандартные элементы
навигации. Представления о композиции сайта.
Практические занятия
Выработка контента (содержимого) WEB-сайта
1
Разработка структуры Web-сайта.
1
Создание WEB-сайта с использованием редактора Publisher.
2
4
Создание WEB-сайта с использованием редактора FrontPage.
Создание WEB-сайта с использованием редактора NVU
Создание html-страниц средствами КГ
Создания интерактивных анимационных flash-роликов
Создание персональногоWEB-сайта.
Размещение WEB-сайта в Интернет.
4
5
5
5
5
2
5
ПЕРЕЧЕНЬ ТЕМ ДЛЯ САМОСТОЯТЕЛЬНОЙ РАБОТЫ
МАГИСТРАНТОВ
5.1 История создания и развития информационных ресурсов и технологий
5.2 Обзор программных средств для создания Web-сайтов
5.3 Использование графики в HTMLдокументе. Способы хранения
изображений.
Используемые
графические
форматы.
Создание
анимированных GIF-файлов.
5.4 Обзор программных продуктов для создания Web-страниц и
подготовки графики. Сравнительная характеристика, достоинства и
недостатки.
5.5 Создание Web-страниц при помощи пакета Microsoft Office
5.6 Возможности и преимущества программы FrontPage
5.7 Редактор языка HTML AdobeDreamWeaver
УЧЕБНО-МЕТОДИЧЕСКАЯ КАРТА ПО ДИСЦИПЛИНЕ
3
Выработка
контента
(содержимого
) WEB-сайта.
Обзор
программных
продуктов для
создания Webстраниц и
подготовки
графики.
Сравнительная
характеристика,
достоинства и
недостатки.
Визуальные
средства Webверстки.
Сравнительная
характеристика,
достоинства и
недостатки.
Необходимость
использования
визуальных
средств при
разработке
дизайна сайта.
Разработка
структуры
Web-сайта.
Создание
WEB-сайта с
использование
м редактора
Publisher.
Вопросы для
самостоятельного
изучения
Форм
а
контр
оля
5
История создания
и
развития
информационных
ресурсов
и
технологий
6
Обзор
программных
средств
для
создания
Webсайтов
Использование
графики в HTML
документе.
Способы
хранения
изображений.
Используемые
графические
форматы.
Создание
анимированных
GIF-файлов.
конспект
1
Введение. Цель,
предмет и задачи
курса. Основные
термины и
определения.
Наглядны
е
пособия,
ТСО,
плакаты,
стенды
4
Презента
ции,
интеракти
вная
доска,
раздаточн
ый
материал
Эссе
Тема
Лекционного
Практические
занятия
занятия
конспект
6
Инструментальны
е средства для
ввода и
редактирования
html-документов
Создание webпроекта с помощью
мастера web
страниц и msword
Общие сведения о
структуре HTML
документа.
Понятие тега.
Спецификации
HTML. Поддержка
тегов разными
браузерами.
Использование
графики в HTML
документе.
Способы хранения
изображений
.Используемые
графические
форматы.
Создание
анимированных
GIF-файлов
Создание
WEB-сайта с
использование
м редактора
NVU
Создание
html-страниц
средствами
КГ
Создания
интерактивны
х
анимационны
х flashроликов
Создание
персонального
WEB-сайта.
Обзор
программных
продуктов
для
создания
Webстраниц
и
подготовки
графики.
Создание Webстраниц при
помощи пакета
Microsoft Office.
Возможности
и
преимущества
программы
FrontPage
Редактор языка
HTML AdobeDrea
mWeaver
6
конспект
Создание
WEB-сайта с
использование
м редактора
FrontPage.
5
ресурс
Язык разметки
гипертекста и
структура htmlдокумента
4
ресурс
3
конспект
1
1
Использование
таблиц для
структурирования
данных в HTML
документе.
Возможности
форматирования
таблиц.
Вложенные
таблицы
Понятие фрейма.
Области
применения
фреймов.
Плавающие
фреймы.
Недостатки
использования
фреймовой
структуры.
Каскадные
таблицы стилей.
Модель
форматирования.
применение
таблиц стилей
Применение html
для описания вебдокумента
Правила и
основные этапы
разработки сайта.
Последовательнос
ть разработки
сайта.
Создание
интерактивных
html-документов
3
Размещение
WEB-сайта в
Интернет.
4
5
6
Виды сайтов.
Требования,
предъявляемые к
сайту в
зависимости от его
направленности.
Стандартные
элементы
навигации.
Представления о
композиции сайта.
7
КАРТА ОБЕСПЕЧЕННОСТИ УЧЕБНО-МЕТОДИЧЕСКОЙ
ЛИТЕРАТУРОЙ
Наименование учебников,
Количество
Количество
Процент
учебно-методических
экземпляров
студентов
обеспеченности
пособий
1
2
3
4
7. ЛИТЕРАТУРА
Основная
1. Аладьев В.З., Хунт Ю.Я. Основы информатики.- М., 1999
2. Рахматуллина З.Т. MacromediaFlash Методическое пособие. – Семей:
Интеллект, 2009
Дополнительная
1. Коцюбинский А.О., Грошев С.В. Современный самоучитель работы в сети
Интернет. Быстрый старт: Практическое пособие. – М.: Издательство ТРИУМФ,
1997
2. Фок Б. Internet с самого начала, 1-ое издание. – С-Пб.: Издательство
ПИТЕР, 2000
3. Интернет. Энциклопедия, 2-е издание. Под редакцией Мелиховой Л.Г. С-Пб.:
Издательство ПИТЕР, 2000
4. Соломенчук В. Интернет: краткий курс, 2-е изд. С-Пб.: Издательство Питер,
2000
5. Шафрин Ю.А. Информационные технологии. 10-11 кл. – М: Издательство
Лаборатория базовых знаний, 1999
6. Кирсанов Д. Веб-дизайн: Книга Дмитрия Кирсанова. – СПб.: СимволПлюс, 1999
7. Метьюс М., Полсен Э. FrontPage 2000 для пользователя. – К.:
Издательская группа BHV, 2000
8. Бурлаков М.В. Самоучитель Macromedia FlashMX / М. В. Бурлаков. СПб.: БХВ-Петербург, 2003.
9. ДроновВ. Macromedia Flash MX. Экспресс курс / В. Дронов.-СПб: БХВПетербург, 2003.
10.
Черкасский В. Т. Эффективная анимация во Flash / В. Т. Черкасский. -М.: КУДИЦ-ОБРАЗ, 2001.
11.
Переверзев С. И. Macromedia Flash в школе / С. И. Переверзев//
Информатика и образование. - 2004. - №4. - С. 76-83.
12.
Китинг Д. FlashMX. Искусство создания web-сайтов / Д. Китинг.
- СПб: ДиаСофтЮП, 2003.