Программа курса "Компьютерная Верстка и Дизайн

Саратовский государственный социально-экономический университет
Саратовский региональный ресурсный центр
УТВЕРЖДАЮ
Начальник управления
информационно-коммуникационных
технологий и открытого образования
к.ф.-м.н.
_____________
С.Ю. Дронкин
«____».________ 2009 г.
Учебная программа
«Web-дизайн для создания личных Интернет-страниц»
Длительность обучения: 36 академических часов
Тема 1. Компьютерная графика. Теоретические сведения.
Два способа кодирования изображений – векторный и растровый.
Достоинства и недостатки каждого способа.
Цветовые модели RGB и CMYK.
Основные форматы хранения графической информации.
Понятия глубины цвета и разрешения.
Тема 2. Программа PhotoShop.
Интерфейс программы.
Инструменты выделения: “Область”, “Лассо”, “Волшебная палочка” и др.
Практическое задание: выделение части изображения, простейший монтаж.
Тема 3. Понятие коррекции изображения.
Настройка изображения, виды коррекций - цветовая коррекция, тоновая коррекция.
Практическое задание: монтаж изображения за счет коррекции цвета.
Тема 4. Режимы наложения пикселей.
Создание кистей, загрузка кистей. Инструменты ретуширования.
Практическое задание: ретушь фотографии.
Тема 5. Работа со слоями.
Трансформация, деформация слоев и выделенной области. Масштабирование,
эффекты слоев. Корректирующий слой. Элементы векторной графики: инструмент
Ручка.
Тема 6. Работа с текстом.
Практическое задание: монтаж фотографии с помощью слоев и инструментов
рисования и ретуширования.
Тема 7. Работа с каналами, выделение областей с помощью каналов.
Выделение областей с помощью быстрой маски.
Выделение областей с помощью цветового диапазона.
Маскирование слоев.
Практическое задание: монтаж и ретушь изображения с помощью каналов и
быстрой маски.
Тема 8. Веб-графика, создание прозрачного .gif файла.
Фильтры: понятие фильтра, виды, работа с фильтрами.
Примеры рисования с помощью фильтров - рисования огня, льда,
металла, воды.
Примеры монтажа с помощью фильтров.
Тема 9. Программа Macromedia Dreamweaver.
Интерфейс и настройка программы. Определение свойств страницы и сайта.
Использование программы для оформления текстовой части страницы, ссылок, таблиц
Тема 10. Создание нового проекта
Режим диалога – вставка различных объектов
Тема 11. Создание кнопок для Web.
Имитация различных состояний кнопки
Добавление динамических эффектов в программе Macromedia DreamWeaver
Назначение палитр Behaviors и TimeLine
Создаем сложные элементы легко и быстро: эффекты Rollover, слайд-шоу, анимация
слоев, управление окнами
Тема 12.Понятие об изображениях – картах (Image Map), примеры применения
Способы создания изображения – карты в программах Adobe ImageReady и
Macromedia DreamWeaver
Тема 13. Разработка макета страницы.
Принципы построения системы навигации.
Использование шаблонов в DreamWeaver
Практическая работа: создание макета Web-страницы в программе DreamWeaver
Тема 14. Встраивание объектов: добавление звука, Flash – анимации, Java - апплетов
Добавление служебной информации в раздел HEAD. Тэги META
Тема 15.Общие правила переноса группы страниц на сервер.
Подключение к серверу с помощью FTP. Использование протокола FTP для переноса
файлов сайта на сервер
Правила обновления опубликованных страниц
Практическая работа: регистрация на сервере, предоставляющем бесплатный
хостинг. Размещение страниц в Интернет
Саратовский региональный ресурсный центр
Саратовского государственного социально-экономического университета
СОГЛАСОВАНО
Зав. кафедрой
прикладной математики и информатики
профессор, д.ф.-м.н.
____________
В.Н. Гусятников
УТВЕРЖДАЮ
Начальник управления
информационно-коммуникационных
технологий и открытого образования
к.ф.-м.н.
_____________
С.Ю. Дронкин
«____».________ 2009 г.
«____».________ 2009 г.
Учебный план
по программе
«Web-дизайн для создания личных Интернет-страниц»
Длительность обучения: 36 академических часов
Форма обучения: очная
№
1.
2.
3.
4.
5-6.
7.
8.
Тема занятия
Компьютерная графика. Теоретические сведения. Два
способа кодирования изображений – векторный и
растровый. Достоинства и недостатки каждого способа.
Цветовые модели RGB и CMYK. Основные форматы
хранения графической информации. Понятия глубины
цвета и разрешения.
Программа
PhotoShop.
Интерфейс
программы.
Инструменты выделения: “ Область”, “Лассо”,
“Волшебная палочка” и др.
Практическое задание: выделение части изображения,
простейший монтаж
Понятие коррекции изображения. Настройка
изображения, виды коррекций - цветовая коррекция,
тоновая коррекция.
Практическое задание: монтаж изображения за счет
коррекции цвета.
Режимы наложения пикселей. Создание кистей, загрузка
кистей. Инструменты ретуширования.
Практическое задание: ретушь фотографии.
Работа со слоями. Трансформация, деформация слоев и
выделенной области. Масштабирование, эффекты слоев.
Корректирующий слой. Элементы векторной графики:
инструмент Ручка.
Работа с текстом.
Практическое задание: монтаж фотографии с помощью
слоев и инструментов рисования и ретуширования
Работа с каналами, выделение областей с помощью
каналов.
Выделение областей с помощью быстрой маски.
Выделение областей с помощью цветового диапазона.
Маскирование слоев.
Практическое задание: монтаж и ретушь изображения с
помощью каналов и быстрой маски.
Веб-графика, создание прозрачного .gif файла. Фильтры:
Кол-во
часов
1
В том числе
Лекции
Практич
еские
занятия
1
1
1
2
1
1
2
1
1
4
2
2
2
1
1
2
2
Форма
контроля
9-10
11
1213
14
1516
1718
19
20
понятие фильтра, виды, работа с фильтрами. Примеры
рисования с помощью фильтров - рисования огня, льда,
металла, воды. Примеры монтажа с помощью фильтров.
Программа Macromedia Dreamweaver. Интерфейс и
настройка программы. Определение свойств страницы и
сайта. Использование программы для оформления
текстовой части страницы, ссылок, таблиц
Создание нового проекта. Режим диалога – вставка
различных объектов
Создание кнопок для Web. Имитация различных
состояний кнопки. Добавление динамических эффектов в
программе Macromedia DreamWeaver. Назначение палитр
Behaviors и TimeLine.
Создаем сложные элементы легко и быстро: эффекты
Rollover, слайд-шоу, анимация слоев, управление окнами
Понятие об изображениях – картах (Image Map),
примеры применения.
Способы создания изображения – карты в программах
Adobe ImageReady и Macromedia DreamWeaver
Разработка макета страницы. Принципы построения
системы навигации.
Использование шаблонов в DreamWeaver.
Практическая работа: создание макета Web-страницы в
программе DreamWeaver
Встраивание объектов: добавление звука, Flash –
анимации, Java – апплетов. Добавление служебной
информации в раздел HEAD. Тэги META
Общие правила переноса группы страниц на сервер.
Подключение к серверу с помощью FTP. Использование
протокола FTP для переноса файлов сайта на сервер.
Правила обновления опубликованных страниц.
Практическая работа: регистрация на сервере,
предоставляющем бесплатный хостинг. Размещение
страниц в Интернет
Защита выпускной работы
Всего
Директор
Саратовского регионального
ресурсного центра, к.п.н.
4
2
2
2
2
3
3
2
1
1
3
1
2
4
4
2
1
1
2
36
11
2
25
Г.А. Сумина