Приведенные в таблице сокращения обозначения педагогических методов используются составителем Рабочей программы для заполнения п.п. 2.1., 2.2. и 2.3. в столбце «Методы».
Аудиторные занятия (лекции, лабораторные, практические, семинарские) – очная форма обучения
Неделя
|
Кол. час
|
в том числе в интерактивной форме, час.
|
Вид занятия, модуль, тема и краткое содержание
|
Методы
|
Реализуемые компетенции
|
|
|
|
Очная форма обучения
|
|
|
|
|
|
Лекции
|
|
|
1-12
|
30
|
6
|
Модуль 1 «Основные понятия Web-дизайна»
|
П,Д,Э
|
ПК-18,
ПК-29
|
1-2
|
4
|
1
|
Тема «Web-дизайн: структура и содержание»:
Отличительные особенности Интернет. Структура Интернет. Передача информации в Интернет: цифровой адрес, доменная адресация. Информационные ресурсы Интернет. Информационная сеть WWW. Структура и содержание web-дизайна. Классификация web-сайтов. Классификация технологий для создания web-сайтов. Информационная архитектура web-сайта: логическая и физическая структуры, статичная и динамичнеа информационные системы. Глобальная навигация. Браузеры. (л.р.1)
|
П,Д,Э
|
ПК-18,
ПК-29
|
3-4
|
4
|
1
|
Тема «Дизайн web-сайта. Теория композиции»
Художественные средства композиции. Понятие формальной композиции. Виды композиций: статичная и динамичная. Графика: точка, линия, пятно. Пластика: линейно-пластическая форма, плоскостная форма (текстура, фактура, рельеф). Средства гармонизации художественной формы: нюанс-контраст, статика-динамика, симметрия-ассиметрия, метр-ритм, отношения-пропорции, размер-масштаб. Блочная композия web-сайта. Анализ композиции шаблонов web-сайтов. Применение средств композиции и гармонизации художественной формы в композиции web-сайта. (л.р.2)
|
П,Д,Э
|
ПК-18,
ПК-29
|
5-6
|
4
|
1
|
Тема «Дизайн web-сайта. Теория цвета»
Основные понятия цветоведения (колористики). Цветовой круг. Цветовые модели. Хроматические и ахроматические цвета. Цветовой тон, светлота, насыщенность, теплые и холодные цвета, контрастные и родственные цвета. Эмоциональное воздействие цвета. Цвет в web. Цветовые стили дизайна web-сайта. Выбор цветовой гаммы web-сайта в зависимости от назначения и тематики сайта. (л.р.3)
|
П,Д,Э
|
ПК-18,
ПК-29
|
7-8
|
4
|
1
|
Тема «Компьютерная графика и web-дизайн: Adobe Photoshop»
Особенности оптимизации изображений для web. Безопасная цветовая палитра. Алгоритмы сжатия JPEG и GIF. Создание шаблона web-сайта и основных графических элементов web-страниц в редакторе Adobe Photoshop. Сохранение изображения для web. Форматы хранения графических изображений для web. (л.р.4)
|
П,Д,Э
|
ПК-18,
ПК-29
|
9-10
|
6
|
1
|
Тема «Компьютерная графика и web-дизайн: CorelDRAW»
Возможности CorelDRAW для создания основных графических элементов web-страниц. Экспорт векторных форматов в растровые. (л.р.5)
|
П,Д,Э
|
ПК-18,
ПК-29
|
11-12
|
8
|
1
|
Тема «Мультимедиа в web-дизайне"
Роль анимации в web-дизайне. Понятие подключаемого программного модуля. Понятие динамического HTML (DHTML). Обзор программного обеспечения для создания анимации. Возможности работы с Adobe Flash. Стандартные размеры баннеров. Принципы создания анимации. Включение в web-сайт flash-анимации.
Вопросы совместимости видео в web.
Рекомендации по использованию звука в Internet. Форматы звуковых файлов для web. Включение звука в web-страницу. Встраивание видео на web-страницу. (л.р.6-7)
|
П,Д,Э
|
ПК-18,
ПК-29
|
13-16
|
24
|
3
|
Модуль 2 «Технологии создания и продвижения Web-сайта»
|
П, Д,Э, ПБ
|
ПК-18,
ПК-29
|
13
|
6
|
1
|
Тема «Технологии создания web-сайта. Статические технологии»
Создание сайта в WYSIWYG-редакторе: работа с web-страницами. Вставка текста и графических изображений, создание гиперссылок. Табличный дизайн. Использование шаблонов. Анимация элементов web-страниц. Работа с формами. Создание сайта с помощью языка разметки HTML и Dreamweaver.
Создание сайта в CMS Joomla: Установка Joomla на локальный сервер. Создание меню, разделов, категорий, материалов. Установка дополнительных шаблонов, компонентов. Заполнение страниц информацией.
Понятия PHP, Java-script, MySQL, WML-сайт. технология "Ajax" (л.р.8-13)
|
П, Д,Э, ПБ
|
ПК-18,
ПК-29
|
14
|
4
|
1
|
Тема «Юзабилити web-сайта»
Организация навигации с точки зрения удобства пользователя. Организация визуальной иерархии и текстовой информации на web-сайте. Тестирование сайта на определение хорошей веб-навигации. Анализ «правильной» и «неправильной» web-навигации. (л.р.14)
|
П, Д,Э, ПБ
|
ПК-18,
ПК-29
|
15
|
8
|
|
Тема «Продвижение web-сайта в сети Интернет»
Технология размещения на платном хостинге. Бесплатные хостинги для размещения сайтов. Преимущества и недостатки размещения web-сайта на бесплатном хостинге.
Оптимизация содержания сайта. Понятие семантического ядра сайта. Принципы подбора ключевых слов, подготовка web-документа для индексирования поисковыми роботами. Понятие релевантности web-документа.
Понятие Индекса Цитирования Яндекса и PageRank. Файл robots.txt, его назначение, правила записи.
Технология регистрации сайтов в поисковых системах и установки баннеров поисковых систем на web-сайт. Технология регистрация сайта в системах статистики и установки баннеров систем статистики на web-сайт. (л.р.15)
|
П, Д,Э, ПБ
|
ПК-18,
ПК-29
|
16
|
6
|
1
|
Тема «Рекламный дизайн»
Общие понятия о рекламном дизайне. История и теория рекламной деятельности. Копирайт. Креатив и проблемы визуализации. Графический дизайн и его место в рекламе. Фокус – группа. Оценка и прогнозирование работы дизайнера.
|
П, Д,Э, ПБ
|
ПК-18,
ПК-29
|
|
|
|
Лабораторные занятия
|
|
|
1-10
|
30
|
3
|
Модуль 1 «Основные понятия Web-дизайна»
|
ПГ
|
ПК-18,
ПК-29
|
1
|
4
|
1
|
Лабораторная работа 1. Основные Интернет-технологии и инструментальные средства Web-дизайна. Практическое введение в HTML. Обзор основных Интернет-технологий, которые используются в современном Web-дизайне. Назначение и структуру языка HTML, которые используется в настоящее время для создания большинства Web-страниц и Web-сайтов. Знакомство с Web-редактором Macromedia Dreamweaver MX2004 и CMS Joomla.
|
ПГ
|
ПК-18,
ПК-29
|
2
|
4
|
1
|
Лабораторная работа 2 . Базовый HTML. Создать не менее 6 статических HTML-страниц, в которых будет представлен список товаров (не менее 10 видов) в соответствии с вариантом задания. Задания по страницам:
Общая структура страниц должна состоять из двух фреймов. В одном фрейме будет меню. В другом должна выводиться соответствующая информация.
Титульная страница должна содержать в верхней части графическое меню, в нижней должны выводиться разделы товара.
Необходима страница, содержащая информацию о фирме и ее реквизитах.
Необходима страница, содержащая данные о товаре, у которого возможен просмотр.
Страницы должны содержать графические изображения выбранных товаров, различные виды списков, таблицы и листы стилей для оформления.
Варианты заданий:
Компьютерный магазин.
Магазин "Одежда".
Нефтяная компания.
Автотранспортное предприятие.
Студия WEB-дизайна.
Строительная компания.
Магазин "Продукты".
Косметический салон.
Фитнесс-клуб.
Туристическая компания.
Аптека.
Авторемонтное предприятие.
|
ПГ
|
ПК-18,
ПК-29
|
3
|
2
|
|
Лабораторная работа 3. Подготовка текстовой информации. Гиперссылки.
Одним из самых важных этапов создания сайта является подготовка текстов. В Web-дизайне различают логическое и физическое форматирование. Hазличные приемы форматирования текста в программе Dreamweaver.
|
ПГ
|
ПК-18,
ПК-29
|
4
|
2
|
|
Лабораторная работа 4. Web-графика: оптимизация, создание интерактивных кнопок, Gif-анимация. Приемы подготовки графических изображений для Web-страниц:
- оптимизировать графику так, чтобы при сохранении приемлемого качества, размер графического файла был минимальным;
- создавать кнопки меню, которые меняют свой вид при наведении на них указателя мыши;
- создавать GIF-анимацию средствами Adobe ImageReady CS.
- разрабатывать макет страницы и проводить его нарезку.
В лабораторной работе используются графические редакторы как Adobe Photoshop, Adobe Image Ready и Macromedia Fireworks.
|
ПГ
|
ПК-18,
ПК-29
|
5
|
2
|
|
Лабораторная работа 5. Таблицы в Web-дизайне. Шаблоны. Для размещения элементов на странице используются таблицы. Структура таблицы на языке HTML и приемы форматирования таблицы в программе Dreamweaver. Разработка табличной структуры страницы и сборке нарезанного в Photoshop макета страницы.
|
ПГ
|
ПК-18,
ПК-29
|
6
|
2
|
1
|
Лабораторная работа 6. Создание информационной структуры в системе управления контентом «Joomla!» на примере веб-сайта.
|
ПГ
|
ПК-18,
ПК-29
|
7
|
2
|
|
Лабораторная работа 7. Технология CSS. Использование каскадных таблиц стилей (CSS) отличает профессиональный сайт от любительского. CSS – это основное средство «украшения» Web-страниц. Создание и применение стилей для различных элементов на странице, изменение цвет полосы прокрутки, создание различные типы рамок вокруг элементов.
|
ПГ
|
ПК-18,
ПК-29
|
8
|
4
|
|
Лабораторная работа 8. Технология фреймов. Публикация, регистрация и поддержка сайта. Технология фреймов применяется тогда необходимо зафиксировать на странице некоторые элементы (кнопки, шапку и т.п.), а основной текст страницы имел собственную полосу прокрутки. Рассмотрим как опубликовать сайт в сети Интернет, проводить его поддержку и раскрутку.
|
ПГ
|
ПК-18,
ПК-29
|
9
|
4
|
|
Лабораторная работа 9. Интерактивные эффекты на Web-страницах (часть 1). Java-апплет. Приемы «оживления» страницы. Создание фотогалереи (когда при щелчке на фотографии, увеличенная ее копия открывается в отдельном окне), изменение текста в строке состояния браузера и использование на своих страницах Java-апплеты.
|
ПГ
|
ПК-18,
ПК-29
|
10
|
6
|
|
Лабораторная работа 10. Интерактивные эффекты на Web-страницах (часть 2). Java-script. Создание выпадающего меню. Для создания интерактивных эффектов на Web-страницах используется язык Javascript. Программирование. Приспособление уже готового Javascript-код к своим страницам. Реализация выпадающее меню, не написав при этом ни строчки кода.
|
ПГ
|
ПК-18,
ПК-29
|
11-16
|
24
|
6
|
Модуль 2 «Технологии создания и продвижения Web-сайта»
|
ПГ
|
ПК-18,
ПК-29
|
11
|
2
|
1
|
Лабораторная работа 11. Серверные технологии. Формы. Отправка формы на e-mail. PHP. SSI. На Web-страницах для обеспечения обратной связи с посетителями используется специальные элементы – HTML-формы. Написание скрипта, с помощью проводиться опрос посетителей сайта. Создание ленты новостей.
|
ПГ
|
ПК-18,
ПК-29
|
12
|
2
|
1
|
Лабораторная работа 12. Технология Flash. Создание анимированного меню для Web-страниц. Технология Flash применяется для создания как отдельных элементов Web-страниц, так и целых сайтов. Создание анимационной навигационной панели для сайта.
|
ПГ
|
ПК-18,
ПК-29
|
13
|
4
|
1
|
Лабораторная работа 13. Игра на JavaScript для двух игроков.
Общие требования:
Подсчет очков и вывод их по завершению игры.
Ведение таблицы победителей Cookie. Отображение таблицы и просмотр результатов.
Подсчет времени игры.
Изменение различных настроек игры.
Изменение уровней сложности.
Все варианты игр не включают в себя написание интеллектуального программного кода. Если игра для двух игроков, то предполагается, что будут играть два человека, а не человек с компьютером.
Варианты заданий:
Тетрис.
Lines.
Пятнашки.
Крестики-нолики.
Червяк и яблоки. По игровому полю ползает червяк, который при съедании яблока увеличивается в размерах. Сложность игры определяется количеством препятствий и разными объектами поедания.
Ралли. Внизу игрового поля влево, вправо двигается машина, а на нее надвигается дорога с препятствиями.
Охота (на попадание мышкой по мишеням). В пределах игрового поля в разных местах появляется мишень, а игрок должен по ней попасть курсором. Сложность определяется скоростью появления и количеством мишеней.
Однорукий бандит.
Виселица. Должна быть введена база начальных слов. При неудачном угадывании строится виселица.
Galaxian. По экрану двигается группа объектов, они перемещаются влево, вправо и вниз. Внизу игрового поля двигается пушка, выстрелами которой нужно сбить все объекты. Сложность определяется скоростью перемещения и приближения объектов.
Поле чудес. Должна быть заполнена база вопросов и ответов.
Морской бой.
Балда. Необходима начальная база слов. При введении слова, которое отсутствует в базе, должен задаваться запрос о разрешении добавить его в базу.
Минер. Левой кнопкой мыши открываем клетку. Правой - помечаем мину.
Тетрис с шариками. В стакан падают группы из трех шариков одного цвета.
Packman. Герой двигается и поедает точки. Ему должны мешать препятствия и другие герои.
Уголки.
Пасьянс.
TOPPLER. Отправлять кружки с пивом по 2-8(сложность) стойкам, по которым приближаются жаждущие (скорость движения и количество нарастает).
FILLER. Начальное квадратное поле заполнено разноцветными квадратиками. Поочередно два(четыре) игрока выбирают цвет. Все примыкающие к соответствующему углу квадратики прошлого цвета становятся выбранного. Побеждает тот, кто захватил поле больше других.
Морской бой.
Rally.
|
ПГ
|
ПК-18,
ПК-29
|
14
|
2
|
1
|
Лабораторная работа 14. Работа с PHP. Создать базу товаров и услуг на MySQL. Сделать возможным изменение и добавление товара, изменение характеристик, описания и цены товара. База должна быть наполнена информацией. Не менее 5 примеров. Сделать сортировку данных по выбранному полю без перезагрузки страницы, используя технологию "Ajax". Сделать поиск данных по заданной подстроке. Добавить в меню пункт настройки отображения страницы (цвет заголовков и документа).
|
ПГ
|
ПК-18,
ПК-29
|
15
|
2
|
|
Лабораторная работа 15. WML-сайт. Тематика WML-сайта соответствует вашему заданию. Сайт состоит из трех страниц. Первая описание возможностей и переход на две другие. На второй организовать ввод запроса и отправку на обработку. Реализовывать обработку не нужно. На третьей организовать контактную информацию.
|
ПГ
|
ПК-18,
ПК-29
|
16
|
2
|
1
|
Лабораторная работа 16. Редактор растровой графики Adobe Photoshop: инструменты выделения и рисования, фильтры, трюки и спецэффекты. Базовые операции при редактировании изображений. Текстовые эффекты. Создание текстур. Эффекты имитации. Создание рамок. Имитация объёма. Школа высшего мастерства.
|
ПГ
|
ПК-18,
ПК-29
|
17
|
2
|
|
Лабораторная работа 17. Редактор векторной графики Corel Draw: инструменты выделения и рисования, докеры, трансформация объектов. Инструменты выделения и рисования. Докер «Форма». Докер «Трансформация». Создание рисунков». Трансформация контуров. Ребусы. Создание сложных рисунков. Заливка текстурой. Использование текста. Создание сложных эффектов. Экспорт изображений.
|
ПГ
|
ПК-18,
ПК-29
|
18
|
2
|
1
|
Лабораторная работа 18. Основы работы с Macromedia Flash MX. Базовые операции при редактировании изображений. Покадровая анимация. Анимация движения. Совмещение покадровой и автоматической анимации. Автоматическая анимация трансформации объекта. Создание фона. Направляющие. Маскирование слоев. Создание и редактирование символа. Создание кнопок. Создание клипов. Управление воспроизведением фильма. Переход по заданному URL. Загрузка дополнительных фильмов. Создание сценария для кадра. Создание сценария для клипа. Игра «Морской бой.
|
ПГ
|
ПК-18,
ПК-29
|
19
|
2
|
|
Лабораторная работа 19. SEO-оптимизация.
|
ПГ
|
ПК-18,
ПК-29
|
Аудиторные занятия (лекции, лабораторные, практические, семинарские) - заочная форма обучения, срок подготовки 5 лет
Неделя
|
Кол. час
|
в том числе в интерактивной форме, час.
|
Вид занятия, тема и краткое содержание
|
Методы
|
Реализуемые компетенции
|
|
|
|
Лекционные занятия
|
|
|
|
4
|
|
Тема «Web-дизайн: структура и содержание»:
Отличительные особенности Интернет. Структура Интернет. Передача информации в Интернет: цифровой адрес, доменная адресация. Информационные ресурсы Интернет. Информационная сеть WWW. Структура и содержание web-дизайна. Классификация web-сайтов. Классификация технологий для создания web-сайтов. Информационная архитектура web-сайта: логическая и физическая структуры, статичная и динамичнеа информационные системы. Глобальная навигация. Браузеры.
|
П,Д,Э
|
ПК-18,
ПК-29
|
|
4
|
|
Тема «Дизайн web-сайта. Теория композиции»
Художественные средства композиции. Понятие формальной композиции. Виды композиций: статичная и динамичная. Графика: точка, линия, пятно. Пластика: линейно-пластическая форма, плоскостная форма (текстура, фактура, рельеф). Средства гармонизации художественной формы: нюанс-контраст, статика-динамика, симметрия-ассиметрия, метр-ритм, отношения-пропорции, размер-масштаб. Блочная композия web-сайта. Анализ композиции шаблонов web-сайтов. Применение средств композиции и гармонизации художественной формы в композиции web-сайта.
Тема «Дизайн web-сайта. Теория цвета»
Основные понятия цветоведения (колористики). Цветовой круг. Цветовые модели. Хроматические и ахроматические цвета. Цветовой тон, светлота, насыщенность, теплые и холодные цвета, контрастные и родственные цвета. Эмоциональное воздействие цвета. Цвет в web. Цветовые стили дизайна web-сайта. Выбор цветовой гаммы web-сайта в зависимости от назначения и тематики сайта.
|
П, Д, Э, ПБ
|
ПК-18,
ПК-29
|
|
|
|
Лабораторные занятия
|
|
|
|
2
|
|
Лабораторная работа 1. Редактор векторной графики Corel Draw: инструменты выделения и рисования, докеры, трансформация объектов. Инструменты выделения и рисования. Докер «Форма». Докер «Трансформация». Создание рисунков». Трансформация контуров. Ребусы. Создание сложных рисунков. Заливка текстурой. Использование текста. Создание сложных эффектов. Экспорт изображений.
|
ПГ
|
ПК-18,
ПК-29
|
|
2
|
|
Лабораторная работа 2. Основы работы с Macromedia Flash MX. Базовые операции при редактировании изображений. Покадровая анимация. Анимация движения. Совмещение покадровой и автоматической анимации. Автоматическая анимация трансформации объекта. Создание фона. Направляющие. Маскирование слоев. Создание и редактирование символа. Создание кнопок. Создание клипов. Управление воспроизведением фильма. Переход по заданному URL. Загрузка дополнительных фильмов. Создание сценария для кадра. Создание сценария для клипа. Игра «Морской бой.
|
ПГ
|
ПК-18,
ПК-29
|
|
4
|
|
Лабораторная работа 3. Редактор растровой графики Adobe Photoshop: инструменты выделения и рисования, фильтры, трюки и спецэффекты. Базовые операции при редактировании изображений. Текстовые эффекты. Создание текстур. Эффекты имитации. Создание рамок. Имитация объёма. Школа высшего мастерства.
|
ПГ
|
ПК-18,
ПК-29
|
Аудиторные занятия (лекции, лабораторные, практические, семинарские) - заочная форма обучения, срок подготовки 3 года 6 месяцев
Неделя
|
Кол. час
|
в том числе в интерактивной форме, час.
|
Вид занятия, тема и краткое содержание
|
Методы
|
Реализуемые компетенции
|
|
|
|
Лекционные занятия
|
|
|
|
2
|
|
Тема «Web-дизайн: структура и содержание»:
Отличительные особенности Интернет. Структура Интернет. Передача информации в Интернет: цифровой адрес, доменная адресация. Информационные ресурсы Интернет. Информационная сеть WWW. Структура и содержание web-дизайна. Классификация web-сайтов. Классификация технологий для создания web-сайтов. Информационная архитектура web-сайта: логическая и физическая структуры, статичная и динамичнеа информационные системы. Глобальная навигация. Браузеры.
|
П,Д,Э
|
ПК-18,
ПК-29
|
|
2
|
|
Тема «Дизайн web-сайта. Теория композиции»
Художественные средства композиции. Понятие формальной композиции. Виды композиций: статичная и динамичная. Графика: точка, линия, пятно. Пластика: линейно-пластическая форма, плоскостная форма (текстура, фактура, рельеф). Средства гармонизации художественной формы: нюанс-контраст, статика-динамика, симметрия-ассиметрия, метр-ритм, отношения-пропорции, размер-масштаб. Блочная композия web-сайта. Анализ композиции шаблонов web-сайтов. Применение средств композиции и гармонизации художественной формы в композиции web-сайта.
Тема «Дизайн web-сайта. Теория цвета»
Основные понятия цветоведения (колористики). Цветовой круг. Цветовые модели. Хроматические и ахроматические цвета. Цветовой тон, светлота, насыщенность, теплые и холодные цвета, контрастные и родственные цвета. Эмоциональное воздействие цвета. Цвет в web. Цветовые стили дизайна web-сайта. Выбор цветовой гаммы web-сайта в зависимости от назначения и тематики сайта.
|
П, Д, Э, ПБ
|
ПК-18,
ПК-29
|
|
|
|
Лабораторные занятия
|
|
|
|
2
|
|
Лабораторная работа 1. Редактор векторной графики Corel Draw: инструменты выделения и рисования, докеры, трансформация объектов. Инструменты выделения и рисования. Докер «Форма». Докер «Трансформация». Создание рисунков». Трансформация контуров. Ребусы. Создание сложных рисунков. Заливка текстурой. Использование текста. Создание сложных эффектов. Экспорт изображений.
|
ПГ
|
ПК-18,
ПК-29
|
|
2
|
|
Лабораторная работа 2. Основы работы с Macromedia Flash MX. Базовые операции при редактировании изображений. Покадровая анимация. Анимация движения. Совмещение покадровой и автоматической анимации. Автоматическая анимация трансформации объекта. Создание фона. Направляющие. Маскирование слоев. Создание и редактирование символа. Создание кнопок. Создание клипов. Управление воспроизведением фильма. Переход по заданному URL. Загрузка дополнительных фильмов. Создание сценария для кадра. Создание сценария для клипа. Игра «Морской бой.
|
ПГ
|
ПК-18,
ПК-29
|
|
2
|
|
Лабораторная работа 3. Редактор растровой графики Adobe Photoshop: инструменты выделения и рисования, фильтры, трюки и спецэффекты. Базовые операции при редактировании изображений. Текстовые эффекты. Создание текстур. Эффекты имитации. Создание рамок. Имитация объёма. Школа высшего мастерства.
|
ПГ
|
ПК-18,
ПК-29
|
Аудиторные занятия (лекции, лабораторные, практические, семинарские) - заочная форма обучения, срок подготовки 2 года 6 месяцев
Неделя
|
Кол. час
|
в том числе в интерактивной форме, час.
|
Вид занятия, тема и краткое содержание
|
Методы
|
Реализуемые компетенции
|
|
|
|
Лекционные занятия
|
|
|
|
2
|
|
Тема «Web-дизайн: структура и содержание»:
Отличительные особенности Интернет. Структура Интернет. Передача информации в Интернет: цифровой адрес, доменная адресация. Информационные ресурсы Интернет. Информационная сеть WWW. Структура и содержание web-дизайна. Классификация web-сайтов. Классификация технологий для создания web-сайтов. Информационная архитектура web-сайта: логическая и физическая структуры, статичная и динамичнеа информационные системы. Глобальная навигация. Браузеры.
|
П,Д,Э
|
ПК-18,
ПК-29
|
|
2
|
|
Тема «Дизайн web-сайта. Теория композиции»
Художественные средства композиции. Понятие формальной композиции. Виды композиций: статичная и динамичная. Графика: точка, линия, пятно. Пластика: линейно-пластическая форма, плоскостная форма (текстура, фактура, рельеф). Средства гармонизации художественной формы: нюанс-контраст, статика-динамика, симметрия-ассиметрия, метр-ритм, отношения-пропорции, размер-масштаб. Блочная композия web-сайта. Анализ композиции шаблонов web-сайтов. Применение средств композиции и гармонизации художественной формы в композиции web-сайта.
Тема «Дизайн web-сайта. Теория цвета»
Основные понятия цветоведения (колористики). Цветовой круг. Цветовые модели. Хроматические и ахроматические цвета. Цветовой тон, светлота, насыщенность, теплые и холодные цвета, контрастные и родственные цвета. Эмоциональное воздействие цвета. Цвет в web. Цветовые стили дизайна web-сайта. Выбор цветовой гаммы web-сайта в зависимости от назначения и тематики сайта.
|
П, Д, Э, ПБ
|
ПК-18,
ПК-29
|
|
|
|
Лабораторные занятия
|
|
|
|
2
|
|
Лабораторная работа 1. Редактор векторной графики Corel Draw: инструменты выделения и рисования, докеры, трансформация объектов. Инструменты выделения и рисования. Докер «Форма». Докер «Трансформация». Создание рисунков». Трансформация контуров. Ребусы. Создание сложных рисунков. Заливка текстурой. Использование текста. Создание сложных эффектов. Экспорт изображений.
|
ПГ
|
ПК-18,
ПК-29
|
|
2
|
|
Лабораторная работа 2. Основы работы с Macromedia Flash MX. Базовые операции при редактировании изображений. Покадровая анимация. Анимация движения. Совмещение покадровой и автоматической анимации. Автоматическая анимация трансформации объекта. Создание фона. Направляющие. Маскирование слоев. Создание и редактирование символа. Создание кнопок. Создание клипов. Управление воспроизведением фильма. Переход по заданному URL. Загрузка дополнительных фильмов. Создание сценария для кадра. Создание сценария для клипа. Игра «Морской бой.
|
ПГ
|
ПК-18,
ПК-29
|
|
2
|
|
Лабораторная работа 3. Редактор растровой графики Adobe Photoshop: инструменты выделения и рисования, фильтры, трюки и спецэффекты. Базовые операции при редактировании изображений. Текстовые эффекты. Создание текстур. Эффекты имитации. Создание рамок. Имитация объёма. Школа высшего мастерства.
|
ПГ
|
ПК-18,
ПК-29
| |
